@varlet/ui 1.27.20 → 2.0.0-alpha.1663742071515

package/types/index.d.ts

@@ -66,3 +66,70 @@ export * from './timePicker'
 export * from './uploader'
 export * from './varComponent'
 export * from './varDirective'
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    VarActionSheet: typeof import('@varlet/ui')['_ActionSheetComponent']
+    VarAppBar: typeof import('@varlet/ui')['_AppBarComponent']
+    VarBackTop: typeof import('@varlet/ui')['_BackTopComponent']
+    VarBadge: typeof import('@varlet/ui')['_BadgeComponent']
+    VarBottomNavigation: typeof import('@varlet/ui')['_BottomNavigationComponent']
+    VarBottomNavigationItem: typeof import('@varlet/ui')['_BottomNavigationItemComponent']
+    VarButton: typeof import('@varlet/ui')['_ButtonComponent']
+    VarCard: typeof import('@varlet/ui')['_CardComponent']
+    VarCell: typeof import('@varlet/ui')['_CellComponent']
+    VarCheckbox: typeof import('@varlet/ui')['_CheckboxComponent']
+    VarCheckboxGroup: typeof import('@varlet/ui')['_CheckboxGroupComponent']
+    VarChip: typeof import('@varlet/ui')['_ChipComponent']
+    VarCol: typeof import('@varlet/ui')['_ColComponent']
+    VarCollapse: typeof import('@varlet/ui')['_CollapseComponent']
+    VarCollapseItem: typeof import('@varlet/ui')['_CollapseItemComponent']
+    VarCountdown: typeof import('@varlet/ui')['_CountdownComponent']
+    VarCounter: typeof import('@varlet/ui')['_CounterComponent']
+    VarDatePicker: typeof import('@varlet/ui')['_DatePickerComponent']
+    VarDialog: typeof import('@varlet/ui')['_DialogComponent']
+    VarDivider: typeof import('@varlet/ui')['_DividerComponent']
+    VarForm: typeof import('@varlet/ui')['_FormComponent']
+    VarIcon: typeof import('@varlet/ui')['_IconComponent']
+    VarImage: typeof import('@varlet/ui')['_ImageComponent']
+    VarImagePreview: typeof import('@varlet/ui')['_ImagePreviewComponent']
+    VarIndexAnchor: typeof import('@varlet/ui')['_IndexAnchorComponent']
+    VarIndexBar: typeof import('@varlet/ui')['_IndexBarComponent']
+    VarInput: typeof import('@varlet/ui')['_InputComponent']
+    VarLazy: typeof import('@varlet/ui')['_LazyComponent']
+    VarList: typeof import('@varlet/ui')['_ListComponent']
+    VarLoading: typeof import('@varlet/ui')['_LoadingComponent']
+    VarLocale: typeof import('@varlet/ui')['_LocaleComponent']
+    VarMenu: typeof import('@varlet/ui')['_MenuComponent']
+    VarOption: typeof import('@varlet/ui')['_OptionComponent']
+    VarPagination: typeof import('@varlet/ui')['_PaginationComponent']
+    VarPicker: typeof import('@varlet/ui')['_PickerComponent']
+    VarPopup: typeof import('@varlet/ui')['_PopupComponent']
+    VarProgress: typeof import('@varlet/ui')['_ProgressComponent']
+    VarPullRefresh: typeof import('@varlet/ui')['_PullRefreshComponent']
+    VarRadio: typeof import('@varlet/ui')['_RadioComponent']
+    VarRadioGroup: typeof import('@varlet/ui')['_RadioGroupComponent']
+    VarRate: typeof import('@varlet/ui')['_RateComponent']
+    VarRipple: typeof import('@varlet/ui')['_RippleComponent']
+    VarRow: typeof import('@varlet/ui')['_RowComponent']
+    VarSelect: typeof import('@varlet/ui')['_SelectComponent']
+    VarSkeleton: typeof import('@varlet/ui')['_SkeletonComponent']
+    VarSlider: typeof import('@varlet/ui')['_SliderComponent']
+    VarSnackbar: typeof import('@varlet/ui')['_SnackbarComponent']
+    VarSpace: typeof import('@varlet/ui')['_SpaceComponent']
+    VarStep: typeof import('@varlet/ui')['_StepComponent']
+    VarSteps: typeof import('@varlet/ui')['_StepsComponent']
+    VarSticky: typeof import('@varlet/ui')['_StickyComponent']
+    VarStyleProvider: typeof import('@varlet/ui')['_StyleProviderComponent']
+    VarSwipe: typeof import('@varlet/ui')['_SwipeComponent']
+    VarSwipeItem: typeof import('@varlet/ui')['_SwipeItemComponent']
+    VarSwitch: typeof import('@varlet/ui')['_SwitchComponent']
+    VarTab: typeof import('@varlet/ui')['_TabComponent']
+    VarTabItem: typeof import('@varlet/ui')['_TabItemComponent']
+    VarTable: typeof import('@varlet/ui')['_TableComponent']
+    VarTabs: typeof import('@varlet/ui')['_TabsComponent']
+    VarTabsItems: typeof import('@varlet/ui')['_TabsItemsComponent']
+    VarTimePicker: typeof import('@varlet/ui')['_TimePickerComponent']
+    VarUploader: typeof import('@varlet/ui')['_UploaderComponent']
+  }
+}

