From 8dc8c54bca9086028ae2992d7475a07ccd615451 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan.jait@bytedance.com>
Date: Sun, 27 Mar 2022 17:40:00 +0800
Subject: [PATCH] chore: add Numeric type

---
 packages/vant/docs/site/index.ts              |  5 +++
 packages/vant/docs/site/use-translate.ts      |  4 ---
 packages/vant/src/action-bar/demo/index.vue   |  2 +-
 packages/vant/src/action-sheet/demo/index.vue |  2 +-
 packages/vant/src/address-edit/demo/index.vue |  2 +-
 .../vant/src/address-list/AddressListItem.tsx | 11 +++++--
 packages/vant/src/address-list/demo/index.vue |  2 +-
 packages/vant/src/area/demo/index.vue         |  2 +-
 packages/vant/src/badge/Badge.tsx             |  3 +-
 packages/vant/src/badge/demo/index.vue        |  2 +-
 packages/vant/src/button/demo/index.vue       |  2 +-
 .../vant/src/calendar/demo/TiledDisplay.vue   |  2 +-
 packages/vant/src/calendar/demo/index.vue     |  2 +-
 packages/vant/src/calendar/types.ts           |  3 +-
 packages/vant/src/card/demo/index.vue         |  2 +-
 packages/vant/src/cascader/Cascader.tsx       |  3 +-
 packages/vant/src/cascader/demo/index.vue     |  7 +++--
 packages/vant/src/cascader/types.ts           |  4 ++-
 packages/vant/src/cell/demo/index.vue         |  2 +-
 packages/vant/src/checkbox/Checker.tsx        |  3 +-
 packages/vant/src/checkbox/demo/index.vue     |  2 +-
 packages/vant/src/circle/Circle.tsx           |  3 +-
 packages/vant/src/circle/demo/index.vue       |  2 +-
 packages/vant/src/col/demo/index.vue          |  2 +-
 packages/vant/src/collapse/Collapse.tsx       | 31 ++++++++++---------
 packages/vant/src/collapse/demo/index.vue     |  2 +-
 .../src/config-provider/ConfigProvider.tsx    | 13 +++++---
 .../vant/src/config-provider/demo/index.vue   |  2 +-
 packages/vant/src/contact-card/demo/index.vue |  2 +-
 packages/vant/src/contact-edit/demo/index.vue |  2 +-
 .../vant/src/contact-list/ContactList.tsx     |  6 ++--
 packages/vant/src/contact-list/demo/index.vue |  2 +-
 packages/vant/src/count-down/demo/index.vue   |  2 +-
 packages/vant/src/coupon-list/demo/index.vue  |  2 +-
 .../vant/src/coupon-list/test/index.spec.ts   |  2 +-
 packages/vant/src/coupon/Coupon.tsx           |  9 ++++--
 .../vant/src/datetime-picker/demo/index.vue   |  2 +-
 packages/vant/src/dialog/demo/index.vue       |  2 +-
 packages/vant/src/dialog/types.ts             |  4 +--
 packages/vant/src/divider/demo/index.vue      |  2 +-
 packages/vant/src/dropdown-item/types.ts      |  3 +-
 .../vant/src/dropdown-menu/demo/index.vue     |  2 +-
 packages/vant/src/empty/demo/index.vue        |  2 +-
 packages/vant/src/field/demo/Autosize.vue     |  2 +-
 packages/vant/src/field/demo/BasicUsage.vue   |  2 +-
 packages/vant/src/field/demo/CustomType.vue   |  2 +-
 packages/vant/src/field/demo/Disabled.vue     |  2 +-
 packages/vant/src/field/demo/ErrorInfo.vue    |  2 +-
 packages/vant/src/field/demo/FormatValue.vue  |  2 +-
 packages/vant/src/field/demo/InputAlign.vue   |  2 +-
 packages/vant/src/field/demo/InsertButton.vue |  2 +-
 packages/vant/src/field/demo/ShowIcon.vue     |  2 +-
 .../vant/src/field/demo/ShowWordLimit.vue     |  2 +-
 packages/vant/src/form/demo/BasicUsage.vue    |  2 +-
 packages/vant/src/form/demo/FieldType.vue     |  2 +-
 packages/vant/src/form/demo/FieldTypeArea.vue |  2 +-
 .../vant/src/form/demo/FieldTypeCalendar.vue  |  2 +-
 .../src/form/demo/FieldTypeDatetimePicker.vue |  2 +-
 .../vant/src/form/demo/FieldTypePicker.vue    |  2 +-
 packages/vant/src/form/demo/ValidateRules.vue |  2 +-
 packages/vant/src/grid/demo/index.vue         |  2 +-
 packages/vant/src/icon/demo/index.vue         |  2 +-
 packages/vant/src/icon/test/index.spec.ts     |  2 +-
 .../vant/src/image-preview/demo/index.vue     |  2 +-
 .../vant/src/image-preview/test/shared.ts     |  2 +-
 packages/vant/src/image/demo/index.vue        |  2 +-
 packages/vant/src/index-bar/IndexBar.tsx      |  7 +++--
 packages/vant/src/index-bar/demo/index.vue    |  2 +-
 packages/vant/src/index-bar/types.ts          |  3 +-
 packages/vant/src/lazyload/demo/index.vue     |  2 +-
 packages/vant/src/list/demo/index.vue         |  2 +-
 packages/vant/src/loading/demo/index.vue      |  2 +-
 packages/vant/src/nav-bar/demo/index.vue      |  2 +-
 packages/vant/src/notice-bar/demo/index.vue   |  2 +-
 packages/vant/src/notify/demo/index.vue       |  2 +-
 packages/vant/src/notify/types.ts             |  3 +-
 .../src/number-keyboard/NumberKeyboard.tsx    |  3 +-
 .../vant/src/number-keyboard/demo/index.vue   |  2 +-
 packages/vant/src/overlay/demo/index.vue      |  2 +-
 packages/vant/src/pagination/Pagination.tsx   |  5 +--
 packages/vant/src/pagination/demo/index.vue   |  2 +-
 .../vant/src/password-input/demo/index.vue    |  2 +-
 packages/vant/src/picker/demo/index.vue       |  2 +-
 packages/vant/src/picker/types.ts             |  5 +--
 packages/vant/src/popover/demo/index.vue      |  2 +-
 packages/vant/src/popup/demo/index.vue        |  2 +-
 packages/vant/src/progress/Progress.tsx       | 10 ++++--
 packages/vant/src/progress/demo/index.vue     |  2 +-
 packages/vant/src/pull-refresh/demo/index.vue |  2 +-
 packages/vant/src/radio/demo/index.vue        |  2 +-
 packages/vant/src/rate/demo/index.vue         |  2 +-
 packages/vant/src/search/demo/index.vue       |  2 +-
 packages/vant/src/share-sheet/demo/index.vue  |  2 +-
 packages/vant/src/sidebar/demo/index.vue      |  2 +-
 packages/vant/src/skeleton/Skeleton.tsx       |  5 ++-
 packages/vant/src/skeleton/demo/index.vue     |  2 +-
 packages/vant/src/slider/demo/index.vue       |  2 +-
 packages/vant/src/stepper/Stepper.tsx         |  7 +++--
 packages/vant/src/stepper/demo/index.vue      |  2 +-
 packages/vant/src/steps/demo/index.vue        |  2 +-
 packages/vant/src/sticky/demo/index.vue       |  2 +-
 packages/vant/src/style/demo/index.vue        |  2 +-
 packages/vant/src/submit-bar/demo/index.vue   |  2 +-
 packages/vant/src/swipe-cell/demo/index.vue   |  2 +-
 packages/vant/src/swipe/demo/index.vue        |  2 +-
 packages/vant/src/switch/demo/index.vue       |  2 +-
 packages/vant/src/tab/demo/Shrink.vue         |  2 +-
 packages/vant/src/tab/demo/index.vue          |  2 +-
 packages/vant/src/tabbar/Tabbar.tsx           |  7 +++--
 packages/vant/src/tabbar/demo/index.vue       |  2 +-
 packages/vant/src/tabs/Tabs.tsx               | 15 +++++----
 packages/vant/src/tabs/types.ts               |  9 +++---
 packages/vant/src/tag/demo/index.vue          |  2 +-
 packages/vant/src/toast/demo/index.vue        |  2 +-
 packages/vant/src/toast/types.ts              |  5 +--
 packages/vant/src/tree-select/TreeSelect.tsx  | 11 +++----
 packages/vant/src/tree-select/demo/index.vue  |  2 +-
 packages/vant/src/uploader/Uploader.tsx       |  3 +-
 .../vant/src/uploader/UploaderPreviewItem.tsx |  5 +--
 packages/vant/src/uploader/demo/index.vue     |  2 +-
 packages/vant/src/uploader/test/index.spec.ts |  9 +++---
 packages/vant/src/uploader/types.ts           | 10 +++---
 packages/vant/src/utils/basic.ts              |  2 ++
 packages/vant/src/utils/format.ts             | 14 ++++-----
 packages/vant/src/utils/validate.ts           |  4 +--
 packages/vant/test/demo.ts                    |  2 +-
 126 files changed, 238 insertions(+), 194 deletions(-)
 create mode 100644 packages/vant/docs/site/index.ts

diff --git a/packages/vant/docs/site/index.ts b/packages/vant/docs/site/index.ts
new file mode 100644
index 000000000..8972e4cdd
--- /dev/null
+++ b/packages/vant/docs/site/index.ts
@@ -0,0 +1,5 @@
+export { useTranslate, initDemoLocale } from './use-translate';
+
+/** Generate the CDN URL of assets. */
+export const cdnURL = (path: string) =>
+  `https://cdn.jsdelivr.net/npm/@vant/assets/${path}`;
diff --git a/packages/vant/docs/site/use-translate.ts b/packages/vant/docs/site/use-translate.ts
index 38c33dda2..7d29e43d3 100644
--- a/packages/vant/docs/site/use-translate.ts
+++ b/packages/vant/docs/site/use-translate.ts
@@ -104,7 +104,3 @@ export function useTranslate(i18n: Record<string, any>) {
 
   return createTranslate(demoName);
 }
