chore: fix some Numeric type

packages/vant/src/date-picker/demo/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VanDatePicker from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import type { PickerOption } from '../../picker';
 import { DatePickerColumnType } from '../DatePicker';
 

packages/vant/src/form/demo/FieldTypePicker.vue

@@ -5,6 +5,7 @@ import VanPicker, { PickerConfirmEventParams } from '../../picker';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site';
 import { basicColumns } from '../../picker/demo/data';
+import type { Numeric } from '../../utils';
 
 const t = useTranslate({
   'zh-CN': {
@@ -19,7 +20,7 @@ const t = useTranslate({
   },
 });
 
-const result = ref<string | number>('');
+const result = ref<Numeric>('');
 const showPicker = ref(false);
 
 const onConfirm = ({ selectedOptions }: PickerConfirmEventParams) => {

packages/vant/src/picker/Picker.tsx

@@ -20,6 +20,7 @@ import {
   createNamespace,
   HAPTICS_FEEDBACK,
   BORDER_UNSET_TOP_BOTTOM,
+  type Numeric,
 } from '../utils';
 import {
   isOptionExist,
@@ -64,7 +65,7 @@ export const pickerSharedProps = {
 
 const pickerProps = extend({}, pickerSharedProps, {
   columns: makeArrayProp<PickerOption | PickerColumn>(),
-  modelValue: makeArrayProp<number | string>(),
+  modelValue: makeArrayProp<Numeric>(),
   toolbarPosition: makeStringProp<PickerToolbarPosition>('top'),
   columnsFieldNames: Object as PropType<PickerFieldNames>,
 });
@@ -112,7 +113,7 @@ export default defineComponent({
       )
     );
 
-    const setValue = (index: number, value: string | number) => {
+    const setValue = (index: number, value: Numeric) => {
       if (selectedValues.value[index] !== value) {
         const newValues = selectedValues.value.slice(0);
         newValues[index] = value;
@@ -120,7 +121,7 @@ export default defineComponent({
       }
     };
 
-    const onChange = (value: number | string, columnIndex: number) => {
+    const onChange = (value: Numeric, columnIndex: number) => {
       setValue(columnIndex, value);
 
       if (columnsType.value === 'cascade') {
@@ -216,7 +217,7 @@ export default defineComponent({
           optionHeight={optionHeight.value}
           swipeDuration={props.swipeDuration}
           visibleOptionNum={props.visibleOptionNum}
-          onChange={(value: number | string) => onChange(value, columnIndex)}
+          onChange={(value: Numeric) => onChange(value, columnIndex)}
         />
       ));
 

packages/vant/src/picker/PickerColumn.tsx

@@ -14,6 +14,7 @@ import {
   preventDefault,
   createNamespace,
   makeRequiredProp,
+  type Numeric,
 } from '../utils';
 import { getElementTranslateY, findIndexOfEnabledOption } from './utils';
 
@@ -208,7 +209,7 @@ export default defineComponent({
       return props.options.map((option, index) => {
         const text = option[props.fields.text];
         const { disabled } = option;
-        const value: string | number = option[props.fields.value];
+        const value: Numeric = option[props.fields.value];
         const data = {
           role: 'button',
           style: optionStyle,

packages/vant/src/picker/demo/WithPopup.vue

@@ -4,7 +4,7 @@ import VanPicker from '..';
 import VanField from '../../field';
 import VanPopup from '../../popup';
 import { basicColumns } from './data';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import type { PickerConfirmEventParams } from '../types';
 
 const t = useTranslate({
@@ -33,7 +33,7 @@ const onCancel = () => {
 };
 const onConfirm = ({ selectedOptions }: PickerConfirmEventParams) => {
   showPicker.value = false;
-  fieldValue.value = selectedOptions[0].text as string;
+  fieldValue.value = selectedOptions[0]!.text as string;
 };
 </script>
 

packages/vant/src/picker/types.ts

@@ -45,7 +45,7 @@ export type PickerColumnProvide = {
 export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
 
 export type PickerConfirmEventParams = {
-  selectedValues: Array<number | string>;
+  selectedValues: Numeric[];
   selectedOptions: Array<PickerOption | undefined>;
 };
 

packages/vant/src/picker/utils.ts

@@ -1,4 +1,4 @@
-import { isDef, clamp, extend } from '../utils';
+import { isDef, clamp, extend, type Numeric } from '../utils';
 import type { Ref } from 'vue';
 import type { PickerOption, PickerColumn, PickerFieldNames } from './types';
 
@@ -41,7 +41,7 @@ export function findIndexOfEnabledOption(
 
 export const isOptionExist = (
   options: PickerOption[],
-  value: number | string | undefined,
+  value: Numeric | undefined,
   fields: Required<PickerFieldNames>
 ) =>
   value !== undefined &&
@@ -49,7 +49,7 @@ export const isOptionExist = (
 
 export function findOptionByValue(
   options: PickerOption[],
-  value: number | string,
+  value: Numeric,
   fields: Required<PickerFieldNames>
 ): PickerOption | undefined {
   const index = options.findIndex((option) => option[fields.value] === value);
@@ -60,7 +60,7 @@ export function findOptionByValue(
 export function formatCascadeColumns(
   columns: PickerColumn | PickerColumn[],
   fields: Required<PickerFieldNames>,
-  selectedValues: Ref<Array<number | string>>
+  selectedValues: Ref<Numeric[]>
 ) {
   const formatted: PickerColumn[] = [];
 

packages/vant/src/time-picker/demo/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import VanTimePicker from '..';
 import { ref } from 'vue';
-import { useTranslate } from '../../../docs/site/use-translate';
+import { useTranslate } from '../../../docs/site';
 import type { PickerOption } from '../../picker';
-import { TimePickerColumnType } from '../TimePicker';
+import type { TimePickerColumnType } from '../TimePicker';
 
 const t = useTranslate({
   'zh-CN': {