package/types/indexAnchor.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface IndexAnchorProps extends BasicAttributes {
   index: string | number

package/types/indexBar.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface IndexBarProps extends BasicAttributes {
   sticky?: boolean

package/types/input.d.ts

@@ -1,11 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
-export type InputValidateTriggers = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
+export type InputValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
+
+export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email'
 
 export interface InputProps extends BasicAttributes {
   modelValue?: string
-  type?: 'text' | 'password' | 'number' | 'tel' | 'email'
+  type?: InputType
   textarea?: boolean
   rows?: string | number
   placeholder?: string
@@ -19,7 +20,7 @@ export interface InputProps extends BasicAttributes {
   clearable?: boolean
   resize?: boolean
   autofocus?: boolean
-  validateTrigger?: InputValidateTriggers[]
+  validateTrigger?: InputValidateTrigger[]
   rules?: Array<(v: string) => any>
   onFocus?: (e: Event) => void
   onBlur?: (e: Event) => void

package/types/list.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface ListProps extends BasicAttributes {
   loading?: boolean

package/types/loading.d.ts

@@ -1,10 +1,11 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Size as LoadingSize } from './varComponent'
+
+export type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
 
 export interface LoadingProps extends BasicAttributes {
-  type?: 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
+  type?: LoadingType
   radius?: string | number
-  size?: 'normal' | 'mini' | 'small' | 'large'
+  size?: LoadingSize
   color?: string
   description?: string
   show?: boolean

package/types/locale.d.ts

@@ -30,11 +30,14 @@ export type Pack = {
 }
 
 interface Locale {
+  zhCN: Pack
+  enUS: Pack
   packs: Record<string, Partial<Pack>>
   pack: Ref<Partial<Pack>>
   add(lang: string, pack: Partial<Pack>): void
   use(lang: string): void
   merge(lang: string, pack: Partial<Pack>): void
+
   useLocale<T = Pack>(): {
     packs: Record<string, Partial<T>>
     pack: Ref<Partial<T>>

package/types/menu.d.ts

@@ -1,11 +1,31 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
+import { TeleportProps } from 'vue'
+
+type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+
+export type MenuPlacement =
+  | NeededPopperPlacement
+  | 'cover-top'
+  | 'cover-top-start'
+  | 'cover-top-end'
+  | 'cover-bottom'
+  | 'cover-bottom-start'
+  | 'cover-bottom-end'
+  | 'cover-left'
+  | 'cover-right'
+
+export type MenuTrigger = 'click' | 'hover'
 
 export interface MenuProps extends BasicAttributes {
   show?: boolean
-  alignment?: 'top' | 'bottom'
+  disabled?: boolean
+  trigger?: MenuTrigger
+  placement?: MenuPlacement
   offsetX?: string | number
   offsetY?: string | number
+  teleport?: TeleportProps['to']
+  defaultStyle?: boolean
   onOpen?: () => void
   onOpened?: () => void
   onClose?: () => void
@@ -16,6 +36,10 @@ export interface MenuProps extends BasicAttributes {
 export class Menu extends VarComponent {
   $props: MenuProps
 
+  open(): void
+
+  close(): void
+
   resize(): void
 }
 

package/types/option.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface OptionProps extends BasicAttributes {
   label?: any

package/types/pagination.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 type Range = [number, number]
 

package/types/picker.d.ts

@@ -1,6 +1,5 @@
 import type { App } from 'vue'
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface NormalColumn extends BasicAttributes {
   texts: Texts

package/types/popup.d.ts

@@ -1,10 +1,11 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 import type { TeleportProps } from 'vue'
 
+export type PopupPosition = 'top' | 'bottom' | 'right' | 'left' | 'center'
+
 export interface PopupProps extends BasicAttributes {
   show?: boolean
-  position?: 'top' | 'bottom' | 'right' | 'left' | 'center'
+  position?: PopupPosition
   overlay?: boolean
   overlayClass?: string
   overlayStyle?: Record<string, any>

package/types/progress.d.ts

@@ -1,8 +1,9 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type ProgressMode = 'linear' | 'circle'
 
 export interface ProgressProps extends BasicAttributes {
-  mode?: 'linear' | 'circle'
+  mode?: ProgressMode
   lineWidth?: string | number
   color?: string
   trackColor?: string

package/types/pullRefresh.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface PullRefreshProps extends BasicAttributes {
   modelValue?: boolean

package/types/radio.d.ts

@@ -1,7 +1,6 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
-export type RadioValidateTriggers = 'onChange'
+export type RadioValidateTrigger = 'onChange'
 
 export interface RadioProps extends BasicAttributes {
   modelValue?: any
@@ -13,7 +12,7 @@ export interface RadioProps extends BasicAttributes {
   readonly?: boolean
   iconSize?: string | number
   ripple?: boolean
-  validateTrigger?: Array<RadioValidateTriggers>
+  validateTrigger?: Array<RadioValidateTrigger>
   rules?: Array<(value: any) => any>
   onClick?: (e: Event) => void
   onChange?: (value: any) => void

package/types/radioGroup.d.ts

@@ -1,12 +1,11 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Direction as RadioGroupDirection } from './varComponent'
 
-export type RadioGroupValidateTriggers = 'onChange'
+export type RadioGroupValidateTrigger = 'onChange'
 
 export interface RadioGroupProps extends BasicAttributes {
   modelValue?: any
-  direction?: 'horizontal' | 'vertical'
-  validateTrigger?: Array<RadioGroupValidateTriggers>
+  direction?: RadioGroupDirection
+  validateTrigger?: Array<RadioGroupValidateTrigger>
   rules?: Array<(value: any) => any>
   onChange?: (value: any) => void
   'onUpdate:modelValue'?: (value: any) => void

package/types/rate.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface RateProps extends BasicAttributes {
   modelValue?: string | number

package/types/row.d.ts

@@ -1,10 +1,13 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type RowJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around'
+
+export type RowAlign = 'flex-start' | 'center' | 'flex-end'
 
 export interface RowProps extends BasicAttributes {
   gutter?: string | number
-  justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around'
-  align?: 'flex-start' | 'center' | 'flex-end'
+  justify?: RowJustify
+  align?: RowAlign
   onClick?: (e: Event) => void
 }
 

package/types/select.d.ts

@@ -1,7 +1,8 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
-export type SelectValidateTriggers = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onClose'
+export type SelectValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onClose'
+
+export type SelectTextAlign = 'left' | 'right' | 'center'
 
 export interface SelectProps extends BasicAttributes {
   modelValue?: any
@@ -18,8 +19,8 @@ export interface SelectProps extends BasicAttributes {
   readonly?: boolean
   clearable?: boolean
   separator?: string
-  textAlign?: 'left' | 'right' | 'center'
-  validateTrigger?: Array<SelectValidateTriggers>
+  textAlign?: SelectTextAlign
+  validateTrigger?: Array<SelectValidateTrigger>
   rules?: Array<(v: any) => any>
   onFocus?: (e: Event) => void
   onBlur?: (e: Event) => void

package/types/skeleton.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface SkeletonProps extends BasicAttributes {
   loading?: boolean

package/types/slider.d.ts

@@ -1,11 +1,12 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type SliderLabelVisible = 'always' | 'normal' | 'never'
 
 export interface SliderProps extends BasicAttributes {
   modelValue?: number | Array<number>
   step?: number | string
   range?: boolean
-  labelVisible?: 'always' | 'normal' | 'never'
+  labelVisible?: SliderLabelVisible
   activeColor?: string
   trackColor?: string
   thumbColor?: string

package/types/snackbar.d.ts

@@ -1,17 +1,19 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
-import type { App, TeleportProps } from 'vue'
+import { VarComponent, BasicAttributes, Size as LoadingSize } from './varComponent'
+import { LoadingType } from './loading'
+import { App, TeleportProps } from 'vue'
 
-export type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
+export type SnackbarPosition = 'top' | 'center' | 'bottom'
 
-export type LoadingSize = 'normal' | 'mini' | 'small' | 'large'
+export type SnackbarType = 'success' | 'warning' | 'info' | 'error' | 'loading'
 
 export interface SnackbarProps extends BasicAttributes {
   type?: SnackbarType
   content?: string
-  position?: 'top' | 'center' | 'bottom'
+  position?: SnackbarPosition
   loadingType?: LoadingType
   loadingSize?: LoadingSize
+  loadingColor?: string
+  loadingRadius?: string | number
   teleport?: TeleportProps['to']
   lockScroll?: boolean
   contentClass?: string
@@ -30,8 +32,6 @@ export class SnackbarComponent extends VarComponent {
   $props: SnackbarProps
 }
 
-export type SnackbarType = 'success' | 'warning' | 'info' | 'error' | 'loading'
-
 export interface SnackbarHandel {
   clear: () => void
 }
@@ -39,7 +39,7 @@ export interface SnackbarHandel {
 export interface SnackbarOptions {
   type?: SnackbarType
   content?: string
-  position?: 'top' | 'center' | 'bottom'
+  position?: SnackbarPosition
   loadingType?: string
   loadingSize?: string
   teleport?: string

package/types/space.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type SpaceAlign = 'stretch' | 'center' | 'start' | 'end' | 'baseline' | 'initial' | 'inherit'
 

package/types/step.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface StepProps extends BasicAttributes {
   activeIcon?: string

package/types/steps.d.ts

@@ -1,9 +1,8 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Direction as StepsDirection } from './varComponent'
 
 export interface StepsProps extends BasicAttributes {
   active?: string | number
-  direction?: 'horizontal' | 'vertical'
+  direction?: StepsDirection
   activeColor?: string
   inactiveColor?: string
   onClickStep?: (index: number) => void

package/types/sticky.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface StickyProps extends BasicAttributes {
   offsetTop?: string | number

package/types/styleProvider.d.ts

@@ -1,11 +1,11 @@
 import type { App } from 'vue'
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type StyleVars = Record<string, string>
 
 export interface StyleProviderProps extends BasicAttributes {
   styleVars?: StyleVars
+  tag?: string
 }
 
 export class StyleProviderComponent extends VarComponent {

package/types/swipe.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface SwipeProps extends BasicAttributes {
   loop?: boolean

package/types/swipeItem.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface SwipeItemProps extends BasicAttributes {}
 

package/types/switch.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface SwitchProps extends BasicAttributes {
   modelValue?: any

package/types/tab.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface TabProps extends BasicAttributes {
   name?: string | number

package/types/tabItem.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface TabItemProps extends BasicAttributes {
   name?: string | number

package/types/table.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export interface TableProps extends BasicAttributes {
   fullWidth?: string | number

package/types/tabs.d.ts

@@ -1,10 +1,9 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes, Direction as TabsDirection } from './varComponent'
 
 export interface TabsProps extends BasicAttributes {
   active?: string | number
-  layoutDirection?: 'horizontal' | 'vertical'
-  itemDirection?: 'horizontal' | 'vertical'
+  layoutDirection?: TabsDirection
+  itemDirection?: TabsDirection
   fixedBottom?: boolean
   activeColor?: string
   inactiveColor?: string

package/types/tabsItems.d.ts

@@ -1,5 +1,5 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+import type { Swipe } from './swipe'
 
 export interface TabsItemsProps extends BasicAttributes {
   active?: string | number
@@ -8,6 +8,8 @@ export interface TabsItemsProps extends BasicAttributes {
 
 export class TabsItems extends VarComponent {
   $props: TabsItemsProps
+
+  getSwipe(): Swipe
 }
 
 export class _TabsItemsComponent extends TabsItems {}

package/types/timePicker.d.ts

@@ -1,5 +1,4 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
 
 export type AllowedTime = {
   hours?: (hour: number) => boolean
@@ -7,13 +6,15 @@ export type AllowedTime = {
   seconds?: (second: number) => boolean
 }
 
+export type TimePickerFormat = 'ampm' | '24hr'
+
 export interface TimePickerProps extends BasicAttributes {
   modelValue?: string
-  shadow?: boolean
+  elevation?: boolean
   color?: string
   headerColor?: string
   allowedTime?: AllowedTime
-  format?: 'ampm' | '24hr'
+  format?: TimePickerFormat
   min?: string
   max?: string
   useSeconds?: boolean

package/types/uploader.d.ts

@@ -1,16 +1,19 @@
-import { VarComponent } from './varComponent'
-import type { BasicAttributes } from './varComponent'
+import { VarComponent, BasicAttributes } from './varComponent'
+
+export type VarFileFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+
+export type VarFileState = 'loading' | 'success' | 'error'
 
 export interface VarFile extends BasicAttributes {
   file?: File
   name?: string
   url?: string
   cover?: string
-  fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-  state?: 'loading' | 'success' | 'error'
+  fit?: VarFileFit
+  state?: VarFileState
 }
 
-export type UploaderValidateTriggers = 'onChange' | 'onRemove'
+export type UploaderValidateTrigger = 'onChange' | 'onRemove'
 
 export type UploaderVarFileUtils = {
   getLoading(): VarFile[]
@@ -18,10 +21,12 @@ export type UploaderVarFileUtils = {
   getError(): VarFile[]
 }
 
+export type UploaderCapture = boolean | 'user' | 'environment'
+
 interface UploaderProps {
   modelValue?: VarFile[]
   accept?: string
-  capture?: boolean | 'user' | 'environment'
+  capture?: UploaderCapture
   multiple?: boolean
   readonly?: boolean
   disabled?: boolean
@@ -31,7 +36,7 @@ interface UploaderProps {
   previewed?: boolean
   hideList?: boolean
   ripple?: boolean
-  validateTrigger?: Array<UploaderValidateTriggers>
+  validateTrigger?: Array<UploaderValidateTrigger>
   rules?: Array<(v: VarFile[], u: UploaderVarFileUtils) => any>
   onBeforeRead?: (file: VarFile) => Promise<boolean> | boolean
   onAfterRead?: (file: VarFile) => any