routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+580
@@ -0,0 +1,580 @@
|
||||
|
||||
import { IconValue } from '../../composables/icons.js';
|
||||
import type { ComputedRef, PropType, Ref } from 'vue';
|
||||
import type { ClassValue } from '../../composables/component.js';
|
||||
import type { LoaderSlotProps } from '../../composables/loader.js';
|
||||
import type { GenericProps } from '../../util/index.js';
|
||||
declare const allowedVariants: readonly ['underlined', 'outlined', 'filled', 'solo', 'solo-inverted', 'solo-filled', 'plain'];
|
||||
type Variant = (typeof allowedVariants)[number];
|
||||
export interface DefaultInputSlot {
|
||||
isActive: Ref<boolean>;
|
||||
isFocused: Ref<boolean>;
|
||||
iconColor: ComputedRef<string | undefined>;
|
||||
controlRef: Ref<HTMLElement | undefined>;
|
||||
focus: () => void;
|
||||
blur: () => void;
|
||||
}
|
||||
export interface VFieldSlot extends DefaultInputSlot {
|
||||
props: Record<string, unknown> & {
|
||||
class?: ClassValue;
|
||||
};
|
||||
}
|
||||
export declare const makeVFieldProps: <Defaults extends {
|
||||
theme?: unknown;
|
||||
class?: unknown;
|
||||
style?: unknown;
|
||||
rounded?: unknown;
|
||||
tile?: unknown;
|
||||
loading?: unknown;
|
||||
appendInnerIcon?: unknown;
|
||||
bgColor?: unknown;
|
||||
clearable?: unknown;
|
||||
clearIcon?: unknown;
|
||||
active?: unknown;
|
||||
centerAffix?: unknown;
|
||||
color?: unknown;
|
||||
baseColor?: unknown;
|
||||
dirty?: unknown;
|
||||
disabled?: unknown;
|
||||
glow?: unknown;
|
||||
error?: unknown;
|
||||
flat?: unknown;
|
||||
iconColor?: unknown;
|
||||
label?: unknown;
|
||||
persistentClear?: unknown;
|
||||
prependInnerIcon?: unknown;
|
||||
reverse?: unknown;
|
||||
singleLine?: unknown;
|
||||
variant?: unknown;
|
||||
'onClick:clear'?: unknown;
|
||||
'onClick:appendInner'?: unknown;
|
||||
'onClick:prependInner'?: unknown;
|
||||
} = {}>(defaults?: Defaults | undefined) => {
|
||||
theme: unknown extends Defaults["theme"] ? StringConstructor : {
|
||||
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
|
||||
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
|
||||
};
|
||||
class: unknown extends Defaults["class"] ? PropType<any> : {
|
||||
type: PropType<unknown extends Defaults["class"] ? any : any>;
|
||||
default: unknown extends Defaults["class"] ? any : any;
|
||||
};
|
||||
style: unknown extends Defaults["style"] ? {
|
||||
type: PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | import("vue").StyleValue>;
|
||||
default: unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | NonNullable<import("vue").StyleValue>;
|
||||
};
|
||||
rounded: unknown extends Defaults["rounded"] ? {
|
||||
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
|
||||
default: undefined;
|
||||
} : Omit<{
|
||||
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
|
||||
default: undefined;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
|
||||
default: unknown extends Defaults["rounded"] ? string | number | boolean : Defaults["rounded"] | NonNullable<string | number | boolean>;
|
||||
};
|
||||
tile: unknown extends Defaults["tile"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
|
||||
default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
|
||||
};
|
||||
loading: unknown extends Defaults["loading"] ? (BooleanConstructor | StringConstructor)[] : {
|
||||
type: PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
|
||||
default: unknown extends Defaults["loading"] ? string | boolean : Defaults["loading"] | NonNullable<string | boolean>;
|
||||
};
|
||||
appendInnerIcon: unknown extends Defaults["appendInnerIcon"] ? PropType<IconValue> : {
|
||||
type: PropType<unknown extends Defaults["appendInnerIcon"] ? IconValue : Defaults["appendInnerIcon"] | IconValue>;
|
||||
default: unknown extends Defaults["appendInnerIcon"] ? IconValue : Defaults["appendInnerIcon"] | NonNullable<IconValue>;
|
||||
};
|
||||
bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : {
|
||||
type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
|
||||
default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
|
||||
};
|
||||
clearable: unknown extends Defaults["clearable"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"]>;
|
||||
default: unknown extends Defaults["clearable"] ? boolean : boolean | Defaults["clearable"];
|
||||
};
|
||||
clearIcon: unknown extends Defaults["clearIcon"] ? {
|
||||
type: PropType<IconValue>;
|
||||
default: string;
|
||||
} : Omit<{
|
||||
type: PropType<IconValue>;
|
||||
default: string;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["clearIcon"] ? IconValue : Defaults["clearIcon"] | IconValue>;
|
||||
default: unknown extends Defaults["clearIcon"] ? IconValue : Defaults["clearIcon"] | NonNullable<IconValue>;
|
||||
};
|
||||
active: unknown extends Defaults["active"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
|
||||
default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
|
||||
};
|
||||
centerAffix: unknown extends Defaults["centerAffix"] ? {
|
||||
type: BooleanConstructor;
|
||||
default: undefined;
|
||||
} : Omit<{
|
||||
type: BooleanConstructor;
|
||||
default: undefined;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"]>;
|
||||
default: unknown extends Defaults["centerAffix"] ? boolean : boolean | Defaults["centerAffix"];
|
||||
};
|
||||
color: unknown extends Defaults["color"] ? StringConstructor : {
|
||||
type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
|
||||
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
|
||||
};
|
||||
baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
|
||||
type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
|
||||
default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
|
||||
};
|
||||
dirty: unknown extends Defaults["dirty"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"]>;
|
||||
default: unknown extends Defaults["dirty"] ? boolean : boolean | Defaults["dirty"];
|
||||
};
|
||||
disabled: unknown extends Defaults["disabled"] ? {
|
||||
type: BooleanConstructor;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: BooleanConstructor;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
|
||||
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
|
||||
};
|
||||
glow: unknown extends Defaults["glow"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"]>;
|
||||
default: unknown extends Defaults["glow"] ? boolean : boolean | Defaults["glow"];
|
||||
};
|
||||
error: unknown extends Defaults["error"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
|
||||
default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"];
|
||||
};
|
||||
flat: unknown extends Defaults["flat"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"]>;
|
||||
default: unknown extends Defaults["flat"] ? boolean : boolean | Defaults["flat"];
|
||||
};
|
||||
iconColor: unknown extends Defaults["iconColor"] ? (BooleanConstructor | StringConstructor)[] : {
|
||||
type: PropType<unknown extends Defaults["iconColor"] ? string | boolean : string | boolean | Defaults["iconColor"]>;
|
||||
default: unknown extends Defaults["iconColor"] ? string | boolean : Defaults["iconColor"] | NonNullable<string | boolean>;
|
||||
};
|
||||
label: unknown extends Defaults["label"] ? StringConstructor : {
|
||||
type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
|
||||
default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
|
||||
};
|
||||
persistentClear: unknown extends Defaults["persistentClear"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"]>;
|
||||
default: unknown extends Defaults["persistentClear"] ? boolean : boolean | Defaults["persistentClear"];
|
||||
};
|
||||
prependInnerIcon: unknown extends Defaults["prependInnerIcon"] ? PropType<IconValue> : {
|
||||
type: PropType<unknown extends Defaults["prependInnerIcon"] ? IconValue : Defaults["prependInnerIcon"] | IconValue>;
|
||||
default: unknown extends Defaults["prependInnerIcon"] ? IconValue : Defaults["prependInnerIcon"] | NonNullable<IconValue>;
|
||||
};
|
||||
reverse: unknown extends Defaults["reverse"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"]>;
|
||||
default: unknown extends Defaults["reverse"] ? boolean : boolean | Defaults["reverse"];
|
||||
};
|
||||
singleLine: unknown extends Defaults["singleLine"] ? BooleanConstructor : {
|
||||
type: PropType<unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"]>;
|
||||
default: unknown extends Defaults["singleLine"] ? boolean : boolean | Defaults["singleLine"];
|
||||
};
|
||||
variant: unknown extends Defaults["variant"] ? {
|
||||
type: PropType<Variant>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
} : Omit<{
|
||||
type: PropType<Variant>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
}, "default" | "type"> & {
|
||||
type: PropType<unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" : "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" | Defaults["variant"]>;
|
||||
default: unknown extends Defaults["variant"] ? "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined" : Defaults["variant"] | NonNullable<"filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined">;
|
||||
};
|
||||
'onClick:clear': unknown extends Defaults["onClick:clear"] ? PropType<(args_0: MouseEvent) => void> : {
|
||||
type: PropType<unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"]>;
|
||||
default: unknown extends Defaults["onClick:clear"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:clear"];
|
||||
};
|
||||
'onClick:appendInner': unknown extends Defaults["onClick:appendInner"] ? PropType<(args_0: MouseEvent) => void> : {
|
||||
type: PropType<unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"]>;
|
||||
default: unknown extends Defaults["onClick:appendInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:appendInner"];
|
||||
};
|
||||
'onClick:prependInner': unknown extends Defaults["onClick:prependInner"] ? PropType<(args_0: MouseEvent) => void> : {
|
||||
type: PropType<unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"]>;
|
||||
default: unknown extends Defaults["onClick:prependInner"] ? (args_0: MouseEvent) => void : ((args_0: MouseEvent) => void) | Defaults["onClick:prependInner"];
|
||||
};
|
||||
};
|
||||
export type VFieldSlots = {
|
||||
clear: DefaultInputSlot & {
|
||||
props: Record<string, any>;
|
||||
};
|
||||
'prepend-inner': DefaultInputSlot;
|
||||
'append-inner': DefaultInputSlot;
|
||||
label: DefaultInputSlot & {
|
||||
label: string | undefined;
|
||||
props: Record<string, any>;
|
||||
};
|
||||
loader: LoaderSlotProps;
|
||||
default: VFieldSlot;
|
||||
};
|
||||
export declare const VField: {
|
||||
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
focused: boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
rounded?: string | number | boolean | undefined;
|
||||
loading?: string | boolean | undefined;
|
||||
appendInnerIcon?: IconValue | undefined;
|
||||
bgColor?: string | undefined;
|
||||
centerAffix?: boolean | undefined;
|
||||
color?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
iconColor?: string | boolean | undefined;
|
||||
label?: string | undefined;
|
||||
prependInnerIcon?: IconValue | undefined;
|
||||
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
id?: string | undefined;
|
||||
labelId?: string | undefined;
|
||||
} & {
|
||||
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
||||
}, {
|
||||
controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
||||
fieldIconColor: ComputedRef<string | undefined>;
|
||||
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
|
||||
'update:focused': (focused: boolean) => true;
|
||||
'update:modelValue': (value: any) => true;
|
||||
}, "$children" | "modelValue" | "update:modelValue" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:default" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "v-slots">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
|
||||
style: import("vue").StyleValue;
|
||||
focused: boolean;
|
||||
rounded: string | number | boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
centerAffix: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
}, true, {}, import("vue").SlotsType<Partial<{
|
||||
clear: (arg: DefaultInputSlot & {
|
||||
props: Record<string, any>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
'prepend-inner': (arg: DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
'append-inner': (arg: DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
label: (arg: DefaultInputSlot & {
|
||||
label: string | undefined;
|
||||
props: Record<string, any>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
loader: (arg: LoaderSlotProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
default: (arg: VFieldSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
||||
P: {};
|
||||
B: {};
|
||||
D: {};
|
||||
C: {};
|
||||
M: {};
|
||||
Defaults: {};
|
||||
}, {
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
focused: boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
rounded?: string | number | boolean | undefined;
|
||||
loading?: string | boolean | undefined;
|
||||
appendInnerIcon?: IconValue | undefined;
|
||||
bgColor?: string | undefined;
|
||||
centerAffix?: boolean | undefined;
|
||||
color?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
iconColor?: string | boolean | undefined;
|
||||
label?: string | undefined;
|
||||
prependInnerIcon?: IconValue | undefined;
|
||||
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
id?: string | undefined;
|
||||
labelId?: string | undefined;
|
||||
} & {
|
||||
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
||||
}, {
|
||||
controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
||||
fieldIconColor: ComputedRef<string | undefined>;
|
||||
}, {}, {}, {}, {
|
||||
style: import("vue").StyleValue;
|
||||
focused: boolean;
|
||||
rounded: string | number | boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
centerAffix: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
}>;
|
||||
__isFragment?: never;
|
||||
__isTeleport?: never;
|
||||
__isSuspense?: never;
|
||||
} & import("vue").ComponentOptionsBase<{
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
focused: boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||||
rounded?: string | number | boolean | undefined;
|
||||
loading?: string | boolean | undefined;
|
||||
appendInnerIcon?: IconValue | undefined;
|
||||
bgColor?: string | undefined;
|
||||
centerAffix?: boolean | undefined;
|
||||
color?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
iconColor?: string | boolean | undefined;
|
||||
label?: string | undefined;
|
||||
prependInnerIcon?: IconValue | undefined;
|
||||
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
|
||||
id?: string | undefined;
|
||||
labelId?: string | undefined;
|
||||
} & {
|
||||
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
||||
}, {
|
||||
controlRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
||||
fieldIconColor: ComputedRef<string | undefined>;
|
||||
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
|
||||
'update:focused': (focused: boolean) => true;
|
||||
'update:modelValue': (value: any) => true;
|
||||
}, "$children" | "modelValue" | "update:modelValue" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:default" | "v-slot:label" | "v-slot:loader" | "v-slot:prepend-inner" | "v-slots">, string, {
|
||||
style: import("vue").StyleValue;
|
||||
focused: boolean;
|
||||
rounded: string | number | boolean;
|
||||
tile: boolean;
|
||||
clearable: boolean;
|
||||
clearIcon: IconValue;
|
||||
active: boolean;
|
||||
centerAffix: boolean;
|
||||
dirty: boolean;
|
||||
disabled: boolean;
|
||||
glow: boolean;
|
||||
error: boolean;
|
||||
flat: boolean;
|
||||
persistentClear: boolean;
|
||||
reverse: boolean;
|
||||
singleLine: boolean;
|
||||
variant: "filled" | "outlined" | "plain" | "solo" | "solo-filled" | "solo-inverted" | "underlined";
|
||||
details: boolean;
|
||||
}, {}, string, import("vue").SlotsType<Partial<{
|
||||
clear: (arg: DefaultInputSlot & {
|
||||
props: Record<string, any>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
'prepend-inner': (arg: DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
'append-inner': (arg: DefaultInputSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
label: (arg: DefaultInputSlot & {
|
||||
label: string | undefined;
|
||||
props: Record<string, any>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
loader: (arg: LoaderSlotProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
default: (arg: VFieldSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <T>(props: {
|
||||
modelValue?: T;
|
||||
'onUpdate:modelValue'?: (value: T) => void;
|
||||
}, slots: VFieldSlots) => GenericProps<typeof props, typeof slots>) & import("../../util/index.js").FilterPropsOptions<{
|
||||
theme: StringConstructor;
|
||||
class: PropType<ClassValue>;
|
||||
style: {
|
||||
type: PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
focused: BooleanConstructor;
|
||||
'onUpdate:focused': PropType<(args_0: boolean) => void>;
|
||||
rounded: {
|
||||
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
|
||||
default: undefined;
|
||||
};
|
||||
tile: BooleanConstructor;
|
||||
loading: (BooleanConstructor | StringConstructor)[];
|
||||
appendInnerIcon: PropType<IconValue>;
|
||||
bgColor: StringConstructor;
|
||||
clearable: BooleanConstructor;
|
||||
clearIcon: {
|
||||
type: PropType<IconValue>;
|
||||
default: string;
|
||||
};
|
||||
active: BooleanConstructor;
|
||||
centerAffix: {
|
||||
type: BooleanConstructor;
|
||||
default: undefined;
|
||||
};
|
||||
color: StringConstructor;
|
||||
baseColor: StringConstructor;
|
||||
dirty: BooleanConstructor;
|
||||
disabled: {
|
||||
type: BooleanConstructor;
|
||||
default: null;
|
||||
};
|
||||
glow: BooleanConstructor;
|
||||
error: BooleanConstructor;
|
||||
flat: BooleanConstructor;
|
||||
iconColor: (BooleanConstructor | StringConstructor)[];
|
||||
label: StringConstructor;
|
||||
persistentClear: BooleanConstructor;
|
||||
prependInnerIcon: PropType<IconValue>;
|
||||
reverse: BooleanConstructor;
|
||||
singleLine: BooleanConstructor;
|
||||
variant: {
|
||||
type: PropType<Variant>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
};
|
||||
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
|
||||
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
|
||||
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
|
||||
id: StringConstructor;
|
||||
details: BooleanConstructor;
|
||||
labelId: StringConstructor;
|
||||
}, import("vue").ExtractPropTypes<{
|
||||
theme: StringConstructor;
|
||||
class: PropType<ClassValue>;
|
||||
style: {
|
||||
type: PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
focused: BooleanConstructor;
|
||||
'onUpdate:focused': PropType<(args_0: boolean) => void>;
|
||||
rounded: {
|
||||
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
|
||||
default: undefined;
|
||||
};
|
||||
tile: BooleanConstructor;
|
||||
loading: (BooleanConstructor | StringConstructor)[];
|
||||
appendInnerIcon: PropType<IconValue>;
|
||||
bgColor: StringConstructor;
|
||||
clearable: BooleanConstructor;
|
||||
clearIcon: {
|
||||
type: PropType<IconValue>;
|
||||
default: string;
|
||||
};
|
||||
active: BooleanConstructor;
|
||||
centerAffix: {
|
||||
type: BooleanConstructor;
|
||||
default: undefined;
|
||||
};
|
||||
color: StringConstructor;
|
||||
baseColor: StringConstructor;
|
||||
dirty: BooleanConstructor;
|
||||
disabled: {
|
||||
type: BooleanConstructor;
|
||||
default: null;
|
||||
};
|
||||
glow: BooleanConstructor;
|
||||
error: BooleanConstructor;
|
||||
flat: BooleanConstructor;
|
||||
iconColor: (BooleanConstructor | StringConstructor)[];
|
||||
label: StringConstructor;
|
||||
persistentClear: BooleanConstructor;
|
||||
prependInnerIcon: PropType<IconValue>;
|
||||
reverse: BooleanConstructor;
|
||||
singleLine: BooleanConstructor;
|
||||
variant: {
|
||||
type: PropType<Variant>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
};
|
||||
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
|
||||
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
|
||||
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
|
||||
id: StringConstructor;
|
||||
details: BooleanConstructor;
|
||||
labelId: StringConstructor;
|
||||
}>>;
|
||||
export type VField = InstanceType<typeof VField>;
|
||||
|
||||
Reference in New Issue
Block a user