@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13

package/lib/components/VField/index.d.ts

@@ -0,0 +1,332 @@
+import * as vue from 'vue';
+import { VNodeChild, PropType, JSXComponent, ComputedRef, Ref } from 'vue';
+
+declare type SlotsToProps<T extends Record<string, Slot>> = {
+    $children: () => (T['default'] | VNodeChild | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots': new () => {
+        [K in keyof T]?: T[K] | false;
+    };
+};
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+interface LoaderSlotProps {
+    color: string | undefined;
+    isActive: boolean;
+}
+
+interface VInputSlot {
+    id: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPristine: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => void;
+}
+
+interface DefaultInputSlot {
+    isActive: Ref<boolean>;
+    isFocused: Ref<boolean>;
+    controlRef: Ref<HTMLElement | undefined>;
+    focus: () => void;
+    blur: () => void;
+}
+interface VFieldSlot extends DefaultInputSlot {
+    props: Record<string, unknown>;
+}
+declare type VFieldSlots = MakeSlots<{
+    clear: [];
+    'prepend-inner': [DefaultInputSlot & VInputSlot];
+    'append-inner': [DefaultInputSlot & VInputSlot];
+    label: [DefaultInputSlot & VInputSlot];
+    loader: [LoaderSlotProps];
+    default: [VFieldSlot];
+}>;
+declare const VField: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            loading: boolean;
+            disabled: boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            clearIcon: IconValue;
+            focused: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+            loading: BooleanConstructor;
+            theme: StringConstructor;
+            appendInnerIcon: PropType<IconValue>;
+            bgColor: StringConstructor;
+            clearable: BooleanConstructor;
+            clearIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            active: BooleanConstructor;
+            color: StringConstructor;
+            dirty: BooleanConstructor;
+            disabled: BooleanConstructor;
+            error: BooleanConstructor;
+            label: StringConstructor;
+            persistentClear: BooleanConstructor;
+            prependInnerIcon: PropType<IconValue>;
+            reverse: BooleanConstructor;
+            singleLine: BooleanConstructor;
+            variant: {
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+            focused: BooleanConstructor;
+            id: StringConstructor;
+        }, "onUpdate:modelValue" | "modelValue"> & SlotsToProps<MakeSlots<{
+            clear: [];
+            'prepend-inner': [DefaultInputSlot & VInputSlot];
+            'append-inner': [DefaultInputSlot & VInputSlot];
+            label: [DefaultInputSlot & VInputSlot];
+            loader: [LoaderSlotProps];
+            default: [VFieldSlot];
+        }>>>> & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+            loading: BooleanConstructor;
+            theme: StringConstructor;
+            appendInnerIcon: PropType<IconValue>;
+            bgColor: StringConstructor;
+            clearable: BooleanConstructor;
+            clearIcon: {
+                type: PropType<IconValue>;
+                default: string;
+            };
+            active: BooleanConstructor;
+            color: StringConstructor;
+            dirty: BooleanConstructor;
+            disabled: BooleanConstructor;
+            error: BooleanConstructor;
+            label: StringConstructor;
+            persistentClear: BooleanConstructor;
+            prependInnerIcon: PropType<IconValue>;
+            reverse: BooleanConstructor;
+            singleLine: BooleanConstructor;
+            variant: {
+                type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+            'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+            focused: BooleanConstructor;
+            id: StringConstructor;
+        }, "onUpdate:modelValue" | "modelValue"> & SlotsToProps<MakeSlots<{
+            clear: [];
+            'prepend-inner': [DefaultInputSlot & VInputSlot];
+            'append-inner': [DefaultInputSlot & VInputSlot];
+            label: [DefaultInputSlot & VInputSlot];
+            loader: [LoaderSlotProps];
+            default: [VFieldSlot];
+        }>>>> & {
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+        }, {
+            controlRef: Ref<HTMLElement | undefined>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+            'click:control': (e: MouseEvent) => boolean;
+            'update:focused': (focused: boolean) => boolean;
+            'update:modelValue': (val: any) => boolean;
+        }, "update:modelValue" | "modelValue">, string, {
+            reverse: boolean;
+            error: boolean;
+            active: boolean;
+            loading: boolean;
+            disabled: boolean;
+            variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+            clearIcon: IconValue;
+            focused: boolean;
+            clearable: boolean;
+            dirty: boolean;
+            persistentClear: boolean;
+            singleLine: boolean;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<Omit<{
+        loading: BooleanConstructor;
+        theme: StringConstructor;
+        appendInnerIcon: PropType<IconValue>;
+        bgColor: StringConstructor;
+        clearable: BooleanConstructor;
+        clearIcon: {
+            type: PropType<IconValue>;
+            default: string;
+        };
+        active: BooleanConstructor;
+        color: StringConstructor;
+        dirty: BooleanConstructor;
+        disabled: BooleanConstructor;
+        error: BooleanConstructor;
+        label: StringConstructor;
+        persistentClear: BooleanConstructor;
+        prependInnerIcon: PropType<IconValue>;
+        reverse: BooleanConstructor;
+        singleLine: BooleanConstructor;
+        variant: {
+            type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+        focused: BooleanConstructor;
+        id: StringConstructor;
+    }, "onUpdate:modelValue" | "modelValue"> & SlotsToProps<MakeSlots<{
+        clear: [];
+        'prepend-inner': [DefaultInputSlot & VInputSlot];
+        'append-inner': [DefaultInputSlot & VInputSlot];
+        label: [DefaultInputSlot & VInputSlot];
+        loader: [LoaderSlotProps];
+        default: [VFieldSlot];
+    }>>>> & {
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        controlRef: Ref<HTMLElement | undefined>;
+    }> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+    loading: BooleanConstructor;
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    dirty: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    label: StringConstructor;
+    persistentClear: BooleanConstructor;
+    prependInnerIcon: PropType<IconValue>;
+    reverse: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    focused: BooleanConstructor;
+    id: StringConstructor;
+}, "onUpdate:modelValue" | "modelValue"> & SlotsToProps<MakeSlots<{
+    clear: [];
+    'prepend-inner': [DefaultInputSlot & VInputSlot];
+    'append-inner': [DefaultInputSlot & VInputSlot];
+    label: [DefaultInputSlot & VInputSlot];
+    loader: [LoaderSlotProps];
+    default: [VFieldSlot];
+}>>>> & {
+    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+}, {
+    controlRef: Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+    'click:control': (e: MouseEvent) => boolean;
+    'update:focused': (focused: boolean) => boolean;
+    'update:modelValue': (val: any) => boolean;
+}, "update:modelValue" | "modelValue">, string, {
+    reverse: boolean;
+    error: boolean;
+    active: boolean;
+    loading: boolean;
+    disabled: boolean;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+    clearIcon: IconValue;
+    focused: boolean;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $props: {
+        modelValue?: T | undefined;
+        'onUpdate:modelValue'?: ((val: T) => any) | undefined;
+    };
+    $slots: VFieldSlots;
+});
+declare type VField = InstanceType<typeof VField>;
+
+declare const VFieldLabel: vue.DefineComponent<{
+    floating: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    floating: BooleanConstructor;
+}>>, {
+    floating: boolean;
+}>;
+declare type VFieldLabel = InstanceType<typeof VFieldLabel>;
+
+export { VField, VFieldLabel };

