feat: support creating different format value by range index

Author: wzc520pyfm

src/PickerInput/Selector/hooks/useInputProps.ts

@@ -86,7 +86,8 @@ export default function useInputProps<DateType extends object = any>(
   const firstFormat = format[0];
 
   const getText = React.useCallback(
-    (date: DateType) => formatValue(date, { locale, format: firstFormat, generateConfig }),
+    (date: DateType, index: number) =>
+      formatValue(date, { locale, index, format: firstFormat, generateConfig }),
     [locale, generateConfig, firstFormat],
   );
 
@@ -97,7 +98,7 @@ export default function useInputProps<DateType extends object = any>(
     const defaultSize = picker === 'time' ? 8 : 10;
     const length =
       typeof firstFormat === 'function'
-        ? firstFormat(generateConfig.getNow()).length
+        ? firstFormat(generateConfig.getNow(), 0).length
         : firstFormat.length;
     return Math.max(defaultSize, length) + 2;
   }, [firstFormat, picker, generateConfig]);

src/interface.tsx

@@ -281,7 +281,7 @@ export type Components<DateType extends object = any> = Partial<
 >;
 
 // ========================= Picker =========================
-export type CustomFormat<DateType> = (value: DateType) => string;
+export type CustomFormat<DateType> = (value: DateType, index: number) => string;
 
 export type FormatType<DateType = any> = string | CustomFormat<DateType>;
 

src/utils/dateUtil.ts

@@ -232,18 +232,20 @@ export function formatValue<DateType>(
     generateConfig,
     locale,
     format,
+    index = 0,
   }: {
     generateConfig: GenerateConfig<DateType>;
     locale: Locale;
     format: string | CustomFormat<DateType>;
+    index?: number;
   },
 ) {
   if (!value) {
     return '';
   }
 
   return typeof format === 'function'
-    ? format(value)
+    ? format(value, index)
     : generateConfig.locale.format(locale.locale, value, format);
 }