feat(ui/types): uploader提供jsx,tsx类型支持

affects: @varlet/ui
varletjs · Apr 24, 2021 · b156587 · b156587
1 parent 8818998
commit b156587
Showing 1 changed file with 47 additions and 1 deletion.
diff --git a/packages/varlet-ui/types/uploader.d.ts b/packages/varlet-ui/types/uploader.d.ts
@@ -1,3 +1,49 @@
 import { VarComponent } from './varComponent'
 
-export class Uploader extends VarComponent {}
+interface VarFile {
+  file?: File
+  name?: string
+  url?: string
+  cover?: string
+  fit?: string
+  state?: 'loading' | 'success' | 'error'
+}
+
+type ValidateTriggers = 'onChange' | 'onRemove'
+
+interface UploaderProps {
+  modelValue?: VarFile[]
+  accept?: string
+  capture?: string
+  multiple?: boolean
+  readonly?: boolean
+  disabled?: boolean
+  removable?: boolean
+  maxlength?: string | number
+  maxsize?: string | number
+  previewed?: boolean
+  ripple?: boolean
+  validateTrigger?: Array<ValidateTriggers>
+  rules?: Array<(v: VarFile) => any>
+  onBeforeRead?: (file: VarFile) => Promise<boolean> | boolean
+  onAfterRead?: (file: VarFile) => any
+  onOversize?: (file: VarFile) => any
+  onRemove?: (file: VarFile) => any
+  'onUpdate:modelValue'?: (files: VarFile[]) => any
+}
+
+export class Uploader extends VarComponent {
+  $props: UploaderProps
+
+  getLoading(varFiles: VarFile[]): VarFile[]
+
+  getSuccess(varFiles: VarFile[]): VarFile[]
+
+  getError(varFiles: VarFile[]): VarFile[]
+
+  validate(): Promise<boolean>
+
+  resetValidation(): void
+
+  reset(): void
+}