package/lib/components/VFileInput/VFileInput.mjs

@@ -200,9 +200,9 @@ export const VFileInput = defineComponent({
                 },
                 "onFocus": onFocus,
                 "onBlur": () => isFocused.value = false
-              }, slotProps, inputAttrs), null), model.value.length > 0 && _createVNode("div", {
+              }, slotProps, inputAttrs), null), _createVNode("div", {
                 "class": fieldClass
-              }, [slots.selection ? slots.selection({
+              }, [model.value.length > 0 && (slots.selection ? slots.selection({
                 fileNames: fileNames.value,
                 totalBytes: totalBytes.value,
                 totalBytesReadable: totalBytesReadable.value
@@ -212,7 +212,7 @@ export const VFileInput = defineComponent({
                 "color": props.color
               }, {
                 default: () => [text]
-              })) : fileNames.value.join(', ')])]);
+              })) : fileNames.value.join(', '))])]);
             }
           });
         },

package/lib/components/VFileInput/VFileInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VFileInput.mjs","names":["filterFieldProps","makeVFieldProps","filterInputProps","makeVInputProps","VInput","VChip","VCounter","VField","forwardRefs","useLocale","useProxiedModel","computed","nextTick","ref","callEvent","defineComponent","filterInputAttrs","humanReadableFileSize","useRender","wrapInArray","VFileInput","name","inheritAttrs","props","chips","Boolean","counter","counterSizeString","type","String","default","counterString","multiple","hint","persistentHint","placeholder","showSize","Number","validator","v","includes","prependIcon","modelValue","Array","val","every","clearable","emits","e","files","setup","attrs","emit","slots","t","model","base","undefined","totalBytes","value","reduce","bytes","size","totalBytesReadable","fileNames","map","file","counterValue","fileCount","length","vInputRef","vFieldRef","isFocused","inputRef","messages","onFocus","document","activeElement","focus","onClickPrepend","onControlClick","click","onClear","stopPropagation","hasCounter","hasDetails","details","rootAttrs","inputAttrs","_","inputProps","fieldProps","isDisabled","isDirty","isReadonly","isValid","class","fieldClass","slotProps","target","selection","text","color","join"],"sources":["../../../src/components/VFileInput/VFileInput.tsx"],"sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VChip } from '@/components/VChip'\nimport { VCounter } from '@/components/VCounter'\nimport { VField } from '@/components/VField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, nextTick, ref } from 'vue'\nimport { callEvent, defineComponent, filterInputAttrs, humanReadableFileSize, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VFileInput = defineComponent({\n  name: 'VFileInput',\n\n  inheritAttrs: false,\n\n  props: {\n    chips: Boolean,\n    counter: Boolean,\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    multiple: Boolean,\n    hint: String,\n    persistentHint: Boolean,\n    placeholder: String,\n    showSize: {\n      type: [Boolean, Number] as PropType<boolean | 1000 | 1024>,\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    },\n\n    ...makeVInputProps({ prependIcon: '$file' }),\n\n    modelValue: {\n      type: Array as PropType<File[]>,\n      default: () => ([]),\n      validator: (val: any) => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    },\n\n    ...makeVFieldProps({ clearable: true }),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:modelValue': (files: File[]) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { t } = useLocale()\n    const model = useProxiedModel(props, 'modelValue')\n    const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n    const totalBytes = computed(() => (model.value ?? []).reduce((bytes, { size = 0 }) => bytes + size, 0))\n    const totalBytesReadable = computed(() => humanReadableFileSize(totalBytes.value, base.value))\n\n    const fileNames = computed(() => (model.value ?? []).map(file => {\n      const { name = '', size = 0 } = file\n\n      return !props.showSize\n        ? name\n        : `${name} (${humanReadableFileSize(size, base.value)})`\n    }))\n\n    const counterValue = computed(() => {\n      const fileCount = model.value?.length ?? 0\n      if (props.showSize) return t(props.counterSizeString, fileCount, totalBytesReadable.value)\n      else return t(props.counterString, fileCount)\n    })\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VInput>()\n    const isFocused = ref(false)\n    const inputRef = ref<HTMLInputElement>()\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (props.persistentHint) ? props.hint : ''\n    })\n    function onFocus () {\n      if (inputRef.value !== document.activeElement) {\n        inputRef.value?.focus()\n      }\n\n      if (!isFocused.value) {\n        isFocused.value = true\n      }\n    }\n    function onClickPrepend (e: MouseEvent) {\n      callEvent(props['onClick:prepend'], e)\n      onControlClick(e)\n    }\n    function onControlClick (e: MouseEvent) {\n      inputRef.value?.click()\n\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        model.value = []\n\n        if (inputRef?.value) {\n          inputRef.value.value = ''\n        }\n\n        callEvent(props['onClick:clear'], e)\n      })\n    }\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || props.counter)\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const [{ modelValue: _, ...inputProps }] = filterInputProps(props)\n      const [fieldProps] = filterFieldProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class=\"v-file-input\"\n          onClick:prepend={ onClickPrepend }\n          onClick:append={ props['onClick:append'] }\n          { ...rootAttrs }\n          { ...inputProps }\n          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                prepend-icon={ props.prependIcon }\n                onClick:control={ onControlClick }\n                onClick:clear={ onClear }\n                onClick:prependInner={ props['onClick:prependInner'] }\n                onClick:appendInner={ props['onClick:appendInner'] }\n                { ...fieldProps }\n                active={ isDirty.value || isFocused.value }\n                dirty={ isDirty.value }\n                focused={ isFocused.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                  }) => (\n                    <>\n                      <input\n                        ref={ inputRef }\n                        type=\"file\"\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        multiple={ props.multiple }\n                        name={ props.name }\n                        onClick={ e => {\n                          e.stopPropagation()\n\n                          onFocus()\n                        } }\n                        onChange={ e => {\n                          if (!e.target) return\n\n                          const target = e.target as HTMLInputElement\n                          model.value = [...target.files ?? []]\n                        } }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n\n                      { model.value.length > 0 && (\n                        <div class={ fieldClass }>\n                          { slots.selection ? slots.selection({\n                            fileNames: fileNames.value,\n                            totalBytes: totalBytes.value,\n                            totalBytesReadable: totalBytesReadable.value,\n                          })\n                          : props.chips ? fileNames.value.map(text => (\n                            <VChip\n                              key={ text }\n                              size=\"small\"\n                              color={ props.color }\n                            >{ text }</VChip>\n                          ))\n                          : fileNames.value.join(', ') }\n                        </div>\n                      ) }\n                    </>\n                  ),\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ !!model.value.length }\n                      value={ counterValue.value }\n                      v-slots={ slots.counter }\n                    />\n                  </>\n                ) }\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, inputRef)\n  },\n})\n\nexport type VFileInput = InstanceType<typeof VFileInput>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,gB,EAAkBC,e;SAClBC,gB,EAAkBC,e,EAAiBC,M;SACnCC,K;SACAC,Q;SACAC,M,+BAET;;SACSC,W;SACAC,S;SACAC,e,8CAET;;AACA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,GAA7B,QAAwC,KAAxC;SACSC,S,EAAWC,e,EAAiBC,gB,EAAkBC,qB,EAAuBC,S,EAAWC,W,gCAEzF;;AAGA,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC;EACxCM,IAAI,EAAE,YADkC;EAGxCC,YAAY,EAAE,KAH0B;EAKxCC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,OAAO,EAAED,OAFJ;IAGLE,iBAAiB,EAAE;MACjBC,IAAI,EAAEC,MADW;MAEjBC,OAAO,EAAE;IAFQ,CAHd;IAOLC,aAAa,EAAE;MACbH,IAAI,EAAEC,MADO;MAEbC,OAAO,EAAE;IAFI,CAPV;IAWLE,QAAQ,EAAEP,OAXL;IAYLQ,IAAI,EAAEJ,MAZD;IAaLK,cAAc,EAAET,OAbX;IAcLU,WAAW,EAAEN,MAdR;IAeLO,QAAQ,EAAE;MACRR,IAAI,EAAE,CAACH,OAAD,EAAUY,MAAV,CADE;MAERP,OAAO,EAAE,KAFD;MAGRQ,SAAS,EAAGC,CAAD,IAAyB;QAClC,OACE,OAAOA,CAAP,KAAa,SAAb,IACA,CAAC,IAAD,EAAO,IAAP,EAAaC,QAAb,CAAsBD,CAAtB,CAFF;MAID;IARO,CAfL;IA0BL,GAAGpC,eAAe,CAAC;MAAEsC,WAAW,EAAE;IAAf,CAAD,CA1Bb;IA4BLC,UAAU,EAAE;MACVd,IAAI,EAAEe,KADI;MAEVb,OAAO,EAAE,MAAO,EAFN;MAGVQ,SAAS,EAAGM,GAAD,IAAc;QACvB,OAAOzB,WAAW,CAACyB,GAAD,CAAX,CAAiBC,KAAjB,CAAuBN,CAAC,IAAIA,CAAC,IAAI,IAAL,IAAa,OAAOA,CAAP,KAAa,QAAtD,CAAP;MACD;IALS,CA5BP;IAoCL,GAAGtC,eAAe,CAAC;MAAE6C,SAAS,EAAE;IAAb,CAAD;EApCb,CALiC;EA4CxCC,KAAK,EAAE;IACL,iBAAkBC,CAAD,IAAmB,IAD/B;IAEL,qBAAsBC,KAAD,IAAmB;EAFnC,CA5CiC;;EAiDxCC,KAAK,CAAE3B,KAAF,QAAiC;IAAA,IAAxB;MAAE4B,KAAF;MAASC,IAAT;MAAeC;IAAf,CAAwB;IACpC,MAAM;MAAEC;IAAF,IAAQ7C,SAAS,EAAvB;IACA,MAAM8C,KAAK,GAAG7C,eAAe,CAACa,KAAD,EAAQ,YAAR,CAA7B;IACA,MAAMiC,IAAI,GAAG7C,QAAQ,CAAC,MAAM,OAAOY,KAAK,CAACa,QAAb,KAA0B,SAA1B,GAAsCb,KAAK,CAACa,QAA5C,GAAuDqB,SAA9D,CAArB;IACA,MAAMC,UAAU,GAAG/C,QAAQ,CAAC,MAAM,CAAC4C,KAAK,CAACI,KAAN,IAAe,EAAhB,EAAoBC,MAApB,CAA2B,CAACC,KAAD;MAAA,IAAQ;QAAEC,IAAI,GAAG;MAAT,CAAR;MAAA,OAAyBD,KAAK,GAAGC,IAAjC;IAAA,CAA3B,EAAkE,CAAlE,CAAP,CAA3B;IACA,MAAMC,kBAAkB,GAAGpD,QAAQ,CAAC,MAAMM,qBAAqB,CAACyC,UAAU,CAACC,KAAZ,EAAmBH,IAAI,CAACG,KAAxB,CAA5B,CAAnC;IAEA,MAAMK,SAAS,GAAGrD,QAAQ,CAAC,MAAM,CAAC4C,KAAK,CAACI,KAAN,IAAe,EAAhB,EAAoBM,GAApB,CAAwBC,IAAI,IAAI;MAC/D,MAAM;QAAE7C,IAAI,GAAG,EAAT;QAAayC,IAAI,GAAG;MAApB,IAA0BI,IAAhC;MAEA,OAAO,CAAC3C,KAAK,CAACa,QAAP,GACHf,IADG,GAEF,GAAEA,IAAK,KAAIJ,qBAAqB,CAAC6C,IAAD,EAAON,IAAI,CAACG,KAAZ,CAAmB,GAFxD;IAGD,CANgC,CAAP,CAA1B;IAQA,MAAMQ,YAAY,GAAGxD,QAAQ,CAAC,MAAM;MAAA;;MAClC,MAAMyD,SAAS,GAAG,iBAAAb,KAAK,CAACI,KAAN,kCAAaU,MAAb,KAAuB,CAAzC;MACA,IAAI9C,KAAK,CAACa,QAAV,EAAoB,OAAOkB,CAAC,CAAC/B,KAAK,CAACI,iBAAP,EAA0ByC,SAA1B,EAAqCL,kBAAkB,CAACJ,KAAxD,CAAR,CAApB,KACK,OAAOL,CAAC,CAAC/B,KAAK,CAACQ,aAAP,EAAsBqC,SAAtB,CAAR;IACN,CAJ4B,CAA7B;IAKA,MAAME,SAAS,GAAGzD,GAAG,EAArB;IACA,MAAM0D,SAAS,GAAG1D,GAAG,EAArB;IACA,MAAM2D,SAAS,GAAG3D,GAAG,CAAC,KAAD,CAArB;IACA,MAAM4D,QAAQ,GAAG5D,GAAG,EAApB;IACA,MAAM6D,QAAQ,GAAG/D,QAAQ,CAAC,MAAM;MAC9B,OAAOY,KAAK,CAACmD,QAAN,CAAeL,MAAf,GACH9C,KAAK,CAACmD,QADH,GAEFnD,KAAK,CAACW,cAAP,GAAyBX,KAAK,CAACU,IAA/B,GAAsC,EAF1C;IAGD,CAJwB,CAAzB;;IAKA,SAAS0C,OAAT,GAAoB;MAClB,IAAIF,QAAQ,CAACd,KAAT,KAAmBiB,QAAQ,CAACC,aAAhC,EAA+C;QAAA;;QAC7C,mBAAAJ,QAAQ,CAACd,KAAT,qCAAgBmB,KAAhB;MACD;;MAED,IAAI,CAACN,SAAS,CAACb,KAAf,EAAsB;QACpBa,SAAS,CAACb,KAAV,GAAkB,IAAlB;MACD;IACF;;IACD,SAASoB,cAAT,CAAyB/B,CAAzB,EAAwC;MACtClC,SAAS,CAACS,KAAK,CAAC,iBAAD,CAAN,EAA2ByB,CAA3B,CAAT;MACAgC,cAAc,CAAChC,CAAD,CAAd;IACD;;IACD,SAASgC,cAAT,CAAyBhC,CAAzB,EAAwC;MAAA;;MACtC,oBAAAyB,QAAQ,CAACd,KAAT,sCAAgBsB,KAAhB;MAEA7B,IAAI,CAAC,eAAD,EAAkBJ,CAAlB,CAAJ;IACD;;IACD,SAASkC,OAAT,CAAkBlC,CAAlB,EAAiC;MAC/BA,CAAC,CAACmC,eAAF;MAEAR,OAAO;MAEP/D,QAAQ,CAAC,MAAM;QACb2C,KAAK,CAACI,KAAN,GAAc,EAAd;;QAEA,IAAIc,QAAJ,YAAIA,QAAQ,CAAEd,KAAd,EAAqB;UACnBc,QAAQ,CAACd,KAAT,CAAeA,KAAf,GAAuB,EAAvB;QACD;;QAED7C,SAAS,CAACS,KAAK,CAAC,eAAD,CAAN,EAAyByB,CAAzB,CAAT;MACD,CARO,CAAR;IASD;;IAED9B,SAAS,CAAC,MAAM;MACd,MAAMkE,UAAU,GAAG,CAAC,EAAE/B,KAAK,CAAC3B,OAAN,IAAiBH,KAAK,CAACG,OAAzB,CAApB;MACA,MAAM2D,UAAU,GAAG,CAAC,EAAED,UAAU,IAAI/B,KAAK,CAACiC,OAAtB,CAApB;MACA,MAAM,CAACC,SAAD,EAAYC,UAAZ,IAA0BxE,gBAAgB,CAACmC,KAAD,CAAhD;MACA,MAAM,CAAC;QAAET,UAAU,EAAE+C,CAAd;QAAiB,GAAGC;MAApB,CAAD,IAAqCxF,gBAAgB,CAACqB,KAAD,CAA3D;MACA,MAAM,CAACoE,UAAD,IAAe3F,gBAAgB,CAACuB,KAAD,CAArC;MAEA;QAAA,OAEU+C,SAFV;QAAA,cAGcf,KAAK,CAACI,KAHpB;QAAA,iCAGcJ,KAAK,CAACI,KAHpB;QAAA,SAIU,cAJV;QAAA,mBAKsBoB,cALtB;QAAA,kBAMqBxD,KAAK,CAAC,gBAAD;MAN1B,GAOSgE,SAPT,EAQSG,UART;QAAA,YASehB,QAAQ,CAACf;MATxB,MAYM,GAAGN,KAZT;QAaMvB,OAAO,EAAE;UAAA,IAAC;YACR8D,UADQ;YAERC,OAFQ;YAGRC,UAHQ;YAIRC;UAJQ,CAAD;UAAA;YAAA,OAOCxB,SAPD;YAAA,gBAQUhD,KAAK,CAACkB,WARhB;YAAA,mBASauC,cATb;YAAA,iBAUWE,OAVX;YAAA,wBAWkB3D,KAAK,CAAC,sBAAD,CAXvB;YAAA,uBAYiBA,KAAK,CAAC,qBAAD;UAZtB,GAaAoE,UAbA;YAAA,UAcIE,OAAO,CAAClC,KAAR,IAAiBa,SAAS,CAACb,KAd/B;YAAA,SAeGkC,OAAO,CAAClC,KAfX;YAAA,WAgBKa,SAAS,CAACb,KAhBf;YAAA,SAiBGoC,OAAO,CAACpC,KAAR,KAAkB;UAjBrB,MAoBH,GAAGN,KApBA;YAqBHvB,OAAO,EAAE;cAAA,IAAC;gBACRP,KAAK,EAAE;kBAAEyE,KAAK,EAAEC,UAAT;kBAAqB,GAAGC;gBAAxB;cADC,CAAD;cAAA;gBAAA,OAKGzB,QALH;gBAAA,QAME,MANF;gBAAA,YAOQqB,UAAU,CAACnC,KAPnB;gBAAA,YAQQiC,UAAU,CAACjC,KARnB;gBAAA,YASQpC,KAAK,CAACS,QATd;gBAAA,QAUIT,KAAK,CAACF,IAVV;gBAAA,WAWO2B,CAAC,IAAI;kBACbA,CAAC,CAACmC,eAAF;kBAEAR,OAAO;gBACR,CAfE;gBAAA,YAgBQ3B,CAAC,IAAI;kBACd,IAAI,CAACA,CAAC,CAACmD,MAAP,EAAe;kBAEf,MAAMA,MAAM,GAAGnD,CAAC,CAACmD,MAAjB;kBACA5C,KAAK,CAACI,KAAN,GAAc,CAAC,IAAGwC,MAAM,CAAClD,KAAP,IAAgB,EAAnB,CAAD,CAAd;gBACD,CArBE;gBAAA,WAsBO0B,OAtBP;gBAAA,UAuBM,MAAOH,SAAS,CAACb,KAAV,GAAkB;cAvB/B,GAwBEuC,SAxBF,EAyBEV,UAzBF,UA4BHjC,KAAK,CAACI,KAAN,CAAYU,MAAZ,GAAqB,CAArB;gBAAA,SACa4B;cADb,IAEI5C,KAAK,CAAC+C,SAAN,GAAkB/C,KAAK,CAAC+C,SAAN,CAAgB;gBAClCpC,SAAS,EAAEA,SAAS,CAACL,KADa;gBAElCD,UAAU,EAAEA,UAAU,CAACC,KAFW;gBAGlCI,kBAAkB,EAAEA,kBAAkB,CAACJ;cAHL,CAAhB,CAAlB,GAKApC,KAAK,CAACC,KAAN,GAAcwC,SAAS,CAACL,KAAV,CAAgBM,GAAhB,CAAoBoC,IAAI;gBAAA,OAE9BA,IAF8B;gBAAA,QAG/B,OAH+B;gBAAA,SAI5B9E,KAAK,CAAC+E;cAJsB;gBAAA,gBAKnCD,IALmC;cAAA,EAAxB,CAAd,GAOArC,SAAS,CAACL,KAAV,CAAgB4C,IAAhB,CAAqB,IAArB,CAdJ,EA5BG;YAAA;UArBN;QAAA,CAbf;QAoFMjB,OAAO,EAAED,UAAU,GAAGa,SAAS;UAAA;;UAAA,wDAEzB7C,KAAK,CAACiC,OAFmB,qBAEzB,oBAAAjC,KAAK,EAAW6C,SAAX,CAFoB,EAIzBd,UAAU;YAAA,UAKG,CAAC,CAAC7B,KAAK,CAACI,KAAN,CAAYU,MALjB;YAAA,SAMEF,YAAY,CAACR;UANf,GAOIN,KAAK,CAAC3B,OAPV,GAJe;QAAA,CAAZ,GAgBf+B;MApGV;IAwGD,CA/GQ,CAAT;IAiHA,OAAOjD,WAAW,CAAC,EAAD,EAAK8D,SAAL,EAAgBC,SAAhB,EAA2BE,QAA3B,CAAlB;EACD;;AAlOuC,CAAD,CAAlC"}
+{"version":3,"file":"VFileInput.mjs","names":["filterFieldProps","makeVFieldProps","filterInputProps","makeVInputProps","VInput","VChip","VCounter","VField","forwardRefs","useLocale","useProxiedModel","computed","nextTick","ref","callEvent","defineComponent","filterInputAttrs","humanReadableFileSize","useRender","wrapInArray","VFileInput","name","inheritAttrs","props","chips","Boolean","counter","counterSizeString","type","String","default","counterString","multiple","hint","persistentHint","placeholder","showSize","Number","validator","v","includes","prependIcon","modelValue","Array","val","every","clearable","emits","e","files","setup","attrs","emit","slots","t","model","base","undefined","totalBytes","value","reduce","bytes","size","totalBytesReadable","fileNames","map","file","counterValue","fileCount","length","vInputRef","vFieldRef","isFocused","inputRef","messages","onFocus","document","activeElement","focus","onClickPrepend","onControlClick","click","onClear","stopPropagation","hasCounter","hasDetails","details","rootAttrs","inputAttrs","_","inputProps","fieldProps","isDisabled","isDirty","isReadonly","isValid","class","fieldClass","slotProps","target","selection","text","color","join"],"sources":["../../../src/components/VFileInput/VFileInput.tsx"],"sourcesContent":["// Styles\nimport './VFileInput.sass'\n\n// Components\nimport { filterFieldProps, makeVFieldProps } from '@/components/VField/VField'\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VChip } from '@/components/VChip'\nimport { VCounter } from '@/components/VCounter'\nimport { VField } from '@/components/VField'\n\n// Composables\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { computed, nextTick, ref } from 'vue'\nimport { callEvent, defineComponent, filterInputAttrs, humanReadableFileSize, useRender, wrapInArray } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VFileInput = defineComponent({\n  name: 'VFileInput',\n\n  inheritAttrs: false,\n\n  props: {\n    chips: Boolean,\n    counter: Boolean,\n    counterSizeString: {\n      type: String,\n      default: '$vuetify.fileInput.counterSize',\n    },\n    counterString: {\n      type: String,\n      default: '$vuetify.fileInput.counter',\n    },\n    multiple: Boolean,\n    hint: String,\n    persistentHint: Boolean,\n    placeholder: String,\n    showSize: {\n      type: [Boolean, Number] as PropType<boolean | 1000 | 1024>,\n      default: false,\n      validator: (v: boolean | number) => {\n        return (\n          typeof v === 'boolean' ||\n          [1000, 1024].includes(v)\n        )\n      },\n    },\n\n    ...makeVInputProps({ prependIcon: '$file' }),\n\n    modelValue: {\n      type: Array as PropType<File[]>,\n      default: () => ([]),\n      validator: (val: any) => {\n        return wrapInArray(val).every(v => v != null && typeof v === 'object')\n      },\n    },\n\n    ...makeVFieldProps({ clearable: true }),\n  },\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'update:modelValue': (files: File[]) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { t } = useLocale()\n    const model = useProxiedModel(props, 'modelValue')\n    const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n    const totalBytes = computed(() => (model.value ?? []).reduce((bytes, { size = 0 }) => bytes + size, 0))\n    const totalBytesReadable = computed(() => humanReadableFileSize(totalBytes.value, base.value))\n\n    const fileNames = computed(() => (model.value ?? []).map(file => {\n      const { name = '', size = 0 } = file\n\n      return !props.showSize\n        ? name\n        : `${name} (${humanReadableFileSize(size, base.value)})`\n    }))\n\n    const counterValue = computed(() => {\n      const fileCount = model.value?.length ?? 0\n      if (props.showSize) return t(props.counterSizeString, fileCount, totalBytesReadable.value)\n      else return t(props.counterString, fileCount)\n    })\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VInput>()\n    const isFocused = ref(false)\n    const inputRef = ref<HTMLInputElement>()\n    const messages = computed(() => {\n      return props.messages.length\n        ? props.messages\n        : (props.persistentHint) ? props.hint : ''\n    })\n    function onFocus () {\n      if (inputRef.value !== document.activeElement) {\n        inputRef.value?.focus()\n      }\n\n      if (!isFocused.value) {\n        isFocused.value = true\n      }\n    }\n    function onClickPrepend (e: MouseEvent) {\n      callEvent(props['onClick:prepend'], e)\n      onControlClick(e)\n    }\n    function onControlClick (e: MouseEvent) {\n      inputRef.value?.click()\n\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        model.value = []\n\n        if (inputRef?.value) {\n          inputRef.value.value = ''\n        }\n\n        callEvent(props['onClick:clear'], e)\n      })\n    }\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || props.counter)\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const [{ modelValue: _, ...inputProps }] = filterInputProps(props)\n      const [fieldProps] = filterFieldProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class=\"v-file-input\"\n          onClick:prepend={ onClickPrepend }\n          onClick:append={ props['onClick:append'] }\n          { ...rootAttrs }\n          { ...inputProps }\n          messages={ messages.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                prepend-icon={ props.prependIcon }\n                onClick:control={ onControlClick }\n                onClick:clear={ onClear }\n                onClick:prependInner={ props['onClick:prependInner'] }\n                onClick:appendInner={ props['onClick:appendInner'] }\n                { ...fieldProps }\n                active={ isDirty.value || isFocused.value }\n                dirty={ isDirty.value }\n                focused={ isFocused.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                  }) => (\n                    <>\n                      <input\n                        ref={ inputRef }\n                        type=\"file\"\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        multiple={ props.multiple }\n                        name={ props.name }\n                        onClick={ e => {\n                          e.stopPropagation()\n\n                          onFocus()\n                        } }\n                        onChange={ e => {\n                          if (!e.target) return\n\n                          const target = e.target as HTMLInputElement\n                          model.value = [...target.files ?? []]\n                        } }\n                        onFocus={ onFocus }\n                        onBlur={ () => (isFocused.value = false) }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n\n                      <div class={ fieldClass }>\n                        { model.value.length > 0 && (\n                          slots.selection ? slots.selection({\n                            fileNames: fileNames.value,\n                            totalBytes: totalBytes.value,\n                            totalBytesReadable: totalBytesReadable.value,\n                          })\n                          : props.chips ? fileNames.value.map(text => (\n                            <VChip\n                              key={ text }\n                              size=\"small\"\n                              color={ props.color }\n                            >{ text }</VChip>\n                          ))\n                          : fileNames.value.join(', ')\n                        )}\n                      </div>\n                    </>\n                  ),\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ !!model.value.length }\n                      value={ counterValue.value }\n                      v-slots={ slots.counter }\n                    />\n                  </>\n                ) }\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, inputRef)\n  },\n})\n\nexport type VFileInput = InstanceType<typeof VFileInput>\n"],"mappings":"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"}

