Как создать тип для типа файла `Record <string, File>` в zod

Question

Я использую ввод type="file" и вместо сохранения данных в FileData Я использую простой объект и создал для него тип: Record<string, File>. Он работает хорошо, но когда я пытаюсь создать валидатор с zod - Не понимаю, как создать для него однотипный.

Использование:

      import { object as zodObject, string, number } from 'zod';
import { useValidators } from '../some';

const useValidation = () => {
  const { createResolver } = useValidators();
  
  return {
    resolver: createResolver(
      zodObject({
        name: string(),
        price: number(),
        files: ???,  
      })
    ),
  };
}; 

Документ довольно велик, но я не смог найти ни одного примера для своего случая: https://github.com/colinhacks/zod

Использование ввода:

      
const App = () => {
  const [files, setFiles] = useState<Record<string, File>>({}); 

  return (
    <input 
      type="file" 
      onChange={event => {
        const files = event.target.files;
        const newFiles: Record<string, File> = {};
        const keys = Object.keys(files);
        
        for(let i = 0; i < keys.length; i++) {
          const file = newFiles[key];
          newFiles[file.name] = file;
        }

        setFiles(newFiles);
      }}
    />

  )

}

Answer 1

Может быть z.instanceofможет решить?

Если вы хотите проверить тип файла...

z.instanceof (File)

Или, для типа FileList...

z.instanceof (FileList)

---

https://github.com/colinhacks/zod/issues/387

Answer 2

попробуй это:

          z.object({
        file: z
         .any()
         .refine((files) => files?.length == 1, "File is required.")  
    })

а затем используйте другие свойства файла для уточнения, чтобы отфильтровать его по своему усмотрению:

• файлы?.[0]?.размер
• файлы?.[0]?.тип

Answer 3

Мой коллега нашел решение:

      // useValidation file
import { object as zodObject, string, number, record, any } from 'zod';
import { useValidators } from '../some';

const useValidation = () => {
  const { createResolver } = useValidators();
  
  return {
    resolver: createResolver(
      zodObject({
        name: string(),
        price: number(),
        files: record(any()).nullable(),  
      })
    ),
  };
};  

И в файле, который использует объект с данными файла, мы используем его таким образом:

      // fileInput on `onRemove` action return `fileName: string` and my file object looks like this:  { fileName: File } 

const [files, setFiles] = useState<Record<string, File> | null>(null);

<FileInput 
  onChange={(fileName) => {
    const updatedFiles = { ...files as Record<string, File> }; 
    delete updatedFiles[fileName];
    setFiles(updatedFiles);
  }}
/>

Answer 4

zodСхема:

        file:
    typeof window === "undefined"
      ? z.string()
      : record(any()).nullable(),

начальные значения:

      file: "undefined",