-
-/** Generate the CDN URL of assets. */
-export const cdnURL = (path: string) =>
-  `https://cdn.jsdelivr.net/npm/@vant/assets/${path}`;
diff --git a/packages/vant/src/action-bar/demo/index.vue b/packages/vant/src/action-bar/demo/index.vue
index e500db8ee..eed313bc9 100644
--- a/packages/vant/src/action-bar/demo/index.vue
+++ b/packages/vant/src/action-bar/demo/index.vue
@@ -2,7 +2,7 @@
 import VanActionBar from '..';
 import VanActionBarIcon from '../../action-bar-icon';
 import VanActionBarButton from '../../action-bar-button';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/action-sheet/demo/index.vue b/packages/vant/src/action-sheet/demo/index.vue
index 89f571698..5af5339b2 100644
--- a/packages/vant/src/action-sheet/demo/index.vue
+++ b/packages/vant/src/action-sheet/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanActionSheet, { ActionSheetAction } from '..';
 import { ref, computed } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/address-edit/demo/index.vue b/packages/vant/src/address-edit/demo/index.vue
index df907b623..4d8617646 100644
--- a/packages/vant/src/address-edit/demo/index.vue
+++ b/packages/vant/src/address-edit/demo/index.vue
@@ -2,7 +2,7 @@
 import VanAddressEdit from '..';
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/address-list/AddressListItem.tsx b/packages/vant/src/address-list/AddressListItem.tsx
index babf7f602..278ad5fbd 100644
--- a/packages/vant/src/address-list/AddressListItem.tsx
+++ b/packages/vant/src/address-list/AddressListItem.tsx
@@ -1,7 +1,12 @@
 import { defineComponent, type PropType } from 'vue';
 
 // Utils
-import { createNamespace, extend, makeRequiredProp } from '../utils';
+import {
+  extend,
+  createNamespace,
+  makeRequiredProp,
+  type Numeric,
+} from '../utils';
 
 // Components
 import { Tag } from '../tag';
