All Downloads are FREE. Search and download functionalities are using the official Maven repository.
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.VRating.index.d.mts Maven / Gradle / Ivy
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, Prop } from 'vue';
interface FilterPropsOptions, Props = ExtractPropTypes> {
filterProps, U extends Exclude>>(props: T): Partial>;
}
type Density = null | 'default' | 'comfortable' | 'compact';
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType;
type VRatingItemSlot = {
value: number;
index: number;
isFilled: boolean;
isHovered: boolean;
icon: IconValue;
color?: string;
props: Record;
rating: number;
};
type VRatingItemLabelSlot = {
value: number;
index: number;
label?: string;
};
declare const VRating: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
class?: any;
theme?: string | undefined;
color?: string | undefined;
name?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number | string) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
class?: any;
theme?: string | undefined;
color?: string | undefined;
name?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}, true, {}, vue.SlotsType vue.VNode[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
class?: any;
theme?: string | undefined;
color?: string | undefined;
name?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, {}, {}, {}, {
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
class?: any;
theme?: string | undefined;
color?: string | undefined;
name?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number | string) => boolean;
}, string, {
length: string | number;
style: vue.StyleValue;
size: string | number;
disabled: boolean;
tag: string;
readonly: boolean;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}, {}, string, vue.SlotsType vue.VNode[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
density: {
type: vue.PropType;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
name: StringConstructor;
itemAriaLabel: {
type: StringConstructor;
default: string;
};
activeColor: StringConstructor;
color: StringConstructor;
clearable: BooleanConstructor;
disabled: BooleanConstructor;
emptyIcon: {
type: vue.PropType;
default: string;
};
fullIcon: {
type: vue.PropType;
default: string;
};
halfIncrements: BooleanConstructor;
hover: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
readonly: BooleanConstructor;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemLabels: Prop;
itemLabelPosition: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
ripple: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
density: {
type: vue.PropType;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType;
style: {
type: vue.PropType;
default: null;
};
name: StringConstructor;
itemAriaLabel: {
type: StringConstructor;
default: string;
};
activeColor: StringConstructor;
color: StringConstructor;
clearable: BooleanConstructor;
disabled: BooleanConstructor;
emptyIcon: {
type: vue.PropType;
default: string;
};
fullIcon: {
type: vue.PropType;
default: string;
};
halfIncrements: BooleanConstructor;
hover: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
readonly: BooleanConstructor;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemLabels: Prop;
itemLabelPosition: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
ripple: BooleanConstructor;
}>>;
type VRating = InstanceType;
export { VRating };
