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/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 42499a25d..f032b118a 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 4f89b5d4b..d5d40b602 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 6c9c7b6ac..21ebf918e 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 79cf6e16a..b96e1a0cf 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 0d87ccff6..d1a16c39f 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -107,7 +107,7 @@ const t = useTranslate({
     <van-button
       plain
       type="primary"
-      icon="https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png"
+      :icon="cdnURL('user-active.png')"
       :text="t('button')"
     />
   </demo-block>
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 20e001c52..3fc46540f 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 d35b22826..78da6f7fc 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -16,7 +16,7 @@ const t = useTranslate({
   },
 });
 
-const imageURL = 'https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg';
+const imageURL = cdnURL('ipad.jpeg');
 </script>
 
 <template>
diff --git a/packages/vant/src/cascader/Cascader.tsx b/packages/vant/src/cascader/Cascader.tsx
index 20a70e967..3e42b4a4f 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 1efa9ca94..ce140661b 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 ea44bf4db..0133e640c 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 c42b8011a..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 { 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';
@@ -49,7 +49,7 @@ const state = reactive({
   checkbox3: true,
   checkboxShape: true,
   checkboxLabel: true,
-  checboxIcon: true,
+  checkboxIcon: true,
   list: ['a', 'b'],
   result: ['a', 'b'],
   result2: [],
@@ -58,9 +58,8 @@ const state = reactive({
   horizontalResult: [],
 });
 
-const activeIcon = 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png';
-const inactiveIcon =
-  'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png';
+const activeIcon = cdnURL('user-active.png');
+const inactiveIcon = cdnURL('user-inactive.png');
 
 const group = ref<CheckboxGroupInstance>();
 const [refs, setRefs] = useRefs<CheckboxInstance>();
@@ -105,7 +104,7 @@ const toggleAll = () => {
   </demo-block>
 
   <demo-block :title="t('customIconSize')">
-    <van-checkbox v-model="state.checboxIcon" icon-size="24px">
+    <van-checkbox v-model="state.checkboxIcon" icon-size="24px">
       {{ t('customIconSize') }}
     </van-checkbox>
   </demo-block>
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 bd57624d5..2641a9219 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 81e107ee0..7f60b8ccd 100644
--- a/packages/vant/src/config-provider/ConfigProvider.tsx
+++ b/packages/vant/src/config-provider/ConfigProvider.tsx
@@ -13,6 +13,7 @@ import {
   kebabCase,
   makeStringProp,
   createNamespace,
+  type Numeric,
 } from '../utils';
 
 const [name, bem] = createNamespace('config-provider');
@@ -29,14 +30,14 @@ export const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide> =
 const configProviderProps = {
   tag: makeStringProp<keyof HTMLElementTagNameMap>('div'),
   theme: makeStringProp<ConfigProviderTheme>('light'),
-  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 789796512..b44fd0b66 100644
--- a/packages/vant/src/config-provider/demo/index.vue
+++ b/packages/vant/src/config-provider/demo/index.vue
@@ -8,7 +8,7 @@ import VanSwitch from '../../switch';
 import VanSlider from '../../slider';
 import VanButton from '../../button';
 import VanConfigProvider from '..';
-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 79c2261a3..0c956eeae 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 d2bba4d0c..f875ad1a7 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 29e4eecc8..e14d5d13f 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 e897313b1..ffb8c4eb9 100644
--- a/packages/vant/src/coupon-list/test/index.spec.ts
+++ b/packages/vant/src/coupon-list/test/index.spec.ts
@@ -1,5 +1,6 @@
 import { later, mount } from '../../../test';
 import { CouponList } from '..';
+import { cdnURL } from '../../../docs/site';
 
 const coupon = {
   id: 1,
@@ -106,7 +107,7 @@ test('should have two "van-coupon-list__empty" classes when render coupon list i
 test('should use custom src when using empty-image prop', async () => {
   const wrapper = mount(CouponList, {
     props: {
-      emptyImage: 'https://cdn.jsdelivr.net/npm/@vant/assets/xxx.jpeg',
+      emptyImage: cdnURL('xxx.jpeg'),
     },
   });
 
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/dialog/demo/index.vue b/packages/vant/src/dialog/demo/index.vue
index 43fab7105..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import type { DialogAction } from '../types';
 
 const VanDialog = Dialog.Component;
@@ -36,7 +36,7 @@ const t = useTranslate({
 });
 
 const show = ref(false);
-const image = 'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg';
+const image = cdnURL('apple-3.jpeg');
 
 const onClickAlert = () => {
   Dialog.alert({
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 9dbda9a71..04cccaec9 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 19a8feeea..975641fd5 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 234001147..6cbbe2f7e 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -52,7 +52,7 @@ const active = ref('error');
   <demo-block :title="t('customImage')">
     <van-empty
       class="custom-image"
-      image="https://cdn.jsdelivr.net/npm/@vant/assets/custom-empty-image.png"
+      :image="cdnURL('custom-empty-image.png')"
       :description="t('description')"
     />
   </demo-block>
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 a892f2e68..71492961b 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import VanForm from '..';
 import VanRate from '../../rate';
 import VanRadio from '../../radio';
@@ -54,9 +54,7 @@ const rate = ref(3);
 const radio = ref('1');
 const slider = ref(50);
 const stepper = ref(1);
-const uploader = ref([
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
-]);
+const uploader = ref([{ url: cdnURL('leaf.jpeg') }]);
 const checkbox = ref(false);
 const checkboxGroup = ref([]);
 const switchChecked = ref(false);
diff --git a/packages/vant/src/form/demo/FieldTypeArea.vue b/packages/vant/src/form/demo/FieldTypeArea.vue
index 2ffbd33ff..238469735 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';
 import type { PickerConfirmEventParams } from '../../picker';
 
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/FieldTypeDatePicker.vue b/packages/vant/src/form/demo/FieldTypeDatePicker.vue
index ead3ee4c7..7b071a8f1 100644
--- a/packages/vant/src/form/demo/FieldTypeDatePicker.vue
+++ b/packages/vant/src/form/demo/FieldTypeDatePicker.vue
@@ -3,7 +3,7 @@ import VanField from '../../field';
 import VanPopup from '../../popup';
 import VanDatePicker from '../../date-picker';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import type { PickerConfirmEventParams } from '../../picker';
 
 const t = useTranslate({
diff --git a/packages/vant/src/form/demo/FieldTypePicker.vue b/packages/vant/src/form/demo/FieldTypePicker.vue
index 828730183..f918a2160 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, { PickerConfirmEventParams } from '../../picker';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import { basicColumns } from '../../picker/demo/data';
 
 const t = useTranslate({
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 81f265be5..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -48,22 +48,13 @@ const t = useTranslate({
   <demo-block :title="t('customContent')">
     <van-grid :border="false" :column-num="3">
       <van-grid-item>
-        <van-image
-          fit="contain"
-          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
-        />
+        <van-image fit="contain" :src="cdnURL('apple-1.jpeg')" />
       </van-grid-item>
       <van-grid-item>
-        <van-image
-          fit="contain"
-          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
-        />
+        <van-image fit="contain" :src="cdnURL('apple-2.jpeg')" />
       </van-grid-item>
       <van-grid-item>
-        <van-image
-          fit="contain"
-          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg"
-        />
+        <van-image fit="contain" :src="cdnURL('apple-3.jpeg')" />
       </van-grid-item>
     </van-grid>
   </demo-block>
diff --git a/packages/vant/src/icon/demo/index.vue b/packages/vant/src/icon/demo/index.vue
index 9c34e8636..fa111dd7e 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Notify } from '../../notify';
 
 // from https://30secondsofcode.org
@@ -63,7 +63,7 @@ const t = useTranslate({
 
 const tab = ref(0);
 const demoIcon = 'chat-o';
-const demoImage = 'https://cdn.jsdelivr.net/npm/@vant/assets/icon-demo.png';
+const demoImage = cdnURL('icon-demo.png');
 
 const copy = (icon: string, option: Record<string, unknown> = {}) => {
   let tag = `<van-icon name="${icon}"`;
diff --git a/packages/vant/src/icon/test/index.spec.ts b/packages/vant/src/icon/test/index.spec.ts
index 12b7b5fd3..cb18fe118 100644
--- a/packages/vant/src/icon/test/index.spec.ts
+++ b/packages/vant/src/icon/test/index.spec.ts
@@ -1,5 +1,6 @@
 import { Icon } from '..';
 import { mount } from '../../../test';
+import { cdnURL } from '../../../docs/site';
 
 test('should render icon with builtin icon name correctly', () => {
   const wrapper = mount(Icon, {
@@ -13,7 +14,7 @@ test('should render icon with builtin icon name correctly', () => {
 test('should render icon with url name correctly', () => {
   const wrapper = mount(Icon, {
     props: {
-      name: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg',
+      name: cdnURL('cat.jpeg'),
     },
   });
   expect(wrapper.html()).toMatchSnapshot();
diff --git a/packages/vant/src/image-preview/demo/index.vue b/packages/vant/src/image-preview/demo/index.vue
index 344b742b8..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const VanImagePreview = ImagePreview.Component;
@@ -33,10 +33,10 @@ const t = useTranslate({
 });
 
 const images = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
+  cdnURL('apple-1.jpeg'),
+  cdnURL('apple-2.jpeg'),
+  cdnURL('apple-3.jpeg'),
+  cdnURL('apple-4.jpeg'),
 ];
 
 const show = ref(false);
diff --git a/packages/vant/src/image-preview/test/shared.ts b/packages/vant/src/image-preview/test/shared.ts
index 6888d96e2..789cf6c99 100644
--- a/packages/vant/src/image-preview/test/shared.ts
+++ b/packages/vant/src/image-preview/test/shared.ts
@@ -1,10 +1,11 @@
 import { DOMWrapper } from '@vue/test-utils/dist/domWrapper';
+import { cdnURL } from '../../../docs/site';
 import { trigger } from '../../../test';
 
 export const images = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
+  cdnURL('apple-1.jpeg'),
+  cdnURL('apple-2.jpeg'),
+  cdnURL('apple-3.jpeg'),
 ];
 
 function triggerTwoFingerTouchmove(
diff --git a/packages/vant/src/image/demo/index.vue b/packages/vant/src/image/demo/index.vue
index c005010ee..94f755577 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -28,7 +28,7 @@ const t = useTranslate({
   },
 });
 
-const image = 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg';
+const image = cdnURL('cat.jpeg');
 const fits = ['contain', 'cover', 'fill', 'none', 'scale-down'] as const;
 const positions1 = ['left', 'center', 'right'] as const;
 const positions2 = ['top', 'center', 'bottom'] as const;
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 099acd002..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 if (window.app) {
   window.app.use(Lazyload, { lazyComponent: true });
@@ -18,19 +18,13 @@ const t = useTranslate({
 });
 
 const imageList = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
-];
-const backgroundImageList = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-5.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-6.jpeg',
-];
-const componentImageList = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-8.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-7.jpeg',
+  cdnURL('apple-1.jpeg'),
+  cdnURL('apple-2.jpeg'),
+  cdnURL('apple-3.jpeg'),
+  cdnURL('apple-4.jpeg'),
 ];
+const backgroundImageList = [cdnURL('apple-5.jpeg'), cdnURL('apple-6.jpeg')];
+const componentImageList = [cdnURL('apple-8.jpeg'), cdnURL('apple-7.jpeg')];
 </script>
 
 <template>
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 1614cb0b5..327cae667 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 69916a0c5..8247a00ea 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 9b6ff0f4a..1b97f6268 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 baef585d1..988a43a03 100644
--- a/packages/vant/src/picker/demo/index.vue
+++ b/packages/vant/src/picker/demo/index.vue
@@ -13,7 +13,7 @@ import {
   customKeyColumns,
 } from './data';
 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/picker/types.ts b/packages/vant/src/picker/types.ts
index df233f3be..91f98c329 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,8 +12,8 @@ export type PickerFieldNames = {
 };
 
 export type PickerOption = {
-  text?: string | number;
-  value?: string | number;
+  text?: Numeric;
+  value?: Numeric;
   disabled?: boolean;
   children?: PickerColumn;
   className?: unknown;
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 7c57ff5dc..b838e8c3e 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 a565b4127..745b17c3f 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
@@ -48,8 +48,8 @@ const preloadImage = () => {
   const doge = new Image();
   const dogeFire = new Image();
 
-  doge.src = 'https://cdn.jsdelivr.net/npm/@vant/assets/doge.png';
-  dogeFire.src = 'https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg';
+  doge.src = cdnURL('doge.png');
+  dogeFire.src = cdnURL('doge-fire.jpeg');
 };
 
 onMounted(preloadImage);
@@ -82,21 +82,15 @@ onMounted(preloadImage);
         <template #pulling="{ distance }">
           <img
             class="doge"
-            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
+            :src="cdnURL('doge.png')"
             :style="{ transform: `scale(${distance / 80})` }"
           />
         </template>
         <template #loosing>
-          <img
-            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge.png"
-            class="doge"
-          />
+          <img :src="cdnURL('doge.png')" class="doge" />
         </template>
         <template #loading>
-          <img
-            src="https://cdn.jsdelivr.net/npm/@vant/assets/doge-fire.jpeg"
-            class="doge"
-          />
+          <img :src="cdnURL('doge-fire.jpeg')" class="doge" />
         </template>
         <p>{{ tips }}</p>
       </van-pull-refresh>
diff --git a/packages/vant/src/radio/demo/index.vue b/packages/vant/src/radio/demo/index.vue
index 7e565a651..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -42,9 +42,8 @@ const radioLabel = ref('1');
 const radioShape = ref('1');
 const radioIconSize = ref('1');
 const radioHorizontal = ref('1');
-const activeIcon = 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png';
-const inactiveIcon =
-  'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png';
+const activeIcon = cdnURL('user-active.png');
+const inactiveIcon = cdnURL('user-inactive.png');
 </script>
 
 <template>
diff --git a/packages/vant/src/rate/demo/index.vue b/packages/vant/src/rate/demo/index.vue
index ef84bc3d7..505bf5789 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 d887bc8b8..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
@@ -73,15 +73,15 @@ const multiLineOptions = computed(() => [
 const customIconOptions = computed(() => [
   {
     name: t('name'),
-    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-fire.png',
+    icon: cdnURL('custom-icon-fire.png'),
   },
   {
     name: t('name'),
-    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-light.png',
+    icon: cdnURL('custom-icon-light.png'),
   },
   {
     name: t('name'),
-    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/custom-icon-water.png',
+    icon: cdnURL('custom-icon-water.png'),
   },
 ]);
 
diff --git a/packages/vant/src/sidebar/demo/index.vue b/packages/vant/src/sidebar/demo/index.vue
index 46bc920a3..1a3e29713 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 36f1dbd00..3c4ed9a6c 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 
 const t = useTranslate({
   'zh-CN': {
@@ -35,7 +35,7 @@ const show = ref(false);
     <van-switch v-model="show" />
     <van-skeleton title avatar :row="3" :loading="!show">
       <div class="demo-preview">
-        <img src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" />
+        <img :src="cdnURL('logo.png')" />
         <div class="demo-content">
           <h3>{{ t('title') }}</h3>
           <p>{{ t('desc') }}</p>
diff --git a/packages/vant/src/slider/demo/index.vue b/packages/vant/src/slider/demo/index.vue
index 7a28e2d86..121690d98 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 7d7483c2b..94ef6878b 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 a28e4ab14..068813ee5 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 5bb49bdad..c9a9b8d0b 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 45695b41f..1f1b1f498 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Dialog } from '../../dialog';
 
 const t = useTranslate({
@@ -29,7 +29,7 @@ const t = useTranslate({
   },
 });
 
-const imageURL = 'https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg';
+const imageURL = cdnURL('ipad.jpeg');
 
 const beforeClose = ({ position }: { position: string }) => {
   switch (position) {
diff --git a/packages/vant/src/swipe/demo/index.vue b/packages/vant/src/swipe/demo/index.vue
index da6ffb525..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
@@ -24,10 +24,10 @@ const t = useTranslate({
 });
 
 const images = [
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
-  'https://cdn.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
+  cdnURL('apple-1.jpeg'),
+  cdnURL('apple-2.jpeg'),
+  cdnURL('apple-3.jpeg'),
+  cdnURL('apple-4.jpeg'),
 ];
 
 const onChange = (index: number) => Toast(t('message') + index);
diff --git a/packages/vant/src/switch/demo/index.vue b/packages/vant/src/switch/demo/index.vue
index a28312c6e..687c44b64 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 ddace0cb1..1321fe4ed 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 0f40df4d0..7bbb064d9 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
@@ -30,8 +30,8 @@ const active5 = ref(0);
 const activeName = ref('home');
 
 const icon = {
-  active: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-active.png',
-  inactive: 'https://cdn.jsdelivr.net/npm/@vant/assets/user-inactive.png',
+  active: cdnURL('user-active.png'),
+  inactive: cdnURL('user-inactive.png'),
 };
 
 const onChange = (index: number) => {
diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index 6303597a8..74deba24b 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -22,7 +22,6 @@ import {
   unitToPx,
   truthProp,
   numericProp,
-  Interceptor,
   windowWidth,
   getElementTop,
   makeStringProp,
@@ -31,6 +30,8 @@ import {
   makeNumericProp,
   setRootScrollTop,
   BORDER_TOP_BOTTOM,
+  type Numeric,
+  type Interceptor,
   type ComponentInstance,
 } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils';
@@ -127,10 +128,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];
@@ -239,7 +238,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
       );
@@ -305,7 +304,7 @@ export default defineComponent({
       emit('scroll', params);
     };
 
-    const scrollTo = (name: number | string) => {
+    const scrollTo = (name: Numeric) => {
       nextTick(() => {
         setCurrentIndexByName(name);
         scrollToCurrentContent(true);
@@ -444,7 +443,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 c4f2785c0..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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { Toast } from '..';
 import type { LoadingType } from '../../loading';
 
@@ -83,7 +83,7 @@ const showIconToast = () => {
 const showImageToast = () => {
   Toast({
     message: t('customImage'),
-    icon: 'https://cdn.jsdelivr.net/npm/@vant/assets/logo.png',
+    icon: cdnURL('logo.png'),
   });
 };
 
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 56bc6f1b0..dfb73c7f9 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,
   },
 };
@@ -55,7 +54,7 @@ export default defineComponent({
   emits: ['clickNav', 'clickItem', 'update:activeId', 'update:mainActiveIndex'],
 
   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 cdc50fa33..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 { 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';
@@ -73,12 +73,12 @@ const badgeItems = computed(() => {
         <van-image
           v-if="activeIndex3 === 0"
           :show-loading="false"
-          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
+          :src="cdnURL('apple-1.jpeg')"
         />
         <van-image
           v-if="activeIndex3 === 1"
           :show-loading="false"
-          src="https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
+          :src="cdnURL('apple-2.jpeg')"
         />
       </template>
     </van-tree-select>
diff --git a/packages/vant/src/uploader/README.md b/packages/vant/src/uploader/README.md
index 1bd182b6d..e9d5838ea 100644
--- a/packages/vant/src/uploader/README.md
+++ b/packages/vant/src/uploader/README.md
@@ -200,6 +200,23 @@ export default {
 </style>
 ```
 
+### Preview Size
+
+Using `preview-size` prop to custom the size of preview image.
+
+```html
+<!-- The default unit is px -->
+<van-uploader v-model="fileList" preview-size="60" />
+<!-- Support other units, such as rem, vh, vw -->
+<van-uploader v-model="fileList" preview-size="5rem" />
+```
+
+You can set the width and height separately.
+
+```html
+<van-uploader v-model="fileList" :preview-size="[60, 40]" />
+```
+
 ### Before Read
 
 ```html
@@ -263,7 +280,6 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       {
         url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
         deletable: true,
@@ -273,9 +289,7 @@ export default {
       },
       {
         url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
-        deletable: true,
         imageFit: 'contain',
-        previewSize: 120,
       },
     ]);
 
@@ -293,7 +307,7 @@ export default {
 | v-model | List of uploaded files | _FileListItem[]_ | - |
 | accept | Accepted [file type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers) | _string_ | `image/*` |
 | name | Input name | _number \| string_ | - |
-| preview-size | Size of preview image | _number \| string_ | `80px` |
+| preview-size | Size of preview image | _number \| string \| Array_ | `80px` |
 | preview-image | Whether to show image preview | _boolean_ | `true` |
 | preview-full-image | Whether to show full screen image preview when image is clicked | _boolean_ | `true` |
 | preview-options | Options of full screen image preview，see [ImagePreview](#/en-US/image-preview) | _object_ | - |
diff --git a/packages/vant/src/uploader/README.zh-CN.md b/packages/vant/src/uploader/README.zh-CN.md
index 18b5069e9..0a92819ef 100644
--- a/packages/vant/src/uploader/README.zh-CN.md
+++ b/packages/vant/src/uploader/README.zh-CN.md
@@ -217,6 +217,23 @@ export default {
 </style>
 ```
 
+### 自定义预览大小
+
+通过 `preview-size` 属性定义预览图和上传区域的大小。
+
+```html
+<!-- 不指定单位，默认为 px -->
+<van-uploader v-model="fileList" preview-size="60" />
+<!-- 指定单位，支持 rem, vh, vw -->
+<van-uploader v-model="fileList" preview-size="5rem" />
+```
+
+将 `preview-size` 设置为数组格式，可以分别设置宽高。数组第一项对应宽度，数组第二项对应高度。
+
+```html
+<van-uploader v-model="fileList" :preview-size="[60, 40]" />
+```
+
 ### 上传前置处理
 
 通过传入 `beforeRead` 函数可以在上传前进行校验和处理，返回 `true` 表示校验通过，返回 `false` 表示校验失败。支持返回 `Promise` 对 file 对象进行自定义处理，例如压缩图片。
@@ -284,19 +301,16 @@ import { Toast } from 'vant';
 export default {
   setup() {
     const fileList = ref([
-      { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
       {
         url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
         deletable: true,
         beforeDelete: () => {
-          Toast('自定义单个预览图片的事件和样式');
+          Toast('删除前置处理');
         },
       },
       {
         url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
-        deletable: true,
         imageFit: 'contain',
-        previewSize: 120,
       },
     ]);
 
@@ -314,7 +328,7 @@ export default {
 | v-model | 已上传的文件列表 | _FileListItem[]_ | - |
 | accept | 允许上传的文件类型，[详细说明](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file#%E9%99%90%E5%88%B6%E5%85%81%E8%AE%B8%E7%9A%84%E6%96%87%E4%BB%B6%E7%B1%BB%E5%9E%8B) | _string_ | `image/*` |
 | name | 标识符，可以在回调函数的第二项参数中获取 | _number \| string_ | - |
-| preview-size | 预览图和上传区域的尺寸，默认单位为 `px` | _number \| string_ | `80px` |
+| preview-size | 预览图和上传区域的尺寸，默认单位为 `px` | _number \| string \| Array_ | `80px` |
 | preview-image | 是否在上传完成后展示预览图 | _boolean_ | `true` |
 | preview-full-image | 是否在点击预览图后展示全屏图片预览 | _boolean_ | `true` |
 | preview-options | 全屏图片预览的配置项，可选值见 [ImagePreview](#/zh-CN/image-preview) | _object_ | - |
diff --git a/packages/vant/src/uploader/Uploader.tsx b/packages/vant/src/uploader/Uploader.tsx
index 9f5a528e6..00ce6c9a4 100644
--- a/packages/vant/src/uploader/Uploader.tsx
+++ b/packages/vant/src/uploader/Uploader.tsx
@@ -13,12 +13,12 @@ import {
   extend,
   isPromise,
   truthProp,
-  numericProp,
   Interceptor,
   getSizeStyle,
   makeArrayProp,
   makeStringProp,
   makeNumericProp,
+  type Numeric,
   type ComponentInstance,
 } from '../utils';
 import {
@@ -70,7 +70,9 @@ const uploaderProps = {
   modelValue: makeArrayProp<UploaderFileListItem>(),
   beforeRead: Function as PropType<UploaderBeforeRead>,
   beforeDelete: Function as PropType<Interceptor>,
-  previewSize: numericProp,
+  previewSize: [Number, String, Array] as PropType<
+    Numeric | [Numeric, Numeric]
+  >,
   previewImage: truthProp,
   previewOptions: Object as PropType<ImagePreviewOptions>,
   previewFullImage: truthProp,
diff --git a/packages/vant/src/uploader/UploaderPreviewItem.tsx b/packages/vant/src/uploader/UploaderPreviewItem.tsx
index 15061d112..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
@@ -28,7 +29,9 @@ export default defineComponent({
     imageFit: String as PropType<ImageFit>,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array] as PropType<
+      Numeric | [Numeric, Numeric]
+    >,
     beforeDelete: Function as PropType<Interceptor>,
   },
 
@@ -96,18 +99,18 @@ export default defineComponent({
     };
 
     const renderPreview = () => {
-      const { item } = props;
+      const { item, lazyLoad, imageFit, previewSize } = props;
 
       if (isImageFile(item)) {
         return (
           <Image
             v-slots={{ default: renderCover }}
-            fit={props.imageFit}
+            fit={imageFit}
             src={item.content || item.url}
             class={bem('preview-image')}
-            width={props.previewSize}
-            height={props.previewSize}
-            lazyLoad={props.lazyLoad}
+            width={Array.isArray(previewSize) ? previewSize[0] : previewSize}
+            height={Array.isArray(previewSize) ? previewSize[1] : previewSize}
+            lazyLoad={lazyLoad}
             onClick={onPreview}
           />
         );
diff --git a/packages/vant/src/uploader/demo/index.vue b/packages/vant/src/uploader/demo/index.vue
index 9e5275c4e..1074458e9 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 { useTranslate } from '../../../docs/site/use-translate';
+import { cdnURL, useTranslate } from '../../../docs/site';
 import { UploaderFileListItem } from '../types';
 import { Toast } from '../../toast';
 
@@ -21,9 +21,10 @@ const t = useTranslate({
     overSizeTip: '文件大小不能超过 500kb',
     invalidType: '请上传 jpg 格式图片',
     customUpload: '自定义上传样式',
+    previewSize: '自定义预览大小',
     previewCover: '自定义预览样式',
-    customPreviewImage: '自定义单个图片预览',
     deleteMessage: '删除前置处理',
+    customPreviewImage: '自定义单个图片预览',
   },
   'en-US': {
     status: 'Upload Status',
@@ -39,52 +40,46 @@ const t = useTranslate({
     overSizeTip: 'File size cannot exceed 500kb',
     invalidType: 'Please upload an image in jpg format',
     customUpload: 'Custom Upload Area',
+    previewSize: 'Preview Size',
     previewCover: 'Preview Cover',
-    customPreviewImage: 'Custom single prevew image',
     deleteMessage: 'Before Delete',
+    customPreviewImage: 'Custom single preview image',
   },
 });
 
 const fileList = ref([
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg' },
+  { url: cdnURL('leaf.jpeg') },
+  { url: cdnURL('tree.jpeg') },
 ]);
 
-const fileList2 = ref([
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg' },
-]);
+const fileList2 = ref([{ url: cdnURL('sand.jpeg') }]);
 
 const fileList3 = ref([]);
 
-const fileList4 = ref([
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg' },
-]);
+const fileList4 = ref([{ url: cdnURL('sand.jpeg') }]);
 
 const fileList5 = ref<UploaderFileListItem[]>([
-  { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg' },
   {
-    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg',
+    url: cdnURL('sand.jpeg'),
     deletable: true,
     beforeDelete: () => {
       Toast(t('deleteMessage'));
     },
   },
   {
-    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
-    deletable: true,
+    url: cdnURL('tree.jpeg'),
     imageFit: 'contain',
-    previewSize: 120,
   },
 ]);
 
 const statusFileList = ref<UploaderFileListItem[]>([
   {
-    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
+    url: cdnURL('leaf.jpeg'),
     status: 'uploading',
     message: t('uploading'),
   },
   {
-    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg',
+    url: cdnURL('tree.jpeg'),
     status: 'failed',
     message: t('failed'),
   },
@@ -92,13 +87,19 @@ const statusFileList = ref<UploaderFileListItem[]>([
 
 const previewCoverFiles = ref<UploaderFileListItem[]>([
   {
-    url: 'https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
+    url: cdnURL('leaf.jpeg'),
     file: {
       name: t('imageName'),
     } as File,
   },
 ]);
 
+const previewSizeFiles = ref<UploaderFileListItem[]>([
+  {
+    url: cdnURL('leaf.jpeg'),
+  },
+]);
+
 const beforeRead = (file: File | File[]) => {
   if (Array.isArray(file)) {
     return true;
@@ -185,6 +186,10 @@ const onOversize = (file: UploaderFileListItem, detail: unknown) => {
     </van-uploader>
   </demo-block>
 
+  <demo-block :title="t('previewSize')">
+    <van-uploader v-model="previewSizeFiles" preview-size="60" />
+  </demo-block>
+
   <demo-block :title="t('beforeRead')">
     <van-uploader v-model="fileList3" :before-read="beforeRead" />
   </demo-block>
diff --git a/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
index 50b97af36..535ade9b8 100644
--- a/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/uploader/test/__snapshots__/demo.spec.ts.snap
@@ -274,6 +274,44 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
+<div>
+  <div class="van-uploader">
+    <div class="van-uploader__wrapper">
+      <div class="van-uploader__preview">
+        <div class="van-image van-uploader__preview-image"
+             style="width: 60px; height: 60px;"
+        >
+          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
+               class="van-image__img"
+               style="object-fit: cover;"
+          >
+          <div class="van-image__loading">
+            <i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
+            </i>
+          </div>
+        </div>
+        <div role="button"
+             class="van-uploader__preview-delete"
+             tabindex="0"
+             aria-label="Delete"
+        >
+          <i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
+          </i>
+        </div>
+      </div>
+      <div class="van-uploader__upload"
+           style="width: 60px; height: 60px;"
+      >
+        <i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
+        </i>
+        <input type="file"
+               class="van-uploader__input"
+               accept="image/*"
+        >
+      </div>
+    </div>
+  </div>
+</div>
 <div>
   <div class="van-uploader">
     <div class="van-uploader__wrapper">
@@ -306,18 +344,6 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-uploader">
     <div class="van-uploader__wrapper">
-      <div class="van-uploader__preview">
-        <div class="van-image van-uploader__preview-image">
-          <img src="https://cdn.jsdelivr.net/npm/@vant/assets/leaf.jpeg"
-               class="van-image__img"
-               style="object-fit: cover;"
-          >
-          <div class="van-image__loading">
-            <i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
-            </i>
-          </div>
-        </div>
-      </div>
       <div class="van-uploader__preview">
         <div class="van-image van-uploader__preview-image">
           <img src="https://cdn.jsdelivr.net/npm/@vant/assets/sand.jpeg"
@@ -339,9 +365,7 @@ exports[`should render demo and match snapshot 1`] = `
         </div>
       </div>
       <div class="van-uploader__preview">
-        <div class="van-image van-uploader__preview-image"
-             style="width: 120px; height: 120px;"
-        >
+        <div class="van-image van-uploader__preview-image">
           <img src="https://cdn.jsdelivr.net/npm/@vant/assets/tree.jpeg"
                class="van-image__img"
                style="object-fit: contain;"
@@ -351,14 +375,6 @@ exports[`should render demo and match snapshot 1`] = `
             </i>
           </div>
         </div>
-        <div role="button"
-             class="van-uploader__preview-delete"
-             tabindex="0"
-             aria-label="Delete"
-        >
-          <i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
-          </i>
-        </div>
       </div>
       <div class="van-uploader__upload">
         <i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
diff --git a/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
index 959196010..2899b3524 100644
--- a/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/uploader/test/__snapshots__/index.spec.ts.snap
@@ -197,42 +197,6 @@ exports[`preview-cover slot 1`] = `
 </div>
 `;
 
-exports[`preview-size prop 1`] = `
-<div class="van-uploader">
-  <div class="van-uploader__wrapper">
-    <div class="van-uploader__preview">
-      <div class="van-uploader__file"
-           style="width: 30px; height: 30px;"
-      >
-        <i class="van-badge__wrapper van-icon van-icon-description van-uploader__file-icon">
-        </i>
-        <div class="van-uploader__file-name van-ellipsis">
-          test.jpg
-        </div>
-      </div>
-      <div role="button"
-           class="van-uploader__preview-delete"
-           tabindex="0"
-           aria-label="Delete"
-      >
-        <i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
-        </i>
-      </div>
-    </div>
-    <div class="van-uploader__upload"
-         style="width: 30px; height: 30px;"
-    >
-      <i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
-      </i>
-      <input type="file"
-             class="van-uploader__input"
-             accept="image/*"
-      >
-    </div>
-  </div>
-</div>
-`;
-
 exports[`render preview image 1`] = `
 <div class="van-uploader">
   <div class="van-uploader__wrapper">
diff --git a/packages/vant/src/uploader/test/index.spec.ts b/packages/vant/src/uploader/test/index.spec.ts
index efc2708a1..d47f4ce7a 100644
--- a/packages/vant/src/uploader/test/index.spec.ts
+++ b/packages/vant/src/uploader/test/index.spec.ts
@@ -1,13 +1,15 @@
 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', {
   type: 'test',
 });
-const IMAGE = 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg';
-const PDF = 'https://cdn.jsdelivr.net/npm/@vant/assets/test.pdf';
+const IMAGE = cdnURL('cat.jpeg');
+const PDF = cdnURL('test.pdf');
 
 function mockFileReader() {
   function mockReadAsText(this: FileReader) {
@@ -96,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();
@@ -293,8 +295,8 @@ test('render preview image', async () => {
   const wrapper = mount(Uploader, {
     props: {
       modelValue: [
-        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg' },
-        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/test.pdf' },
+        { url: cdnURL('cat.jpeg') },
+        { url: cdnURL('test.pdf') },
         { file: mockFile },
       ],
     },
@@ -307,9 +309,7 @@ test('image-fit prop', () => {
   const wrapper = mount(Uploader, {
     props: {
       imageFit: 'contain',
-      modelValue: [
-        { url: 'https://cdn.jsdelivr.net/npm/@vant/assets/cat.jpeg' },
-      ],
+      modelValue: [{ url: cdnURL('cat.jpeg') }],
     },
   });
 
@@ -360,16 +360,38 @@ test('max-count prop', async () => {
   ).toHaveLength(1);
 });
 
-test('preview-size prop', async () => {
+test('should allow to custom size by preview-size prop', async () => {
   const wrapper = mount(Uploader, {
     props: {
-      modelValue: [],
+      modelValue: [{ file: mockFile }],
       previewSize: 30,
     },
   });
 
-  await wrapper.setProps({ modelValue: [{ file: mockFile }] });
-  expect(wrapper.html()).toMatchSnapshot();
+  const image = wrapper.find('.van-uploader__file');
+  expect(image.style.width).toEqual('30px');
+  expect(image.style.height).toEqual('30px');
+
+  const upload = wrapper.find('.van-uploader__upload');
+  expect(upload.style.width).toEqual('30px');
+  expect(upload.style.height).toEqual('30px');
+});
+
+test('should allow to set width and height separately by preview-size prop', async () => {
+  const wrapper = mount(Uploader, {
+    props: {
+      modelValue: [{ file: mockFile }],
+      previewSize: [20, 10],
+    },
+  });
+
+  const image = wrapper.find('.van-uploader__file');
+  expect(image.style.width).toEqual('20px');
+  expect(image.style.height).toEqual('10px');
+
+  const upload = wrapper.find('.van-uploader__upload');
+  expect(upload.style.width).toEqual('20px');
+  expect(upload.style.height).toEqual('10px');
 });
 
 test('deletable prop', async () => {
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 159b3ffb2..08c650035 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 6a2628b2c..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,9 +11,15 @@ export function addUnit(value?: string | number): string | undefined {
 }
 
 export function getSizeStyle(
-  originSize?: string | number
+  originSize?: Numeric | Numeric[]
 ): CSSProperties | undefined {
   if (isDef(originSize)) {
+    if (Array.isArray(originSize)) {
+      return {
+        width: addUnit(originSize[0]),
+        height: addUnit(originSize[1]),
+      };
+    }
     const size = addUnit(originSize);
     return {
       width: size,
@@ -22,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;
@@ -60,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;
   }
@@ -91,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();