package/lib/components/VFileInput/index.d.ts

@@ -0,0 +1,236 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VFileInput: vue.DefineComponent<{
+    loading: BooleanConstructor;
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    dirty: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    label: StringConstructor;
+    persistentClear: BooleanConstructor;
+    prependInnerIcon: PropType<IconValue>;
+    reverse: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    modelValue: {
+        type: PropType<File[]>;
+        default: () => never[];
+        validator: (val: any) => boolean;
+    };
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: {
+        type: PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    chips: BooleanConstructor;
+    counter: BooleanConstructor;
+    counterSizeString: {
+        type: StringConstructor;
+        default: string;
+    };
+    counterString: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    hint: StringConstructor;
+    persistentHint: BooleanConstructor;
+    placeholder: StringConstructor;
+    showSize: {
+        type: PropType<boolean | 1000 | 1024>;
+        default: boolean;
+        validator: (v: boolean | number) => boolean;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'click:control': (e: MouseEvent) => true;
+    'update:modelValue': (files: File[]) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    loading: BooleanConstructor;
+    theme: StringConstructor;
+    appendInnerIcon: PropType<IconValue>;
+    bgColor: StringConstructor;
+    clearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<IconValue>;
+        default: string;
+    };
+    active: BooleanConstructor;
+    color: StringConstructor;
+    dirty: BooleanConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    label: StringConstructor;
+    persistentClear: BooleanConstructor;
+    prependInnerIcon: PropType<IconValue>;
+    reverse: BooleanConstructor;
+    singleLine: BooleanConstructor;
+    variant: {
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:clear': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:appendInner': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
+    modelValue: {
+        type: PropType<File[]>;
+        default: () => never[];
+        validator: (val: any) => boolean;
+    };
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: {
+        type: PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    chips: BooleanConstructor;
+    counter: BooleanConstructor;
+    counterSizeString: {
+        type: StringConstructor;
+        default: string;
+    };
+    counterString: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    hint: StringConstructor;
+    persistentHint: BooleanConstructor;
+    placeholder: StringConstructor;
+    showSize: {
+        type: PropType<boolean | 1000 | 1024>;
+        default: boolean;
+        validator: (v: boolean | number) => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
+    "onClick:control"?: ((e: MouseEvent) => any) | undefined;
+}, {
+    reverse: boolean;
+    error: boolean;
+    active: boolean;
+    direction: "horizontal" | "vertical";
+    loading: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    readonly: boolean;
+    messages: string | string[];
+    counter: boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
+    modelValue: File[];
+    prependIcon: (string & {}) | IconValue;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    clearIcon: IconValue;
+    clearable: boolean;
+    dirty: boolean;
+    persistentClear: boolean;
+    singleLine: boolean;
+    persistentHint: boolean;
+    chips: boolean;
+    counterSizeString: string;
+    counterString: string;
+    showSize: boolean | 1000 | 1024;
+}>;
+declare type VFileInput = InstanceType<typeof VFileInput>;
+
+export { VFileInput };