@easykit/design
Version:
Easy kit design components
53 lines (52 loc) • 2.25 kB
TypeScript
import { PropsWithChildren } from 'react';
import { DropzoneOptions } from 'react-dropzone';
import { HandleProps, UploadFile } from './type';
export type UploaderProps = PropsWithChildren<{
showFileList?: boolean;
className?: string;
placeholder?: string;
action?: string;
uploadText?: string;
value?: UploadFile[];
onChange?: (value: UploadFile[]) => void;
headers?: Record<string, string>;
data?: unknown;
showButton?: boolean;
uploadHandle?: (props: HandleProps) => void;
}> & DropzoneOptions;
export declare const Uploader: import('react').ForwardRefExoticComponent<{
showFileList?: boolean;
className?: string;
placeholder?: string;
action?: string;
uploadText?: string;
value?: UploadFile[];
onChange?: (value: UploadFile[]) => void;
headers?: Record<string, string>;
data?: unknown;
showButton?: boolean;
uploadHandle?: (props: HandleProps) => void;
} & {
children?: import('react').ReactNode | undefined;
} & Pick<import('react').HTMLProps<HTMLElement>, "multiple" | "onDragEnter" | "onDragLeave" | "onDragOver"> & {
accept?: import('react-dropzone').Accept;
minSize?: number;
maxSize?: number;
maxFiles?: number;
preventDropOnDocument?: boolean;
noClick?: boolean;
noKeyboard?: boolean;
noDrag?: boolean;
noDragEventsBubbling?: boolean;
disabled?: boolean;
onDrop?: <T extends File>(acceptedFiles: T[], fileRejections: import('react-dropzone').FileRejection[], event: import('react-dropzone').DropEvent) => void;
onDropAccepted?: <T extends File>(files: T[], event: import('react-dropzone').DropEvent) => void;
onDropRejected?: (fileRejections: import('react-dropzone').FileRejection[], event: import('react-dropzone').DropEvent) => void;
getFilesFromEvent?: (event: import('react-dropzone').DropEvent) => Promise<Array<File | DataTransferItem>>;
onFileDialogCancel?: () => void;
onFileDialogOpen?: () => void;
onError?: (err: Error) => void;
validator?: <T extends File>(file: T) => import('react-dropzone').FileError | import('react-dropzone').FileError[] | null;
useFsAccessApi?: boolean;
autoFocus?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;