@@ -12,8 +17,8 @@ import { Radio } from '../radio';
 const [name, bem] = createNamespace('address-item');
 
 export type AddressListAddress = {
-  id: number | string;
-  tel: number | string;
+  id: Numeric;
+  tel: Numeric;
   name: string;
   address: string;
   isDefault?: boolean;
diff --git a/packages/vant/src/address-list/demo/index.vue b/packages/vant/src/address-list/demo/index.vue
index 2ed2ae7a9..45e5a9f7a 100644
--- a/packages/vant/src/address-list/demo/index.vue
+++ b/packages/vant/src/address-list/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanAddressList from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/area/demo/index.vue b/packages/vant/src/area/demo/index.vue
index e63f7c2e6..9b4e5cead 100644
--- a/packages/vant/src/area/demo/index.vue
+++ b/packages/vant/src/area/demo/index.vue
@@ -3,7 +3,7 @@ import VanArea from '..';
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
 import { areaListEn } from './area-en';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/badge/Badge.tsx b/packages/vant/src/badge/Badge.tsx
index ec03663e6..83522ca0e 100644
--- a/packages/vant/src/badge/Badge.tsx
+++ b/packages/vant/src/badge/Badge.tsx
@@ -13,6 +13,7 @@ import {
   numericProp,
   makeStringProp,
   createNamespace,
+  type Numeric,
 } from '../utils';
 
 const [name, bem] = createNamespace('badge');
@@ -28,7 +29,7 @@ const badgeProps = {
   max: numericProp,
   tag: makeStringProp<keyof HTMLElementTagNameMap>('div'),
   color: String,
-  offset: Array as unknown as PropType<[string | number, string | number]>,
+  offset: Array as unknown as PropType<[Numeric, Numeric]>,
   content: numericProp,
   showZero: truthProp,
   position: makeStringProp<BadgePosition>('top-right'),
diff --git a/packages/vant/src/badge/demo/index.vue b/packages/vant/src/badge/demo/index.vue
index c8c06d735..6012cd5f6 100644
--- a/packages/vant/src/badge/demo/index.vue
+++ b/packages/vant/src/badge/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanBadge from '..';
 import VanIcon from '../../icon';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/button/demo/index.vue b/packages/vant/src/button/demo/index.vue
index 9460e3105..b682d53ee 100644
--- a/packages/vant/src/button/demo/index.vue
+++ b/packages/vant/src/button/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VanButton from '..';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/calendar/demo/TiledDisplay.vue b/packages/vant/src/calendar/demo/TiledDisplay.vue
index e789ce382..e1481c88d 100644
--- a/packages/vant/src/calendar/demo/TiledDisplay.vue
+++ b/packages/vant/src/calendar/demo/TiledDisplay.vue
@@ -1,6 +1,6 @@
 <script setup>
 import VanCalendar from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const minDate = new Date(2012, 0, 10);
 const maxDate = new Date(2012, 2, 20);
diff --git a/packages/vant/src/calendar/demo/index.vue b/packages/vant/src/calendar/demo/index.vue
index a517c42ba..ab2c0c50e 100644
--- a/packages/vant/src/calendar/demo/index.vue
+++ b/packages/vant/src/calendar/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanCalendar from '..';
 import { reactive } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import TiledDisplay from './TiledDisplay.vue';
 import type { CalendarDayItem } from '../types';
 
diff --git a/packages/vant/src/calendar/types.ts b/packages/vant/src/calendar/types.ts
index a0de41522..2310b07ca 100644
--- a/packages/vant/src/calendar/types.ts
+++ b/packages/vant/src/calendar/types.ts
@@ -1,4 +1,5 @@
 import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
+import type { Numeric } from '../utils';
 import type { CalendarProps } from './Calendar';
 import type { CalendarMonthProps } from './CalendarMonth';
 
@@ -18,7 +19,7 @@ export type CalendarDayType =
 
 export type CalendarDayItem = {
   date?: Date;
-  text?: string | number;
+  text?: Numeric;
   type?: CalendarDayType;
   topInfo?: string;
   className?: unknown;
diff --git a/packages/vant/src/card/demo/index.vue b/packages/vant/src/card/demo/index.vue
index 2f5b237ec..cae331c0b 100644
--- a/packages/vant/src/card/demo/index.vue
+++ b/packages/vant/src/card/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCard from '..';
 import VanTag from '../../tag';
 import VanButton from '../../button';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/cascader/Cascader.tsx b/packages/vant/src/cascader/Cascader.tsx
index b5949dc72..73d4e0bd2 100644
--- a/packages/vant/src/cascader/Cascader.tsx
+++ b/packages/vant/src/cascader/Cascader.tsx
@@ -14,6 +14,7 @@ import {
   makeStringProp,
   createNamespace,
   HAPTICS_FEEDBACK,
+  type Numeric,
 } from '../utils';
 
 // Components
@@ -68,7 +69,7 @@ export default defineComponent({
 
     const getSelectedOptionsByValue = (
       options: CascaderOption[],
-      value: string | number
+      value: Numeric
     ): CascaderOption[] | undefined => {
       for (const option of options) {
         if (option[valueKey] === value) {
diff --git a/packages/vant/src/cascader/demo/index.vue b/packages/vant/src/cascader/demo/index.vue
index d821b87a1..fcebc132b 100644
--- a/packages/vant/src/cascader/demo/index.vue
+++ b/packages/vant/src/cascader/demo/index.vue
@@ -3,10 +3,11 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import VanCascader, { CascaderOption } from '..';
 import { computed, reactive } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { deepClone } from '../../utils/deep-clone';
 import zhCNOptions from './area-zh-CN';
 import enUSOptions from './area-en-US';
+import type { Numeric } from '../../utils';
 
 const t = useTranslate({
   'zh-CN': {
@@ -55,7 +56,7 @@ const t = useTranslate({
 
 type StateItem = {
   show: boolean;
-  value: string | number | undefined;
+  value: Numeric | undefined;
   result: string;
   options?: CascaderOption[];
   tabIndex?: number;
@@ -129,7 +130,7 @@ const onFinish = (
   {
     value,
     selectedOptions,
-  }: { value: number | string; selectedOptions: CascaderOption[] }
+  }: { value: Numeric; selectedOptions: CascaderOption[] }
 ) => {
   const result = selectedOptions
     .map((option) => option.text || option.name)
diff --git a/packages/vant/src/cascader/types.ts b/packages/vant/src/cascader/types.ts
index 2fc1ae502..2532add76 100644
--- a/packages/vant/src/cascader/types.ts
+++ b/packages/vant/src/cascader/types.ts
@@ -1,6 +1,8 @@
+import type { Numeric } from '../utils';
+
 export type CascaderOption = {
   text?: string;
-  value?: string | number;
+  value?: Numeric;
   color?: string;
   disabled?: boolean;
   children?: CascaderOption[];
diff --git a/packages/vant/src/cell/demo/index.vue b/packages/vant/src/cell/demo/index.vue
index eac2bebbb..2795c558e 100644
--- a/packages/vant/src/cell/demo/index.vue
+++ b/packages/vant/src/cell/demo/index.vue
@@ -3,7 +3,7 @@ import VanCellGroup from '../../cell-group';
 import VanCell from '..';
 import VanTag from '../../tag';
 import VanIcon from '../../icon';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/checkbox/Checker.tsx b/packages/vant/src/checkbox/Checker.tsx
index b7ab81a72..d23c146c2 100644
--- a/packages/vant/src/checkbox/Checker.tsx
+++ b/packages/vant/src/checkbox/Checker.tsx
@@ -7,6 +7,7 @@ import {
   unknownProp,
   makeStringProp,
   makeRequiredProp,
+  type Numeric,
 } from '../utils';
 import { Icon } from '../icon';
 
@@ -16,7 +17,7 @@ export type CheckerLabelPosition = 'left' | 'right';
 export type CheckerParent = {
   props: {
     disabled?: boolean;
-    iconSize?: number | string;
+    iconSize?: Numeric;
     direction?: CheckerDirection;
     checkedColor?: string;
   };
diff --git a/packages/vant/src/checkbox/demo/index.vue b/packages/vant/src/checkbox/demo/index.vue
index 18278d9cb..33b72081f 100644
--- a/packages/vant/src/checkbox/demo/index.vue
+++ b/packages/vant/src/checkbox/demo/index.vue
@@ -5,7 +5,7 @@ import VanButton from '../../button';
 import VanCellGroup from '../../cell-group';
 import VanCell from '../../cell';
 import { ref, reactive } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { useRefs } from '../../composables/use-refs';
 import type { CheckboxInstance } from '../types';
 import type { CheckboxGroupInstance } from '../../checkbox-group';
diff --git a/packages/vant/src/circle/Circle.tsx b/packages/vant/src/circle/Circle.tsx
index 019c3784c..85a037720 100644
--- a/packages/vant/src/circle/Circle.tsx
+++ b/packages/vant/src/circle/Circle.tsx
@@ -16,13 +16,14 @@ import {
   makeNumberProp,
   makeNumericProp,
   createNamespace,
+  type Numeric,
 } from '../utils';
 
 const [name, bem] = createNamespace('circle');
 
 let uid = 0;
 
-const format = (rate: string | number) => Math.min(Math.max(+rate, 0), 100);
+const format = (rate: Numeric) => Math.min(Math.max(+rate, 0), 100);
 
 function getPath(clockwise: boolean, viewBoxSize: number) {
   const sweepFlag = clockwise ? 1 : 0;
diff --git a/packages/vant/src/circle/demo/index.vue b/packages/vant/src/circle/demo/index.vue
index e88fd6d1e..416c82243 100644
--- a/packages/vant/src/circle/demo/index.vue
+++ b/packages/vant/src/circle/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCircle from '..';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/col/demo/index.vue b/packages/vant/src/col/demo/index.vue
index 33a1659d4..807993607 100644
--- a/packages/vant/src/col/demo/index.vue
+++ b/packages/vant/src/col/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanRow from '../../row';
 import VanCol from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/collapse/Collapse.tsx b/packages/vant/src/collapse/Collapse.tsx
index 667452be9..adf682e46 100644
--- a/packages/vant/src/collapse/Collapse.tsx
+++ b/packages/vant/src/collapse/Collapse.tsx
@@ -4,14 +4,19 @@ import {
   type InjectionKey,
   type ExtractPropTypes,
 } from 'vue';
-import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from '../utils';
+import {
+  truthProp,
+  createNamespace,
+  BORDER_TOP_BOTTOM,
+  type Numeric,
+} from '../utils';
 import { useChildren } from '@vant/use';
 
 const [name, bem] = createNamespace('collapse');
 
 export type CollapseProvide = {
-  toggle: (name: number | string, expanded: boolean) => void;
-  isExpanded: (name: number | string) => boolean;
+  toggle: (name: Numeric, expanded: boolean) => void;
+  isExpanded: (name: Numeric) => boolean;
 };
 
 export const COLLAPSE_KEY: InjectionKey<CollapseProvide> = Symbol(name);
@@ -20,9 +25,7 @@ const collapseProps = {
   border: truthProp,
   accordion: Boolean,
   modelValue: {
-    type: [String, Number, Array] as PropType<
-      string | number | Array<string | number>
-    >,
+    type: [String, Number, Array] as PropType<Numeric | Numeric[]>,
     default: '',
   },
 };
@@ -30,7 +33,7 @@ const collapseProps = {
 export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
 
 function validateModelValue(
-  modelValue: string | number | Array<string | number>,
+  modelValue: Numeric | Numeric[],
   accordion: boolean
 ) {
   if (accordion && Array.isArray(modelValue)) {
@@ -58,28 +61,26 @@ export default defineComponent({
   setup(props, { emit, slots }) {
     const { linkChildren } = useChildren(COLLAPSE_KEY);
 
-    const updateName = (name: number | string | Array<number | string>) => {
+    const updateName = (name: Numeric | Numeric[]) => {
       emit('change', name);
       emit('update:modelValue', name);
     };
 
-    const toggle = (name: number | string, expanded: boolean) => {
+    const toggle = (name: Numeric, expanded: boolean) => {
       const { accordion, modelValue } = props;
 
       if (accordion) {
         updateName(name === modelValue ? '' : name);
       } else if (expanded) {
-        updateName((modelValue as Array<number | string>).concat(name));
+        updateName((modelValue as Numeric[]).concat(name));
       } else {
         updateName(
-          (modelValue as Array<number | string>).filter(
-            (activeName) => activeName !== name
-          )
+          (modelValue as Numeric[]).filter((activeName) => activeName !== name)
         );
       }
     };
 
-    const isExpanded = (name: number | string) => {
+    const isExpanded = (name: Numeric) => {
       const { accordion, modelValue } = props;
 
       if (
@@ -91,7 +92,7 @@ export default defineComponent({
 
       return accordion
         ? modelValue === name
-        : (modelValue as Array<number | string>).includes(name);
+        : (modelValue as Numeric[]).includes(name);
     };
 
     linkChildren({ toggle, isExpanded });
diff --git a/packages/vant/src/collapse/demo/index.vue b/packages/vant/src/collapse/demo/index.vue
index 4eca23131..53d5ffb28 100644
--- a/packages/vant/src/collapse/demo/index.vue
+++ b/packages/vant/src/collapse/demo/index.vue
@@ -3,7 +3,7 @@ import VanCollapse from '..';
 import VanCollapseItem from '../../collapse-item';
 import VanIcon from '../../icon';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/config-provider/ConfigProvider.tsx b/packages/vant/src/config-provider/ConfigProvider.tsx
index 16aeaafc1..3b05f6940 100644
--- a/packages/vant/src/config-provider/ConfigProvider.tsx
+++ b/packages/vant/src/config-provider/ConfigProvider.tsx
@@ -7,7 +7,12 @@ import {
   type CSSProperties,
   type ExtractPropTypes,
 } from 'vue';
-import { kebabCase, makeStringProp, createNamespace } from '../utils';
+import {
+  kebabCase,
+  makeStringProp,
+  createNamespace,
+  type Numeric,
+} from '../utils';
 
 const [name, bem] = createNamespace('config-provider');
 
@@ -20,14 +25,14 @@ export const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide> =
 
 const configProviderProps = {
   tag: makeStringProp<keyof HTMLElementTagNameMap>('div'),
-  themeVars: Object as PropType<Record<string, string | number>>,
+  themeVars: Object as PropType<Record<string, Numeric>>,
   iconPrefix: String,
 };
 
 export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
 
-function mapThemeVarsToCSSVars(themeVars: Record<string, string | number>) {
-  const cssVars: Record<string, string | number> = {};
+function mapThemeVarsToCSSVars(themeVars: Record<string, Numeric>) {
+  const cssVars: Record<string, Numeric> = {};
   Object.keys(themeVars).forEach((key) => {
     cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
   });
diff --git a/packages/vant/src/config-provider/demo/index.vue b/packages/vant/src/config-provider/demo/index.vue
index d7df1c003..54e2a6a83 100644
--- a/packages/vant/src/config-provider/demo/index.vue
+++ b/packages/vant/src/config-provider/demo/index.vue
@@ -6,7 +6,7 @@ import VanSlider from '../../slider';
 import VanButton from '../../button';
 import VanConfigProvider from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/contact-card/demo/index.vue b/packages/vant/src/contact-card/demo/index.vue
index d463d47da..eb06f6103 100644
--- a/packages/vant/src/contact-card/demo/index.vue
+++ b/packages/vant/src/contact-card/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanContactCard from '..';
 import { computed } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/contact-edit/demo/index.vue b/packages/vant/src/contact-edit/demo/index.vue
index 23405172c..4c12678c6 100644
--- a/packages/vant/src/contact-edit/demo/index.vue
+++ b/packages/vant/src/contact-edit/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import VanContactEdit, { type ContactEditInfo } from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/contact-list/ContactList.tsx b/packages/vant/src/contact-list/ContactList.tsx
index 61265d5c2..0cb96a1f7 100644
--- a/packages/vant/src/contact-list/ContactList.tsx
+++ b/packages/vant/src/contact-list/ContactList.tsx
@@ -1,7 +1,7 @@
 import { defineComponent, type PropType, type ExtractPropTypes } from 'vue';
 
 // Utils
-import { createNamespace, unknownProp } from '../utils';
+import { createNamespace, unknownProp, type Numeric } from '../utils';
 
 // Components
 import { Tag } from '../tag';
@@ -14,8 +14,8 @@ import { RadioGroup } from '../radio-group';
 const [name, bem, t] = createNamespace('contact-list');
 
 export type ContactListItem = {
-  id?: number | string;
-  tel: number | string;
+  id?: Numeric;
+  tel: Numeric;
   name: string;
   isDefault?: boolean;
 };
diff --git a/packages/vant/src/contact-list/demo/index.vue b/packages/vant/src/contact-list/demo/index.vue
index e485504a7..05a203227 100644
--- a/packages/vant/src/contact-list/demo/index.vue
+++ b/packages/vant/src/contact-list/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanContactList from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/count-down/demo/index.vue b/packages/vant/src/count-down/demo/index.vue
index 7c82cd169..f0d44967d 100644
--- a/packages/vant/src/count-down/demo/index.vue
+++ b/packages/vant/src/count-down/demo/index.vue
@@ -3,7 +3,7 @@ import VanGrid from '../../grid';
 import VanGridItem from '../../grid-item';
 import VanCountDown, { type CountDownInstance } from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/coupon-list/demo/index.vue b/packages/vant/src/coupon-list/demo/index.vue
index bb3888bd5..495195e54 100644
--- a/packages/vant/src/coupon-list/demo/index.vue
+++ b/packages/vant/src/coupon-list/demo/index.vue
@@ -3,7 +3,7 @@ import VanCouponCell from '../../coupon-cell';
 import VanPopup from '../../popup';
 import VanCouponList from '..';
 import { ref, computed } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { CouponInfo } from '../../coupon';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/coupon-list/test/index.spec.ts b/packages/vant/src/coupon-list/test/index.spec.ts
index 4f07d1f06..ffb8c4eb9 100644
--- a/packages/vant/src/coupon-list/test/index.spec.ts
+++ b/packages/vant/src/coupon-list/test/index.spec.ts
@@ -1,6 +1,6 @@
 import { later, mount } from '../../../test';
 import { CouponList } from '..';
-import { cdnURL } from '../../../docs/site/use-translate';
+import { cdnURL } from '../../../docs/site';
 
 const coupon = {
   id: 1,
diff --git a/packages/vant/src/coupon/Coupon.tsx b/packages/vant/src/coupon/Coupon.tsx
index c148fb4e1..85d2df68b 100644
--- a/packages/vant/src/coupon/Coupon.tsx
+++ b/packages/vant/src/coupon/Coupon.tsx
@@ -1,10 +1,15 @@
 import { computed, defineComponent, type PropType } from 'vue';
-import { makeStringProp, createNamespace, makeRequiredProp } from '../utils';
+import {
+  makeStringProp,
+  createNamespace,
+  makeRequiredProp,
+  type Numeric,
+} from '../utils';
 import { getDate, formatAmount, formatDiscount } from './utils';
 import { Checkbox } from '../checkbox';
 
 export type CouponInfo = {
-  id: string | number;
+  id: Numeric;
   name: string;
   endAt: number;
   value: number;
diff --git a/packages/vant/src/datetime-picker/demo/index.vue b/packages/vant/src/datetime-picker/demo/index.vue
index 1b3dd17a1..3abdb2aa8 100644
--- a/packages/vant/src/datetime-picker/demo/index.vue
+++ b/packages/vant/src/datetime-picker/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanDatetimePicker from '..';
 import { reactive } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/dialog/demo/index.vue b/packages/vant/src/dialog/demo/index.vue
index eae16834a..a4ab23883 100644
--- a/packages/vant/src/dialog/demo/index.vue
+++ b/packages/vant/src/dialog/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import { Dialog } from '..';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import type { DialogAction } from '../types';
 
 const VanDialog = Dialog.Component;
diff --git a/packages/vant/src/dialog/types.ts b/packages/vant/src/dialog/types.ts
index 19c2c591a..cf6a9785a 100644
--- a/packages/vant/src/dialog/types.ts
+++ b/packages/vant/src/dialog/types.ts
@@ -1,6 +1,6 @@
 import { Dialog } from './function-call';
 import type { CSSProperties, TeleportProps } from 'vue';
-import type { Interceptor } from '../utils';
+import type { Interceptor, Numeric } from '../utils';
 
 export type DialogTheme = 'default' | 'round-button';
 export type DialogAction = 'confirm' | 'cancel';
@@ -9,7 +9,7 @@ export type DialogMessageAlign = 'left' | 'center' | 'right';
 
 export type DialogOptions = {
   title?: string;
-  width?: string | number;
+  width?: Numeric;
   theme?: DialogTheme;
   message?: DialogMessage;
   overlay?: boolean;
diff --git a/packages/vant/src/divider/demo/index.vue b/packages/vant/src/divider/demo/index.vue
index a7b4aac84..e2d1c4aa6 100644
--- a/packages/vant/src/divider/demo/index.vue
+++ b/packages/vant/src/divider/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VanDivider from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/dropdown-item/types.ts b/packages/vant/src/dropdown-item/types.ts
index 314a774a4..12eb528ef 100644
--- a/packages/vant/src/dropdown-item/types.ts
+++ b/packages/vant/src/dropdown-item/types.ts
@@ -1,10 +1,11 @@
 import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
 
 export type DropdownItemOption = {
   text: string;
   icon?: string;
-  value: number | string;
+  value: Numeric;
 };
 
 export type DropdownItemExpose = {
diff --git a/packages/vant/src/dropdown-menu/demo/index.vue b/packages/vant/src/dropdown-menu/demo/index.vue
index 828ffbba3..e07ba8b48 100644
--- a/packages/vant/src/dropdown-menu/demo/index.vue
+++ b/packages/vant/src/dropdown-menu/demo/index.vue
@@ -5,7 +5,7 @@ import VanCell from '../../cell';
 import VanSwitch from '../../switch';
 import VanButton from '../../button';
 import { computed, ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import type { DropdownItemInstance } from '../../dropdown-item';
 
 const t = useTranslate({
diff --git a/packages/vant/src/empty/demo/index.vue b/packages/vant/src/empty/demo/index.vue
index ceead7815..447d01bc7 100644
--- a/packages/vant/src/empty/demo/index.vue
+++ b/packages/vant/src/empty/demo/index.vue
@@ -4,7 +4,7 @@ import VanTabs from '../../tabs';
 import VanTab from '../../tab';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/Autosize.vue b/packages/vant/src/field/demo/Autosize.vue
index 97380a491..9f8cd3c2b 100644
--- a/packages/vant/src/field/demo/Autosize.vue
+++ b/packages/vant/src/field/demo/Autosize.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/BasicUsage.vue b/packages/vant/src/field/demo/BasicUsage.vue
index 602d9ef20..fcca100f5 100644
--- a/packages/vant/src/field/demo/BasicUsage.vue
+++ b/packages/vant/src/field/demo/BasicUsage.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/CustomType.vue b/packages/vant/src/field/demo/CustomType.vue
index 312b60140..9728ca462 100644
--- a/packages/vant/src/field/demo/CustomType.vue
+++ b/packages/vant/src/field/demo/CustomType.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/Disabled.vue b/packages/vant/src/field/demo/Disabled.vue
index 7e2e774fc..becb31b74 100644
--- a/packages/vant/src/field/demo/Disabled.vue
+++ b/packages/vant/src/field/demo/Disabled.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ErrorInfo.vue b/packages/vant/src/field/demo/ErrorInfo.vue
index cde5802cf..ebcc5e851 100644
--- a/packages/vant/src/field/demo/ErrorInfo.vue
+++ b/packages/vant/src/field/demo/ErrorInfo.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/FormatValue.vue b/packages/vant/src/field/demo/FormatValue.vue
index 70d067cb4..b64fbc1b6 100644
--- a/packages/vant/src/field/demo/FormatValue.vue
+++ b/packages/vant/src/field/demo/FormatValue.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/InputAlign.vue b/packages/vant/src/field/demo/InputAlign.vue
index 9652be1d6..e5c91f57a 100644
--- a/packages/vant/src/field/demo/InputAlign.vue
+++ b/packages/vant/src/field/demo/InputAlign.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/InsertButton.vue b/packages/vant/src/field/demo/InsertButton.vue
index 6c1b3bade..dfa9a79ee 100644
--- a/packages/vant/src/field/demo/InsertButton.vue
+++ b/packages/vant/src/field/demo/InsertButton.vue
@@ -3,7 +3,7 @@ import VanField from '..';
 import VanButton from '../../button';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ShowIcon.vue b/packages/vant/src/field/demo/ShowIcon.vue
index f91c890e2..7dbfb6f25 100644
--- a/packages/vant/src/field/demo/ShowIcon.vue
+++ b/packages/vant/src/field/demo/ShowIcon.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ShowWordLimit.vue b/packages/vant/src/field/demo/ShowWordLimit.vue
index 8e6e6fe12..1323a0634 100644
--- a/packages/vant/src/field/demo/ShowWordLimit.vue
+++ b/packages/vant/src/field/demo/ShowWordLimit.vue
@@ -2,7 +2,7 @@
 import VanField from '..';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/BasicUsage.vue b/packages/vant/src/form/demo/BasicUsage.vue
index 0965558fe..cae713a4d 100644
--- a/packages/vant/src/form/demo/BasicUsage.vue
+++ b/packages/vant/src/form/demo/BasicUsage.vue
@@ -4,7 +4,7 @@ import VanField from '../../field';
 import VanButton from '../../button';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { FieldValidateError } from '../../field/types';
 
 const t = useTranslate({
diff --git a/packages/vant/src/form/demo/FieldType.vue b/packages/vant/src/form/demo/FieldType.vue
index 5fa6d7929..c4f5406dd 100644
--- a/packages/vant/src/form/demo/FieldType.vue
+++ b/packages/vant/src/form/demo/FieldType.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import VanForm from '..';
 import VanRate from '../../rate';
 import VanRadio from '../../radio';
diff --git a/packages/vant/src/form/demo/FieldTypeArea.vue b/packages/vant/src/form/demo/FieldTypeArea.vue
index d6fc5df12..3e4c1ebc5 100644
--- a/packages/vant/src/form/demo/FieldTypeArea.vue
+++ b/packages/vant/src/form/demo/FieldTypeArea.vue
@@ -4,7 +4,7 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { areaListEn } from '../../area/demo/area-en';
 
 const t = useTranslate({
diff --git a/packages/vant/src/form/demo/FieldTypeCalendar.vue b/packages/vant/src/form/demo/FieldTypeCalendar.vue
index 83f46d984..dedaff4bc 100644
--- a/packages/vant/src/form/demo/FieldTypeCalendar.vue
+++ b/packages/vant/src/form/demo/FieldTypeCalendar.vue
@@ -2,7 +2,7 @@
 import VanField from '../../field';
 import VanCalendar from '../../calendar';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue b/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
index 94d4bf281..004625806 100644
--- a/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
@@ -3,7 +3,7 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import VanDatetimePicker from '../../datetime-picker';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/FieldTypePicker.vue b/packages/vant/src/form/demo/FieldTypePicker.vue
index d7587eee6..7baca2afb 100644
--- a/packages/vant/src/form/demo/FieldTypePicker.vue
+++ b/packages/vant/src/form/demo/FieldTypePicker.vue
@@ -3,7 +3,7 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import VanPicker from '../../picker';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/ValidateRules.vue b/packages/vant/src/form/demo/ValidateRules.vue
index 9f0d939c8..22e25a4e1 100644
--- a/packages/vant/src/form/demo/ValidateRules.vue
+++ b/packages/vant/src/form/demo/ValidateRules.vue
@@ -4,7 +4,7 @@ import VanField from '../../field';
 import VanButton from '../../button';
 import VanCellGroup from '../../cell-group';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { FieldValidateError } from '../../field/types';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/grid/demo/index.vue b/packages/vant/src/grid/demo/index.vue
index a2f2578b8..a0c683660 100644
--- a/packages/vant/src/grid/demo/index.vue
+++ b/packages/vant/src/grid/demo/index.vue
@@ -2,7 +2,7 @@
 import VanGrid from '..';
 import VanGridItem from '../../grid-item';
 import VanImage from '../../image';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/icon/demo/index.vue b/packages/vant/src/icon/demo/index.vue
index d2b105b03..b7a1b5d3a 100644
--- a/packages/vant/src/icon/demo/index.vue
+++ b/packages/vant/src/icon/demo/index.vue
@@ -6,7 +6,7 @@ import VanRow from '../../row';
 import VanCol from '../../col';
 import icons from '@vant/icons';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Notify } from '../../notify';
 
 // from https://30secondsofcode.org
diff --git a/packages/vant/src/icon/test/index.spec.ts b/packages/vant/src/icon/test/index.spec.ts
index a75bb6041..cb18fe118 100644
--- a/packages/vant/src/icon/test/index.spec.ts
+++ b/packages/vant/src/icon/test/index.spec.ts
@@ -1,6 +1,6 @@
 import { Icon } from '..';
 import { mount } from '../../../test';
-import { cdnURL } from '../../../docs/site/use-translate';
+import { cdnURL } from '../../../docs/site';
 
 test('should render icon with builtin icon name correctly', () => {
   const wrapper = mount(Icon, {
diff --git a/packages/vant/src/image-preview/demo/index.vue b/packages/vant/src/image-preview/demo/index.vue
index 570b5bbfe..daf0a02b7 100644
--- a/packages/vant/src/image-preview/demo/index.vue
+++ b/packages/vant/src/image-preview/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import { ImagePreview, ImagePreviewOptions } from '..';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const VanImagePreview = ImagePreview.Component;
diff --git a/packages/vant/src/image-preview/test/shared.ts b/packages/vant/src/image-preview/test/shared.ts
index 090a0a354..789cf6c99 100644
--- a/packages/vant/src/image-preview/test/shared.ts
+++ b/packages/vant/src/image-preview/test/shared.ts
@@ -1,5 +1,5 @@
 import { DOMWrapper } from '@vue/test-utils/dist/domWrapper';
-import { cdnURL } from '../../../docs/site/use-translate';
+import { cdnURL } from '../../../docs/site';
 import { trigger } from '../../../test';
 
 export const images = [
diff --git a/packages/vant/src/image/demo/index.vue b/packages/vant/src/image/demo/index.vue
index 4897ad25d..8632cf740 100644
--- a/packages/vant/src/image/demo/index.vue
+++ b/packages/vant/src/image/demo/index.vue
@@ -3,7 +3,7 @@ import VanRow from '../../row';
 import VanImage from '..';
 import VanCol from '../../col';
 import VanLoading from '../../loading';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/index-bar/IndexBar.tsx b/packages/vant/src/index-bar/IndexBar.tsx
index 5213aebdd..b2cc1ed8f 100644
--- a/packages/vant/src/index-bar/IndexBar.tsx
+++ b/packages/vant/src/index-bar/IndexBar.tsx
@@ -25,6 +25,7 @@ import {
   createNamespace,
   getRootScrollTop,
   setRootScrollTop,
+  type Numeric,
 } from '../utils';
 
 // Composables
@@ -58,7 +59,7 @@ const indexBarProps = {
   highlightColor: String,
   stickyOffsetTop: makeNumberProp(0),
   indexList: {
-    type: Array as PropType<Array<string | number>>,
+    type: Array as PropType<Numeric[]>,
     default: genAlphabet,
   },
 };
@@ -76,7 +77,7 @@ export default defineComponent({
 
   setup(props, { emit, slots }) {
     const root = ref<HTMLElement>();
-    const activeAnchor = ref<string | number>('');
+    const activeAnchor = ref<Numeric>('');
 
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -207,7 +208,7 @@ export default defineComponent({
         );
       });
 
-    const scrollTo = (index: string | number) => {
+    const scrollTo = (index: Numeric) => {
       selectActiveIndex = String(index);
       const match = getMatchAnchor(selectActiveIndex);
 
diff --git a/packages/vant/src/index-bar/demo/index.vue b/packages/vant/src/index-bar/demo/index.vue
index d70e60406..8717f7c03 100644
--- a/packages/vant/src/index-bar/demo/index.vue
+++ b/packages/vant/src/index-bar/demo/index.vue
@@ -5,7 +5,7 @@ import VanIndexBar from '..';
 import VanIndexAnchor from '../../index-anchor';
 import VanCell from '../../cell';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/index-bar/types.ts b/packages/vant/src/index-bar/types.ts
index b7a155ba5..34ffacdf3 100644
--- a/packages/vant/src/index-bar/types.ts
+++ b/packages/vant/src/index-bar/types.ts
@@ -1,4 +1,5 @@
 import type { ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
 import type { IndexBarProps } from './IndexBar';
 
 export type IndexBarProvide = {
@@ -6,7 +7,7 @@ export type IndexBarProvide = {
 };
 
 export type IndexBarExpose = {
-  scrollTo: (index: string | number) => void;
+  scrollTo: (index: Numeric) => void;
 };
 
 export type IndexBarInstance = ComponentPublicInstance<
diff --git a/packages/vant/src/lazyload/demo/index.vue b/packages/vant/src/lazyload/demo/index.vue
index 225a8a0f4..110bfcf73 100644
--- a/packages/vant/src/lazyload/demo/index.vue
+++ b/packages/vant/src/lazyload/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Lazyload from '..';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 if (window.app) {
   window.app.use(Lazyload, { lazyComponent: true });
diff --git a/packages/vant/src/list/demo/index.vue b/packages/vant/src/list/demo/index.vue
index 70cbb83b8..8f55f0e91 100644
--- a/packages/vant/src/list/demo/index.vue
+++ b/packages/vant/src/list/demo/index.vue
@@ -5,7 +5,7 @@ import VanList from '..';
 import VanCell from '../../cell';
 import VanPullRefresh from '../../pull-refresh';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/loading/demo/index.vue b/packages/vant/src/loading/demo/index.vue
index eedb560d1..0d945656d 100644
--- a/packages/vant/src/loading/demo/index.vue
+++ b/packages/vant/src/loading/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VanLoading from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/nav-bar/demo/index.vue b/packages/vant/src/nav-bar/demo/index.vue
index 2dfba2dad..3e687365f 100644
--- a/packages/vant/src/nav-bar/demo/index.vue
+++ b/packages/vant/src/nav-bar/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanNavBar from '..';
 import VanIcon from '../../icon';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/notice-bar/demo/index.vue b/packages/vant/src/notice-bar/demo/index.vue
index 17f71b48f..03a12e0ba 100644
--- a/packages/vant/src/notice-bar/demo/index.vue
+++ b/packages/vant/src/notice-bar/demo/index.vue
@@ -2,7 +2,7 @@
 import VanNoticeBar from '..';
 import VanSwipe from '../../swipe';
 import VanSwipeItem from '../../swipe-item';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/notify/demo/index.vue b/packages/vant/src/notify/demo/index.vue
index ea4341c39..449fcba48 100644
--- a/packages/vant/src/notify/demo/index.vue
+++ b/packages/vant/src/notify/demo/index.vue
@@ -3,7 +3,7 @@ import VanCell from '../../cell';
 import VanIcon from '../../icon';
 import { ref } from 'vue';
 import { Notify, type NotifyType } from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const VanNotify = Notify.Component;
 
diff --git a/packages/vant/src/notify/types.ts b/packages/vant/src/notify/types.ts
index 08bec392f..8dfbd5bb5 100644
--- a/packages/vant/src/notify/types.ts
+++ b/packages/vant/src/notify/types.ts
@@ -1,6 +1,7 @@
 import { Notify } from './function-call';
+import type { Numeric } from '../utils';
 
-export type NotifyMessage = string | number;
+export type NotifyMessage = Numeric;
 
 export type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
 
diff --git a/packages/vant/src/number-keyboard/NumberKeyboard.tsx b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
index 94c92d4b7..36fbd4ace 100644
--- a/packages/vant/src/number-keyboard/NumberKeyboard.tsx
+++ b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
@@ -21,6 +21,7 @@ import {
   stopPropagation,
   createNamespace,
   HAPTICS_FEEDBACK,
+  type Numeric,
 } from '../utils';
 
 // Composables
@@ -34,7 +35,7 @@ const [name, bem] = createNamespace('number-keyboard');
 export type NumberKeyboardTheme = 'default' | 'custom';
 
 type KeyConfig = {
-  text?: number | string;
+  text?: Numeric;
   type?: KeyType;
   color?: string;
   wider?: boolean;
diff --git a/packages/vant/src/number-keyboard/demo/index.vue b/packages/vant/src/number-keyboard/demo/index.vue
index 0885d010b..7cb2b1471 100644
--- a/packages/vant/src/number-keyboard/demo/index.vue
+++ b/packages/vant/src/number-keyboard/demo/index.vue
@@ -3,7 +3,7 @@ import VanCell from '../../cell';
 import VanField from '../../field';
 import VanNumberKeyboard from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/overlay/demo/index.vue b/packages/vant/src/overlay/demo/index.vue
index f4766520a..2e37d1118 100644
--- a/packages/vant/src/overlay/demo/index.vue
+++ b/packages/vant/src/overlay/demo/index.vue
@@ -2,7 +2,7 @@
 import VanButton from '../../button';
 import VanOverlay from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/pagination/Pagination.tsx b/packages/vant/src/pagination/Pagination.tsx
index 4fb506896..f1b873dfc 100644
--- a/packages/vant/src/pagination/Pagination.tsx
+++ b/packages/vant/src/pagination/Pagination.tsx
@@ -11,19 +11,20 @@ import {
   makeNumericProp,
   createNamespace,
   BORDER_SURROUND,
+  type Numeric,
 } from '../utils';
 
 const [name, bem, t] = createNamespace('pagination');
 
 type PageItem = {
-  text: string | number;
+  text: Numeric;
   number: number;
   active?: boolean;
 };
 
 const makePage = (
   number: number,
-  text: string | number,
+  text: Numeric,
   active?: boolean
 ): PageItem => ({ number, text, active });
 
diff --git a/packages/vant/src/pagination/demo/index.vue b/packages/vant/src/pagination/demo/index.vue
index b8f6a6cff..65f98eee6 100644
--- a/packages/vant/src/pagination/demo/index.vue
+++ b/packages/vant/src/pagination/demo/index.vue
@@ -2,7 +2,7 @@
 import VanPagination from '..';
 import VanIcon from '../../icon';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/password-input/demo/index.vue b/packages/vant/src/password-input/demo/index.vue
index 15997084d..a819c7532 100644
--- a/packages/vant/src/password-input/demo/index.vue
+++ b/packages/vant/src/password-input/demo/index.vue
@@ -3,7 +3,7 @@ import VanPasswordInput from '..';
 import VanNumberKeyboard from '../../number-keyboard';
 import { ref, watch } from 'vue';
 import { ComponentInstance } from '../../utils';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/picker/demo/index.vue b/packages/vant/src/picker/demo/index.vue
index b90e41ee1..b0484a751 100644
--- a/packages/vant/src/picker/demo/index.vue
+++ b/packages/vant/src/picker/demo/index.vue
@@ -4,7 +4,7 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import { ref, computed } from 'vue';
 import { dateColumns, cascadeColumns, cascadeColumnsCustomKey } from './data';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/picker/types.ts b/packages/vant/src/picker/types.ts
index 342525dca..a6d24648d 100644
--- a/packages/vant/src/picker/types.ts
+++ b/packages/vant/src/picker/types.ts
@@ -1,5 +1,6 @@
 /* eslint-disable no-use-before-define */
 import type { ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
 import type { PickerProps } from './Picker';
 
 export type PickerToolbarPosition = 'top' | 'bottom';
@@ -11,13 +12,13 @@ export type PickerFieldNames = {
 };
 
 export type PickerObjectOption = {
-  text?: string | number;
+  text?: Numeric;
   disabled?: boolean;
   // for custom filed names
   [key: PropertyKey]: any;
 };
 
-export type PickerOption = string | number | PickerObjectOption;
+export type PickerOption = Numeric | PickerObjectOption;
 
 export type PickerObjectColumn = {
   values?: PickerOption[];
diff --git a/packages/vant/src/popover/demo/index.vue b/packages/vant/src/popover/demo/index.vue
index 06f48db5a..c91e9c1db 100644
--- a/packages/vant/src/popover/demo/index.vue
+++ b/packages/vant/src/popover/demo/index.vue
@@ -8,7 +8,7 @@ import VanPicker from '../../picker';
 import VanGrid from '../../grid';
 import VanGridItem from '../../grid-item';
 import { Toast } from '../../toast';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/popup/demo/index.vue b/packages/vant/src/popup/demo/index.vue
index 1bae0ef92..3de32134a 100644
--- a/packages/vant/src/popup/demo/index.vue
+++ b/packages/vant/src/popup/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanPopup from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/progress/Progress.tsx b/packages/vant/src/progress/Progress.tsx
index b56b565a5..852fbbffa 100644
--- a/packages/vant/src/progress/Progress.tsx
+++ b/packages/vant/src/progress/Progress.tsx
@@ -1,5 +1,11 @@
 import { computed, defineComponent, type ExtractPropTypes } from 'vue';
-import { addUnit, truthProp, numericProp, createNamespace } from '../utils';
+import {
+  addUnit,
+  truthProp,
+  numericProp,
+  createNamespace,
+  type Numeric,
+} from '../utils';
 
 const [name, bem] = createNamespace('progress');
 
@@ -15,7 +21,7 @@ const progressProps = {
   percentage: {
     type: numericProp,
     default: 0,
-    validator: (value: number | string) => value >= 0 && value <= 100,
+    validator: (value: Numeric) => value >= 0 && value <= 100,
   },
 };
 
diff --git a/packages/vant/src/progress/demo/index.vue b/packages/vant/src/progress/demo/index.vue
index 428204fae..4e5b6f0b6 100644
--- a/packages/vant/src/progress/demo/index.vue
+++ b/packages/vant/src/progress/demo/index.vue
@@ -2,7 +2,7 @@
 import VanProgress from '..';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/pull-refresh/demo/index.vue b/packages/vant/src/pull-refresh/demo/index.vue
index 664fc47b6..fd11ca5f0 100644
--- a/packages/vant/src/pull-refresh/demo/index.vue
+++ b/packages/vant/src/pull-refresh/demo/index.vue
@@ -3,7 +3,7 @@ import VanTabs from '../../tabs';
 import VanTab from '../../tab';
 import VanPullRefresh from '..';
 import { computed, onMounted, ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/radio/demo/index.vue b/packages/vant/src/radio/demo/index.vue
index 6a529df7f..b6474865d 100644
--- a/packages/vant/src/radio/demo/index.vue
+++ b/packages/vant/src/radio/demo/index.vue
@@ -4,7 +4,7 @@ import VanRadio from '..';
 import VanCellGroup from '../../cell-group';
 import VanCell from '../../cell';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/rate/demo/index.vue b/packages/vant/src/rate/demo/index.vue
index 24b648883..b04665835 100644
--- a/packages/vant/src/rate/demo/index.vue
+++ b/packages/vant/src/rate/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanRate from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/search/demo/index.vue b/packages/vant/src/search/demo/index.vue
index f8007a0c2..27069b0d8 100644
--- a/packages/vant/src/search/demo/index.vue
+++ b/packages/vant/src/search/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanSearch from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/share-sheet/demo/index.vue b/packages/vant/src/share-sheet/demo/index.vue
index 67f9d9c26..53a51d04e 100644
--- a/packages/vant/src/share-sheet/demo/index.vue
+++ b/packages/vant/src/share-sheet/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanShareSheet, { ShareSheetOption, ShareSheetOptions } from '..';
 import { ref, computed } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/sidebar/demo/index.vue b/packages/vant/src/sidebar/demo/index.vue
index 3f875a4dd..1eeb5ec8e 100644
--- a/packages/vant/src/sidebar/demo/index.vue
+++ b/packages/vant/src/sidebar/demo/index.vue
@@ -4,7 +4,7 @@ import VanGridItem from '../../grid-item';
 import VanSidebar from '..';
 import VanSidebarItem from '../../sidebar-item';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/skeleton/Skeleton.tsx b/packages/vant/src/skeleton/Skeleton.tsx
index 3a75cea39..27b3a2e5a 100644
--- a/packages/vant/src/skeleton/Skeleton.tsx
+++ b/packages/vant/src/skeleton/Skeleton.tsx
@@ -7,6 +7,7 @@ import {
   makeStringProp,
   makeNumericProp,
   createNamespace,
+  type Numeric,
 } from '../utils';
 
 const [name, bem] = createNamespace('skeleton');
@@ -26,9 +27,7 @@ const skeletonProps = {
   titleWidth: numericProp,
   avatarShape: makeStringProp<SkeletonAvatarShape>('round'),
   rowWidth: {
-    type: [Number, String, Array] as PropType<
-      number | string | (number | string)[]
-    >,
+    type: [Number, String, Array] as PropType<Numeric | Numeric[]>,
     default: DEFAULT_ROW_WIDTH,
   },
 };
diff --git a/packages/vant/src/skeleton/demo/index.vue b/packages/vant/src/skeleton/demo/index.vue
index b9ca452c1..2fd0c5f2c 100644
--- a/packages/vant/src/skeleton/demo/index.vue
+++ b/packages/vant/src/skeleton/demo/index.vue
@@ -2,7 +2,7 @@
 import VanSkeleton from '..';
 import VanSwitch from '../../switch';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/slider/demo/index.vue b/packages/vant/src/slider/demo/index.vue
index f2c7d7c86..4dbcd6859 100644
--- a/packages/vant/src/slider/demo/index.vue
+++ b/packages/vant/src/slider/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanSlider from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/stepper/Stepper.tsx b/packages/vant/src/stepper/Stepper.tsx
index b6336edb4..8bacbc17b 100644
--- a/packages/vant/src/stepper/Stepper.tsx
+++ b/packages/vant/src/stepper/Stepper.tsx
@@ -24,6 +24,7 @@ import {
   callInterceptor,
   makeNumericProp,
   HAPTICS_FEEDBACK,
+  type Numeric,
 } from '../utils';
 
 // Composables
@@ -34,7 +35,7 @@ const [name, bem] = createNamespace('stepper');
 const LONG_PRESS_INTERVAL = 200;
 const LONG_PRESS_START_TIME = 600;
 
-const isEqual = (value1?: string | number, value2?: string | number) =>
+const isEqual = (value1?: Numeric, value2?: Numeric) =>
   String(value1) === String(value2);
 
 export type StepperTheme = 'default' | 'round';
@@ -82,7 +83,7 @@ export default defineComponent({
   ],
 
   setup(props, { emit }) {
-    const format = (value: string | number) => {
+    const format = (value: Numeric) => {
       const { min, max, allowEmpty, decimalLength } = props;
 
       if (allowEmpty && value === '') {
@@ -139,7 +140,7 @@ export default defineComponent({
       }
     };
 
-    const setValue = (value: string | number) => {
+    const setValue = (value: Numeric) => {
       if (props.beforeChange) {
         callInterceptor(props.beforeChange, {
           args: [value],
diff --git a/packages/vant/src/stepper/demo/index.vue b/packages/vant/src/stepper/demo/index.vue
index b28273b29..f8ec592aa 100644
--- a/packages/vant/src/stepper/demo/index.vue
+++ b/packages/vant/src/stepper/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanStepper from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/steps/demo/index.vue b/packages/vant/src/steps/demo/index.vue
index 3f30a939d..bcafbf907 100644
--- a/packages/vant/src/steps/demo/index.vue
+++ b/packages/vant/src/steps/demo/index.vue
@@ -3,7 +3,7 @@ import VanSteps from '..';
 import VanStep from '../../step';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/sticky/demo/index.vue b/packages/vant/src/sticky/demo/index.vue
index 2e8e3a4d0..b4b338477 100644
--- a/packages/vant/src/sticky/demo/index.vue
+++ b/packages/vant/src/sticky/demo/index.vue
@@ -2,7 +2,7 @@
 import VanSticky from '..';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/style/demo/index.vue b/packages/vant/src/style/demo/index.vue
index 1f2a09809..5d934e318 100644
--- a/packages/vant/src/style/demo/index.vue
+++ b/packages/vant/src/style/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanCell from '../../cell';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/submit-bar/demo/index.vue b/packages/vant/src/submit-bar/demo/index.vue
index c28f743de..0d507c0bc 100644
--- a/packages/vant/src/submit-bar/demo/index.vue
+++ b/packages/vant/src/submit-bar/demo/index.vue
@@ -2,7 +2,7 @@
 import VanSubmitBar from '..';
 import VanCheckbox from '../../checkbox';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/swipe-cell/demo/index.vue b/packages/vant/src/swipe-cell/demo/index.vue
index 03b14dacd..e08855483 100644
--- a/packages/vant/src/swipe-cell/demo/index.vue
+++ b/packages/vant/src/swipe-cell/demo/index.vue
@@ -3,7 +3,7 @@ import VanSwipeCell from '..';
 import VanButton from '../../button';
 import VanCell from '../../cell';
 import VanCard from '../../card';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Dialog } from '../../dialog';
 
 const t = useTranslate({
diff --git a/packages/vant/src/swipe/demo/index.vue b/packages/vant/src/swipe/demo/index.vue
index 9e2b47aa0..8da287d1a 100644
--- a/packages/vant/src/swipe/demo/index.vue
+++ b/packages/vant/src/swipe/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanSwipe from '..';
 import VanSwipeItem from '../../swipe-item';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/switch/demo/index.vue b/packages/vant/src/switch/demo/index.vue
index 0e379f41e..d25649edc 100644
--- a/packages/vant/src/switch/demo/index.vue
+++ b/packages/vant/src/switch/demo/index.vue
@@ -2,7 +2,7 @@
 import VanSwitch from '..';
 import VanCell from '../../cell';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Dialog } from '../../dialog';
 
 const t = useTranslate({
diff --git a/packages/vant/src/tab/demo/Shrink.vue b/packages/vant/src/tab/demo/Shrink.vue
index 194af34e7..83b8b70b5 100644
--- a/packages/vant/src/tab/demo/Shrink.vue
+++ b/packages/vant/src/tab/demo/Shrink.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import VanTabs from '../../tabs';
 import VanTab from '..';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/tab/demo/index.vue b/packages/vant/src/tab/demo/index.vue
index 9f7f4b586..28151c2b4 100644
--- a/packages/vant/src/tab/demo/index.vue
+++ b/packages/vant/src/tab/demo/index.vue
@@ -3,7 +3,7 @@ import VanTabs from '../../tabs';
 import VanTab from '..';
 import VanIcon from '../../icon';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 import Shrink from './Shrink.vue';
 
diff --git a/packages/vant/src/tabbar/Tabbar.tsx b/packages/vant/src/tabbar/Tabbar.tsx
index aae7cae8c..3d273fbf9 100644
--- a/packages/vant/src/tabbar/Tabbar.tsx
+++ b/packages/vant/src/tabbar/Tabbar.tsx
@@ -9,13 +9,14 @@ import {
 // Utils
 import {
   truthProp,
-  Interceptor,
   numericProp,
   getZIndexStyle,
   createNamespace,
   callInterceptor,
   makeNumericProp,
   BORDER_TOP_BOTTOM,
+  type Numeric,
+  type Interceptor,
 } from '../utils';
 
 // Composables
@@ -44,7 +45,7 @@ export type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
 
 export type TabbarProvide = {
   props: TabbarProps;
-  setActive: (active: number | string, afterChange: () => void) => void;
+  setActive: (active: Numeric, afterChange: () => void) => void;
 };
 
 export const TABBAR_KEY: InjectionKey<TabbarProvide> = Symbol(name);
@@ -84,7 +85,7 @@ export default defineComponent({
       );
     };
 
-    const setActive = (active: number | string, afterChange: () => void) => {
+    const setActive = (active: Numeric, afterChange: () => void) => {
       callInterceptor(props.beforeChange, {
         args: [active],
         done() {
diff --git a/packages/vant/src/tabbar/demo/index.vue b/packages/vant/src/tabbar/demo/index.vue
index efd8b400f..59c48584a 100644
--- a/packages/vant/src/tabbar/demo/index.vue
+++ b/packages/vant/src/tabbar/demo/index.vue
@@ -2,7 +2,7 @@
 import VanTabbar from '..';
 import VanTabbarItem from '../../tabbar-item';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index b4cfe595c..679ae9ec0 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -23,7 +23,6 @@ import {
   unitToPx,
   truthProp,
   numericProp,
-  Interceptor,
   windowWidth,
   getElementTop,
   makeStringProp,
@@ -32,6 +31,8 @@ import {
   makeNumericProp,
   setRootScrollTop,
   BORDER_TOP_BOTTOM,
+  type Numeric,
+  type Interceptor,
   type ComponentInstance,
 } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils';
@@ -150,10 +151,8 @@ export default defineComponent({
       background: props.background,
     }));
 
-    const getTabName = (
-      tab: ComponentInstance,
-      index: number
-    ): number | string => tab.name ?? index;
+    const getTabName = (tab: ComponentInstance, index: number): Numeric =>
+      tab.name ?? index;
 
     const currentName = computed(() => {
       const activeTab = children[state.currentIndex];
@@ -262,7 +261,7 @@ export default defineComponent({
     };
 
     // correct the index of active tab
-    const setCurrentIndexByName = (name: number | string) => {
+    const setCurrentIndexByName = (name: Numeric) => {
       const matched = children.find(
         (tab, index) => getTabName(tab, index) === name
       );
@@ -336,7 +335,7 @@ export default defineComponent({
       emit('scroll', params);
     };
 
-    const scrollTo = (name: number | string) => {
+    const scrollTo = (name: Numeric) => {
       nextTick(() => {
         setCurrentIndexByName(name);
         scrollToCurrentContent(true);
@@ -475,7 +474,7 @@ export default defineComponent({
       });
     };
 
-    const onRendered = (name: string | number, title?: string) =>
+    const onRendered = (name: Numeric, title?: string) =>
       emit('rendered', name, title);
 
     useExpose({
diff --git a/packages/vant/src/tabs/types.ts b/packages/vant/src/tabs/types.ts
index 6181f4d89..db524ab91 100644
--- a/packages/vant/src/tabs/types.ts
+++ b/packages/vant/src/tabs/types.ts
@@ -1,10 +1,11 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
+import type { Numeric } from '../utils';
 import type { TabsProps } from './Tabs';
 
 export type TabsType = 'line' | 'card';
 
 export type TabsClickTabEventParams = {
-  name: string | number;
+  name: Numeric;
   title: string;
   event: MouseEvent;
   disabled: boolean;
@@ -14,14 +15,14 @@ export type TabsProvide = {
   id: string;
   props: TabsProps;
   setLine: () => void;
-  onRendered: (name: string | number, title?: string) => void;
+  onRendered: (name: Numeric, title?: string) => void;
   scrollIntoView: (immediate?: boolean) => void;
-  currentName: ComputedRef<number | string | undefined>;
+  currentName: ComputedRef<Numeric | undefined>;
 };
 
 export type TabsExpose = {
   resize: () => void;
-  scrollTo: (name: number | string) => void;
+  scrollTo: (name: Numeric) => void;
 };
 
 export type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;
diff --git a/packages/vant/src/tag/demo/index.vue b/packages/vant/src/tag/demo/index.vue
index 2a8db115e..cd3e67e3a 100644
--- a/packages/vant/src/tag/demo/index.vue
+++ b/packages/vant/src/tag/demo/index.vue
@@ -2,7 +2,7 @@
 import VanCell from '../../cell';
 import VanTag from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/toast/demo/index.vue b/packages/vant/src/toast/demo/index.vue
index 9af29beca..e6812fc0a 100644
--- a/packages/vant/src/toast/demo/index.vue
+++ b/packages/vant/src/toast/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VanCell from '../../cell';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '..';
 import type { LoadingType } from '../../loading';
 
diff --git a/packages/vant/src/toast/types.ts b/packages/vant/src/toast/types.ts
index 239776703..dbb906823 100644
--- a/packages/vant/src/toast/types.ts
+++ b/packages/vant/src/toast/types.ts
@@ -1,6 +1,7 @@
 import { Toast } from './function-call';
 import type { TeleportProps } from 'vue';
 import type { LoadingType } from '../loading';
+import type { Numeric } from '../utils';
 
 export type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
 export type ToastPosition = 'top' | 'middle' | 'bottom';
@@ -9,13 +10,13 @@ export type ToastOptions = {
   icon?: string;
   type?: ToastType;
   mask?: boolean;
-  message?: string | number;
+  message?: Numeric;
   onClose?: () => void;
   onOpened?: () => void;
   overlay?: boolean;
   duration?: number;
   teleport?: TeleportProps['to'];
-  iconSize?: number | string;
+  iconSize?: Numeric;
   position?: ToastPosition;
   className?: unknown;
   transition?: string;
diff --git a/packages/vant/src/tree-select/TreeSelect.tsx b/packages/vant/src/tree-select/TreeSelect.tsx
index bfa35bd4b..7481fe606 100644
--- a/packages/vant/src/tree-select/TreeSelect.tsx
+++ b/packages/vant/src/tree-select/TreeSelect.tsx
@@ -7,6 +7,7 @@ import {
   makeStringProp,
   makeNumericProp,
   createNamespace,
+  type Numeric,
 } from '../utils';
 
 // Components
@@ -17,7 +18,7 @@ import { SidebarItem } from '../sidebar-item';
 const [name, bem] = createNamespace('tree-select');
 
 export type TreeSelectChild = {
-  id: number | string;
+  id: Numeric;
   text: string;
   disabled?: boolean;
 };
@@ -25,7 +26,7 @@ export type TreeSelectChild = {
 export type TreeSelectItem = {
   dot?: boolean;
   text: string;
-  badge?: number | string;
+  badge?: Numeric;
   children?: TreeSelectChild[];
   disabled?: boolean;
   className?: unknown;
@@ -38,9 +39,7 @@ const treeSelectProps = {
   selectedIcon: makeStringProp('success'),
   mainActiveIndex: makeNumericProp(0),
   activeId: {
-    type: [Number, String, Array] as PropType<
-      number | string | Array<number | string>
-    >,
+    type: [Number, String, Array] as PropType<Numeric | Numeric[]>,
     default: 0,
   },
 };
@@ -60,7 +59,7 @@ export default defineComponent({
   ],
 
   setup(props, { emit, slots }) {
-    const isActiveItem = (id: number | string) =>
+    const isActiveItem = (id: Numeric) =>
       Array.isArray(props.activeId)
         ? props.activeId.includes(id)
         : props.activeId === id;
diff --git a/packages/vant/src/tree-select/demo/index.vue b/packages/vant/src/tree-select/demo/index.vue
index 1f42b61cb..baf8e3fa7 100644
--- a/packages/vant/src/tree-select/demo/index.vue
+++ b/packages/vant/src/tree-select/demo/index.vue
@@ -2,7 +2,7 @@
 import VanTreeSelect from '..';
 import VanImage from '../../image';
 import { ref, computed } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { zhCNData } from './data-zh';
 import { enUSData } from './data-en';
 import { deepClone } from '../../utils/deep-clone';
diff --git a/packages/vant/src/uploader/Uploader.tsx b/packages/vant/src/uploader/Uploader.tsx
index aae632acd..708a8e4e9 100644
--- a/packages/vant/src/uploader/Uploader.tsx
+++ b/packages/vant/src/uploader/Uploader.tsx
@@ -18,6 +18,7 @@ import {
   makeArrayProp,
   makeStringProp,
   makeNumericProp,
+  type Numeric,
   type ComponentInstance,
 } from '../utils';
 import {
@@ -70,7 +71,7 @@ const uploaderProps = {
   beforeRead: Function as PropType<UploaderBeforeRead>,
   beforeDelete: Function as PropType<Interceptor>,
   previewSize: [Number, String, Array] as PropType<
-    number | string | Array<number | string>
+    Numeric | [Numeric, Numeric]
   >,
   previewImage: truthProp,
   previewOptions: Object as PropType<ImagePreviewOptions>,
diff --git a/packages/vant/src/uploader/UploaderPreviewItem.tsx b/packages/vant/src/uploader/UploaderPreviewItem.tsx
index f80cac801..53f194415 100644
--- a/packages/vant/src/uploader/UploaderPreviewItem.tsx
+++ b/packages/vant/src/uploader/UploaderPreviewItem.tsx
@@ -5,11 +5,12 @@ import { t, bem, isImageFile } from './utils';
 import {
   isDef,
   extend,
-  Interceptor,
   numericProp,
   getSizeStyle,
   callInterceptor,
   makeRequiredProp,
+  type Numeric,
+  type Interceptor,
 } from '../utils';
 
 // Components
@@ -29,7 +30,7 @@ export default defineComponent({
     lazyLoad: Boolean,
     deletable: Boolean,
     previewSize: [Number, String, Array] as PropType<
-      number | string | Array<number | string>
+      Numeric | [Numeric, Numeric]
     >,
     beforeDelete: Function as PropType<Interceptor>,
   },
diff --git a/packages/vant/src/uploader/demo/index.vue b/packages/vant/src/uploader/demo/index.vue
index 4a489f77b..3497e4240 100644
--- a/packages/vant/src/uploader/demo/index.vue
+++ b/packages/vant/src/uploader/demo/index.vue
@@ -2,7 +2,7 @@
 import VanUploader from '..';
 import VanButton from '../../button';
 import { ref } from 'vue';
-import { cdnURL, useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { UploaderFileListItem } from '../types';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/uploader/test/index.spec.ts b/packages/vant/src/uploader/test/index.spec.ts
index fc1e3ee7d..fc2583270 100644
--- a/packages/vant/src/uploader/test/index.spec.ts
+++ b/packages/vant/src/uploader/test/index.spec.ts
@@ -1,7 +1,8 @@
-import { cdnURL } from '../../../docs/site/use-translate';
 import { nextTick } from 'vue';
-import Uploader, { UploaderFileListItem } from '..';
+import { cdnURL } from '../../../docs/site';
+import Uploader, { type UploaderFileListItem } from '..';
 import { mount, later, triggerDrag } from '../../../test';
+import type { Numeric } from '../../utils';
 
 const mockFileDataUrl = 'data:image/test';
 const mockFile = new File([new ArrayBuffer(10000)], 'test.jpg', {
@@ -97,14 +98,14 @@ test('set input name', (done) => {
       name: 'uploader',
       beforeRead: (
         file: File | File[],
-        detail: { name: string | number; index: number }
+        detail: { name: Numeric; index: number }
       ) => {
         expect(detail.name).toEqual('uploader');
         return true;
       },
       afterRead: (
         readFile: UploaderFileListItem | UploaderFileListItem[],
-        detail: { name: string | number; index: number }
+        detail: { name: Numeric; index: number }
       ) => {
         expect(detail.name).toEqual('uploader');
         done();
diff --git a/packages/vant/src/uploader/types.ts b/packages/vant/src/uploader/types.ts
index 2b422c862..2109fc6de 100644
--- a/packages/vant/src/uploader/types.ts
+++ b/packages/vant/src/uploader/types.ts
@@ -1,6 +1,6 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { ImageFit } from '../image';
-import type { Interceptor } from '../utils';
+import type { Numeric, Interceptor } from '../utils';
 import type { UploaderProps } from './Uploader';
 
 export type UploaderResultType = 'dataUrl' | 'text' | 'file';
@@ -14,16 +14,16 @@ export type UploaderFileListItem = {
   message?: string;
   imageFit?: ImageFit;
   deletable?: boolean;
-  previewSize?: number | string;
+  previewSize?: Numeric;
   beforeDelete?: Interceptor;
 };
 
-export type UploaderMaxSize = number | string | ((file: File) => boolean);
+export type UploaderMaxSize = Numeric | ((file: File) => boolean);
 
 export type UploaderBeforeRead = (
   file: File | File[],
   detail: {
-    name: string | number;
+    name: Numeric;
     index: number;
   }
 ) => boolean | undefined | Promise<File | File[] | undefined>;
@@ -31,7 +31,7 @@ export type UploaderBeforeRead = (
 export type UploaderAfterRead = (
   items: UploaderFileListItem | UploaderFileListItem[],
   detail: {
-    name: string | number;
+    name: Numeric;
     index: number;
   }
 ) => void;
diff --git a/packages/vant/src/utils/basic.ts b/packages/vant/src/utils/basic.ts
index b96e89913..c07a2aeaf 100644
--- a/packages/vant/src/utils/basic.ts
+++ b/packages/vant/src/utils/basic.ts
@@ -6,6 +6,8 @@ export const extend = Object.assign;
 
 export const inBrowser = typeof window !== 'undefined';
 
+export type Numeric = number | string;
+
 // eslint-disable-next-line
 export type ComponentInstance = ComponentPublicInstance<{}, any>;
 
diff --git a/packages/vant/src/utils/format.ts b/packages/vant/src/utils/format.ts
index 8648ff569..11dbd37e7 100644
--- a/packages/vant/src/utils/format.ts
+++ b/packages/vant/src/utils/format.ts
@@ -1,9 +1,9 @@
-import { CSSProperties } from 'vue';
-import { inBrowser } from './basic';
+import type { CSSProperties } from 'vue';
+import { inBrowser, type Numeric } from './basic';
 import { windowWidth, windowHeight } from './dom';
 import { isDef, isNumeric } from './validate';
 
-export function addUnit(value?: string | number): string | undefined {
+export function addUnit(value?: Numeric): string | undefined {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);
   }
@@ -11,7 +11,7 @@ export function addUnit(value?: string | number): string | undefined {
 }
 
 export function getSizeStyle(
-  originSize?: string | number | Array<string | number>
+  originSize?: Numeric | Numeric[]
 ): CSSProperties | undefined {
   if (isDef(originSize)) {
     if (Array.isArray(originSize)) {
@@ -28,7 +28,7 @@ export function getSizeStyle(
   }
 }
 
-export function getZIndexStyle(zIndex?: string | number) {
+export function getZIndexStyle(zIndex?: Numeric) {
   const style: CSSProperties = {};
   if (zIndex !== undefined) {
     style.zIndex = +zIndex;
@@ -66,7 +66,7 @@ function convertVh(value: string) {
   return (+value * windowHeight.value) / 100;
 }
 
-export function unitToPx(value: string | number): number {
+export function unitToPx(value: Numeric): number {
   if (typeof value === 'number') {
     return value;
   }
@@ -97,7 +97,7 @@ export const kebabCase = (str: string) =>
     .toLowerCase()
     .replace(/^-/, '');
 
-export function padZero(num: number | string, targetLength = 2): string {
+export function padZero(num: Numeric, targetLength = 2): string {
   let str = num + '';
 
   while (str.length < targetLength) {
diff --git a/packages/vant/src/utils/validate.ts b/packages/vant/src/utils/validate.ts
index e00be87e6..c39809367 100644
--- a/packages/vant/src/utils/validate.ts
+++ b/packages/vant/src/utils/validate.ts
@@ -1,4 +1,4 @@
-import { inBrowser } from './basic';
+import { inBrowser, type Numeric } from './basic';
 
 export const isDef = <T>(val: T): val is NonNullable<T> =>
   val !== undefined && val !== null;
@@ -24,7 +24,7 @@ export function isMobile(value: string): boolean {
   );
 }
 
-export const isNumeric = (val: string | number): val is string =>
+export const isNumeric = (val: Numeric): val is string =>
   typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
 
 export const isIOS = (): boolean =>
diff --git a/packages/vant/test/demo.ts b/packages/vant/test/demo.ts
index 77b133af9..459e9ce69 100644
--- a/packages/vant/test/demo.ts
+++ b/packages/vant/test/demo.ts
@@ -1,7 +1,7 @@
 import { h, defineComponent } from 'vue';
 import Locale from '../src/locale';
 import { mount, later } from '.';
-import { initDemoLocale } from '../docs/site/use-translate';
+import { initDemoLocale } from '../docs/site';
 
 initDemoLocale();