840 lines
32 KiB
TypeScript
840 lines
32 KiB
TypeScript
|
import * as vue from 'vue';
|
||
|
|
import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComputedRef, Ref } from 'vue';
|
||
|
|
|
||
|
|
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
|
||
|
|
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
||
|
|
}
|
||
|
|
|
||
|
|
type Tick = {
|
||
|
|
value: number;
|
||
|
|
position: number;
|
||
|
|
label?: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
type VMessageSlot = {
|
||
|
|
message: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
|
||
|
|
declare const IconValue: PropType<IconValue>;
|
||
|
|
|
||
|
|
type Density = null | 'default' | 'comfortable' | 'compact';
|
||
|
|
|
||
|
|
type ValidationResult = string | boolean;
|
||
|
|
type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
|
||
|
|
|
||
|
|
interface VInputSlot {
|
||
|
|
id: ComputedRef<string>;
|
||
|
|
messagesId: 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
declare const VSlider: {
|
||
|
|
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbSize: string | number;
|
||
|
|
} & {
|
||
|
|
id?: string | undefined;
|
||
|
|
name?: string | undefined;
|
||
|
|
color?: string | undefined;
|
||
|
|
label?: string | undefined;
|
||
|
|
class?: any;
|
||
|
|
rounded?: string | number | boolean | undefined;
|
||
|
|
prependIcon?: IconValue | undefined;
|
||
|
|
appendIcon?: IconValue | undefined;
|
||
|
|
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||
|
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
||
|
|
validationValue?: any;
|
||
|
|
hint?: string | undefined;
|
||
|
|
hideDetails?: boolean | "auto" | undefined;
|
||
|
|
trackColor?: string | undefined;
|
||
|
|
trackFillColor?: string | undefined;
|
||
|
|
thumbColor?: string | undefined;
|
||
|
|
thumbLabel?: boolean | "always" | undefined;
|
||
|
|
ticks?: readonly number[] | Record<number, string> | undefined;
|
||
|
|
} & {
|
||
|
|
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
|
||
|
|
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
};
|
||
|
|
'v-slots'?: {
|
||
|
|
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} | undefined;
|
||
|
|
} & {
|
||
|
|
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:thumb-label"?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:tick-label"?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} & {
|
||
|
|
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
|
||
|
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
||
|
|
onEnd?: ((value: number) => any) | undefined;
|
||
|
|
onStart?: ((value: number) => any) | undefined;
|
||
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
||
|
|
'update:focused': (value: boolean) => true;
|
||
|
|
'update:modelValue': (v: number) => true;
|
||
|
|
start: (value: number) => true;
|
||
|
|
end: (value: number) => true;
|
||
|
|
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbSize: string | number;
|
||
|
|
} & {
|
||
|
|
id?: string | undefined;
|
||
|
|
name?: string | undefined;
|
||
|
|
color?: string | undefined;
|
||
|
|
label?: string | undefined;
|
||
|
|
class?: any;
|
||
|
|
rounded?: string | number | boolean | undefined;
|
||
|
|
prependIcon?: IconValue | undefined;
|
||
|
|
appendIcon?: IconValue | undefined;
|
||
|
|
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||
|
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
||
|
|
validationValue?: any;
|
||
|
|
hint?: string | undefined;
|
||
|
|
hideDetails?: boolean | "auto" | undefined;
|
||
|
|
trackColor?: string | undefined;
|
||
|
|
trackFillColor?: string | undefined;
|
||
|
|
thumbColor?: string | undefined;
|
||
|
|
thumbLabel?: boolean | "always" | undefined;
|
||
|
|
ticks?: readonly number[] | Record<number, string> | undefined;
|
||
|
|
} & {
|
||
|
|
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
|
||
|
|
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
};
|
||
|
|
'v-slots'?: {
|
||
|
|
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} | undefined;
|
||
|
|
} & {
|
||
|
|
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:thumb-label"?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:tick-label"?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} & {
|
||
|
|
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
|
||
|
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
||
|
|
onEnd?: ((value: number) => any) | undefined;
|
||
|
|
onStart?: ((value: number) => any) | undefined;
|
||
|
|
}, {
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
rounded: string | number | boolean;
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbLabel: boolean | "always" | undefined;
|
||
|
|
thumbSize: string | number;
|
||
|
|
}, true, {}, vue.SlotsType<Partial<{
|
||
|
|
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
'thumb-label': (arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
'tick-label': (arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
}>>, {
|
||
|
|
P: {};
|
||
|
|
B: {};
|
||
|
|
D: {};
|
||
|
|
C: {};
|
||
|
|
M: {};
|
||
|
|
Defaults: {};
|
||
|
|
}, {
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbSize: string | number;
|
||
|
|
} & {
|
||
|
|
id?: string | undefined;
|
||
|
|
name?: string | undefined;
|
||
|
|
color?: string | undefined;
|
||
|
|
label?: string | undefined;
|
||
|
|
class?: any;
|
||
|
|
rounded?: string | number | boolean | undefined;
|
||
|
|
prependIcon?: IconValue | undefined;
|
||
|
|
appendIcon?: IconValue | undefined;
|
||
|
|
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||
|
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
||
|
|
validationValue?: any;
|
||
|
|
hint?: string | undefined;
|
||
|
|
hideDetails?: boolean | "auto" | undefined;
|
||
|
|
trackColor?: string | undefined;
|
||
|
|
trackFillColor?: string | undefined;
|
||
|
|
thumbColor?: string | undefined;
|
||
|
|
thumbLabel?: boolean | "always" | undefined;
|
||
|
|
ticks?: readonly number[] | Record<number, string> | undefined;
|
||
|
|
} & {
|
||
|
|
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
|
||
|
|
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
};
|
||
|
|
'v-slots'?: {
|
||
|
|
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} | undefined;
|
||
|
|
} & {
|
||
|
|
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:thumb-label"?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:tick-label"?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} & {
|
||
|
|
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
|
||
|
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
||
|
|
onEnd?: ((value: number) => any) | undefined;
|
||
|
|
onStart?: ((value: number) => any) | undefined;
|
||
|
|
}, {}, {}, {}, {}, {
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
rounded: string | number | boolean;
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbLabel: boolean | "always" | undefined;
|
||
|
|
thumbSize: string | number;
|
||
|
|
}>;
|
||
|
|
__isFragment?: undefined;
|
||
|
|
__isTeleport?: undefined;
|
||
|
|
__isSuspense?: undefined;
|
||
|
|
} & vue.ComponentOptionsBase<{
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbSize: string | number;
|
||
|
|
} & {
|
||
|
|
id?: string | undefined;
|
||
|
|
name?: string | undefined;
|
||
|
|
color?: string | undefined;
|
||
|
|
label?: string | undefined;
|
||
|
|
class?: any;
|
||
|
|
rounded?: string | number | boolean | undefined;
|
||
|
|
prependIcon?: IconValue | undefined;
|
||
|
|
appendIcon?: IconValue | undefined;
|
||
|
|
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
|
||
|
|
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
|
||
|
|
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
|
||
|
|
validationValue?: any;
|
||
|
|
hint?: string | undefined;
|
||
|
|
hideDetails?: boolean | "auto" | undefined;
|
||
|
|
trackColor?: string | undefined;
|
||
|
|
trackFillColor?: string | undefined;
|
||
|
|
thumbColor?: string | undefined;
|
||
|
|
thumbLabel?: boolean | "always" | undefined;
|
||
|
|
ticks?: readonly number[] | Record<number, string> | undefined;
|
||
|
|
} & {
|
||
|
|
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
|
||
|
|
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
};
|
||
|
|
'v-slots'?: {
|
||
|
|
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
'thumb-label'?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
'tick-label'?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} | undefined;
|
||
|
|
} & {
|
||
|
|
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:thumb-label"?: false | ((arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:tick-label"?: false | ((arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNodeChild) | undefined;
|
||
|
|
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
|
||
|
|
} & {
|
||
|
|
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
|
||
|
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
||
|
|
onEnd?: ((value: number) => any) | undefined;
|
||
|
|
onStart?: ((value: number) => any) | undefined;
|
||
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
||
|
|
'update:focused': (value: boolean) => true;
|
||
|
|
'update:modelValue': (v: number) => true;
|
||
|
|
start: (value: number) => true;
|
||
|
|
end: (value: number) => true;
|
||
|
|
}, string, {
|
||
|
|
reverse: boolean;
|
||
|
|
max: string | number;
|
||
|
|
error: boolean;
|
||
|
|
min: string | number;
|
||
|
|
direction: "horizontal" | "vertical";
|
||
|
|
style: vue.StyleValue;
|
||
|
|
disabled: boolean | null;
|
||
|
|
readonly: boolean | null;
|
||
|
|
step: string | number;
|
||
|
|
elevation: NonNullable<string | number>;
|
||
|
|
messages: string | readonly string[];
|
||
|
|
rounded: string | number | boolean;
|
||
|
|
density: Density;
|
||
|
|
modelValue: string | number;
|
||
|
|
ripple: boolean;
|
||
|
|
focused: boolean;
|
||
|
|
errorMessages: string | readonly string[] | null;
|
||
|
|
maxErrors: string | number;
|
||
|
|
rules: readonly ValidationRule[];
|
||
|
|
centerAffix: boolean;
|
||
|
|
hideSpinButtons: boolean;
|
||
|
|
persistentHint: boolean;
|
||
|
|
showTicks: boolean | "always";
|
||
|
|
tickSize: string | number;
|
||
|
|
trackSize: string | number;
|
||
|
|
thumbLabel: boolean | "always" | undefined;
|
||
|
|
thumbSize: string | number;
|
||
|
|
}, {}, string, vue.SlotsType<Partial<{
|
||
|
|
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
'thumb-label': (arg: {
|
||
|
|
modelValue: number;
|
||
|
|
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
'tick-label': (arg: {
|
||
|
|
tick: Tick;
|
||
|
|
index: number;
|
||
|
|
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||
|
|
[key: string]: any;
|
||
|
|
}>[];
|
||
|
|
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
|
||
|
|
modelValue: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
focused: BooleanConstructor;
|
||
|
|
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
|
||
|
|
disabled: {
|
||
|
|
type: vue.PropType<boolean | null>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
error: BooleanConstructor;
|
||
|
|
errorMessages: {
|
||
|
|
type: vue.PropType<string | readonly string[] | null>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
maxErrors: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
name: StringConstructor;
|
||
|
|
label: StringConstructor;
|
||
|
|
readonly: {
|
||
|
|
type: vue.PropType<boolean | null>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
rules: {
|
||
|
|
type: vue.PropType<readonly ValidationRule[]>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
|
||
|
|
validationValue: null;
|
||
|
|
density: {
|
||
|
|
type: vue.PropType<Density>;
|
||
|
|
default: string;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
class: vue.PropType<any>;
|
||
|
|
style: {
|
||
|
|
type: vue.PropType<vue.StyleValue>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
id: StringConstructor;
|
||
|
|
appendIcon: vue.PropType<IconValue>;
|
||
|
|
centerAffix: {
|
||
|
|
type: BooleanConstructor;
|
||
|
|
default: boolean;
|
||
|
|
};
|
||
|
|
prependIcon: vue.PropType<IconValue>;
|
||
|
|
hideDetails: vue.PropType<boolean | "auto">;
|
||
|
|
hideSpinButtons: BooleanConstructor;
|
||
|
|
hint: StringConstructor;
|
||
|
|
persistentHint: BooleanConstructor;
|
||
|
|
messages: {
|
||
|
|
type: vue.PropType<string | readonly string[]>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
direction: {
|
||
|
|
type: vue.PropType<"horizontal" | "vertical">;
|
||
|
|
default: string;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
|
||
|
|
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
|
||
|
|
ripple: {
|
||
|
|
type: BooleanConstructor;
|
||
|
|
default: boolean;
|
||
|
|
};
|
||
|
|
elevation: Omit<{
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
validator(v: any): boolean;
|
||
|
|
}, "type" | "default"> & {
|
||
|
|
type: vue.PropType<NonNullable<string | number>>;
|
||
|
|
default: NonNullable<string | number>;
|
||
|
|
};
|
||
|
|
rounded: {
|
||
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
||
|
|
default: undefined;
|
||
|
|
};
|
||
|
|
max: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
min: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
step: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
thumbColor: StringConstructor;
|
||
|
|
thumbLabel: {
|
||
|
|
type: vue.PropType<boolean | "always" | undefined>;
|
||
|
|
default: undefined;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
thumbSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
showTicks: {
|
||
|
|
type: vue.PropType<boolean | "always">;
|
||
|
|
default: boolean;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
ticks: {
|
||
|
|
type: vue.PropType<readonly number[] | Record<number, string>>;
|
||
|
|
};
|
||
|
|
tickSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
color: StringConstructor;
|
||
|
|
trackColor: StringConstructor;
|
||
|
|
trackFillColor: StringConstructor;
|
||
|
|
trackSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
reverse: BooleanConstructor;
|
||
|
|
}, vue.ExtractPropTypes<{
|
||
|
|
modelValue: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
focused: BooleanConstructor;
|
||
|
|
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
|
||
|
|
disabled: {
|
||
|
|
type: vue.PropType<boolean | null>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
error: BooleanConstructor;
|
||
|
|
errorMessages: {
|
||
|
|
type: vue.PropType<string | readonly string[] | null>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
maxErrors: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
name: StringConstructor;
|
||
|
|
label: StringConstructor;
|
||
|
|
readonly: {
|
||
|
|
type: vue.PropType<boolean | null>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
rules: {
|
||
|
|
type: vue.PropType<readonly ValidationRule[]>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
|
||
|
|
validationValue: null;
|
||
|
|
density: {
|
||
|
|
type: vue.PropType<Density>;
|
||
|
|
default: string;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
class: vue.PropType<any>;
|
||
|
|
style: {
|
||
|
|
type: vue.PropType<vue.StyleValue>;
|
||
|
|
default: null;
|
||
|
|
};
|
||
|
|
id: StringConstructor;
|
||
|
|
appendIcon: vue.PropType<IconValue>;
|
||
|
|
centerAffix: {
|
||
|
|
type: BooleanConstructor;
|
||
|
|
default: boolean;
|
||
|
|
};
|
||
|
|
prependIcon: vue.PropType<IconValue>;
|
||
|
|
hideDetails: vue.PropType<boolean | "auto">;
|
||
|
|
hideSpinButtons: BooleanConstructor;
|
||
|
|
hint: StringConstructor;
|
||
|
|
persistentHint: BooleanConstructor;
|
||
|
|
messages: {
|
||
|
|
type: vue.PropType<string | readonly string[]>;
|
||
|
|
default: () => never[];
|
||
|
|
};
|
||
|
|
direction: {
|
||
|
|
type: vue.PropType<"horizontal" | "vertical">;
|
||
|
|
default: string;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
|
||
|
|
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
|
||
|
|
ripple: {
|
||
|
|
type: BooleanConstructor;
|
||
|
|
default: boolean;
|
||
|
|
};
|
||
|
|
elevation: Omit<{
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
validator(v: any): boolean;
|
||
|
|
}, "type" | "default"> & {
|
||
|
|
type: vue.PropType<NonNullable<string | number>>;
|
||
|
|
default: NonNullable<string | number>;
|
||
|
|
};
|
||
|
|
rounded: {
|
||
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
||
|
|
default: undefined;
|
||
|
|
};
|
||
|
|
max: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
min: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
step: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
thumbColor: StringConstructor;
|
||
|
|
thumbLabel: {
|
||
|
|
type: vue.PropType<boolean | "always" | undefined>;
|
||
|
|
default: undefined;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
thumbSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
showTicks: {
|
||
|
|
type: vue.PropType<boolean | "always">;
|
||
|
|
default: boolean;
|
||
|
|
validator: (v: any) => boolean;
|
||
|
|
};
|
||
|
|
ticks: {
|
||
|
|
type: vue.PropType<readonly number[] | Record<number, string>>;
|
||
|
|
};
|
||
|
|
tickSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
color: StringConstructor;
|
||
|
|
trackColor: StringConstructor;
|
||
|
|
trackFillColor: StringConstructor;
|
||
|
|
trackSize: {
|
||
|
|
type: (StringConstructor | NumberConstructor)[];
|
||
|
|
default: number;
|
||
|
|
};
|
||
|
|
reverse: BooleanConstructor;
|
||
|
|
}>>;
|
||
|
|
type VSlider = InstanceType<typeof VSlider>;
|
||
|
|
|
||
|
|
export { VSlider };
|