Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
package.lib.components.VAlert.index.d.mts Maven / Gradle / Ivy
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue';
type Density = null | 'default' | 'comfortable' | 'compact';
declare const block: readonly ["top", "bottom"];
declare const inline: readonly ["start", "end", "left", "right"];
type Tblock = typeof block[number];
type Tinline = typeof inline[number];
type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
interface FilterPropsOptions, Props = ExtractPropTypes> {
filterProps, U extends Exclude>>(props: T): Partial>;
}
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType;
declare const allowedTypes: readonly ["success", "info", "warning", "error"];
type ContextualType = typeof allowedTypes[number];
declare const VAlert: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
class?: any;
title?: string | undefined;
text?: string | undefined;
type?: "error" | "success" | "warning" | "info" | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
color?: string | undefined;
border?: boolean | "end" | "top" | "bottom" | "start" | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
location?: Anchor | undefined;
borderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
class?: any;
title?: string | undefined;
text?: string | undefined;
type?: "error" | "success" | "warning" | "info" | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
color?: string | undefined;
border?: boolean | "end" | "top" | "bottom" | "start" | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
location?: Anchor | undefined;
borderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, {
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, true, {}, vue.SlotsType vue.VNode[];
prepend: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
append: () => vue.VNode[];
close: (arg: {
props: Record;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
class?: any;
title?: string | undefined;
text?: string | undefined;
type?: "error" | "success" | "warning" | "info" | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
color?: string | undefined;
border?: boolean | "end" | "top" | "bottom" | "start" | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
location?: Anchor | undefined;
borderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
class?: any;
title?: string | undefined;
text?: string | undefined;
type?: "error" | "success" | "warning" | "info" | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
color?: string | undefined;
border?: boolean | "end" | "top" | "bottom" | "start" | undefined;
position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
rounded?: string | number | boolean | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
location?: Anchor | undefined;
borderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
}, string, {
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, {}, string, vue.SlotsType vue.VNode[];
prepend: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
append: () => vue.VNode[];
close: (arg: {
props: Record;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType;
default: string;
validator: (v: any) => boolean;
};
class: PropType;
style: {
type: PropType;
default: null;
};
border: {
type: PropType;
validator: (val: boolean | string) => boolean;
};
borderColor: StringConstructor;
closable: BooleanConstructor;
closeIcon: {
type: PropType;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
icon: {
type: PropType;
default: null;
};
modelValue: {
type: BooleanConstructor;
default: boolean;
};
prominent: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
type: {
type: PropType<"error" | "success" | "warning" | "info">;
validator: (val: ContextualType) => boolean;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType;
default: string;
validator: (v: any) => boolean;
};
class: PropType;
style: {
type: PropType;
default: null;
};
border: {
type: PropType;
validator: (val: boolean | string) => boolean;
};
borderColor: StringConstructor;
closable: BooleanConstructor;
closeIcon: {
type: PropType;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
icon: {
type: PropType;
default: null;
};
modelValue: {
type: BooleanConstructor;
default: boolean;
};
prominent: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
type: {
type: PropType<"error" | "success" | "warning" | "info">;
validator: (val: ContextualType) => boolean;
};
}>>;
type VAlert = InstanceType;
declare const VAlertTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VAlertTitle = InstanceType;
export { VAlert, VAlertTitle };
