vuestic-ui
Version:
Vue 3 UI Framework
529 lines (528 loc) • 21.5 kB
TypeScript
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
stickToEdges: {
type: BooleanConstructor;
default: boolean;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
modelValue: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
offset: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
default: import("../va-dropdown/types").DropdownOffsetProp | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerAnchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnContentClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
keyboardNavigation: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
options: {
type: import("vue").PropType<import("../va-menu-list/types").VaMenuOption[]>;
required: true;
default: import("../va-menu-list/types").VaMenuOption[] | undefined;
};
textBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
valueBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
trackBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
disabledBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
groupBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
onSelected: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}, {
close: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
close: (...args: any[]) => void;
"update:modelValue": (...args: any[]) => void;
open: (...args: any[]) => void;
"click-outside": (...args: any[]) => void;
"anchor-click": (...args: any[]) => void;
"anchor-right-click": (...args: any[]) => void;
"content-click": (...args: any[]) => void;
"focus-outside": (...args: any[]) => void;
"anchor-dblclick": (...args: any[]) => void;
selected: (...args: any[]) => void;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
stickToEdges: {
type: BooleanConstructor;
default: boolean;
};
onClose: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchor: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
"onUpdate:modelValue": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
modelValue: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
stateful: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
target: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
disabled: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
onOpen: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onClick-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
ariaLabel: {
type: import("vue").PropType<NonNullable<import("../../composables").TranslationProp | undefined>>;
required: true;
default: import("../../composables").TranslationProp | undefined;
};
placement: {
type: import("vue").PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>;
required: true;
default: import("../../composables").PlacementWithAlias | undefined;
};
offset: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>;
required: true;
default: import("../va-dropdown/types").DropdownOffsetProp | undefined;
};
role: {
type: import("vue").PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>;
required: true;
default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined;
};
"onAnchor-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-right-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onContent-click": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onFocus-outside": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
"onAnchor-dblclick": {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
anchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
innerAnchorSelector: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
trigger: {
type: import("vue").PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>;
required: true;
default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined;
};
readonly: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnClickOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnFocusOutside: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnAnchorClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
closeOnContentClick: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
hoverOverTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
hoverOutTimeout: {
type: import("vue").PropType<NonNullable<string | number | undefined>>;
required: true;
default: string | number | undefined;
};
isContentHoverable: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
keepAnchorWidth: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
verticalScrollOnOverflow: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
cursor: {
type: import("vue").PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>;
required: true;
default: boolean | import("../va-dropdown/types").CursorAnchor | undefined;
};
autoPlacement: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
teleport: {
type: import("vue").PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>;
required: true;
default: import("../../composables").MaybeHTMLElementOrSelector;
};
keyboardNavigation: {
type: import("vue").PropType<NonNullable<boolean | undefined>>;
required: true;
default: boolean | undefined;
};
contentClass: {
type: import("vue").PropType<string>;
required: true;
default: string | undefined;
};
options: {
type: import("vue").PropType<import("../va-menu-list/types").VaMenuOption[]>;
required: true;
default: import("../va-menu-list/types").VaMenuOption[] | undefined;
};
textBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
valueBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
trackBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
disabledBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
groupBy: {
type: import("vue").PropType<NonNullable<import("../../composables").StringOrFunction | undefined>>;
required: true;
default: import("../../composables").StringOrFunction | undefined;
};
onSelected: {
type: import("vue").PropType<(...args: any[]) => any>;
required: true;
default: ((...args: any[]) => any) | undefined;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>> & {
onClose?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onOpen?: ((...args: any[]) => any) | undefined;
"onClick-outside"?: ((...args: any[]) => any) | undefined;
"onAnchor-click"?: ((...args: any[]) => any) | undefined;
"onAnchor-right-click"?: ((...args: any[]) => any) | undefined;
"onContent-click"?: ((...args: any[]) => any) | undefined;
"onFocus-outside"?: ((...args: any[]) => any) | undefined;
"onAnchor-dblclick"?: ((...args: any[]) => any) | undefined;
onSelected?: ((...args: any[]) => any) | undefined;
}, {
onClose: (...args: any[]) => any;
anchor: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
options: import("../va-menu-list/types").VaMenuOption[];
"onUpdate:modelValue": (...args: any[]) => any;
modelValue: NonNullable<boolean | undefined>;
stateful: NonNullable<boolean | undefined>;
preset: import("../../composables").PresetPropValue;
target: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
disabled: NonNullable<boolean | undefined>;
onOpen: (...args: any[]) => any;
"onClick-outside": (...args: any[]) => any;
ariaLabel: NonNullable<import("../../composables").TranslationProp | undefined>;
placement: NonNullable<import("../../composables").PlacementWithAlias | undefined>;
offset: NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>;
role: NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>;
"onAnchor-click": (...args: any[]) => any;
"onAnchor-right-click": (...args: any[]) => any;
"onContent-click": (...args: any[]) => any;
"onFocus-outside": (...args: any[]) => any;
"onAnchor-dblclick": (...args: any[]) => any;
anchorSelector: string;
innerAnchorSelector: string;
trigger: NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>;
readonly: NonNullable<boolean | undefined>;
closeOnClickOutside: NonNullable<boolean | undefined>;
closeOnFocusOutside: NonNullable<boolean | undefined>;
closeOnAnchorClick: NonNullable<boolean | undefined>;
closeOnContentClick: NonNullable<boolean | undefined>;
hoverOverTimeout: NonNullable<string | number | undefined>;
hoverOutTimeout: NonNullable<string | number | undefined>;
isContentHoverable: NonNullable<boolean | undefined>;
keepAnchorWidth: NonNullable<boolean | undefined>;
verticalScrollOnOverflow: NonNullable<boolean | undefined>;
cursor: NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>;
autoPlacement: NonNullable<boolean | undefined>;
stickToEdges: boolean;
teleport: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>;
keyboardNavigation: NonNullable<boolean | undefined>;
contentClass: string;
textBy: NonNullable<import("../../composables").StringOrFunction | undefined>;
valueBy: NonNullable<import("../../composables").StringOrFunction | undefined>;
trackBy: NonNullable<import("../../composables").StringOrFunction | undefined>;
disabledBy: NonNullable<import("../../composables").StringOrFunction | undefined>;
groupBy: NonNullable<import("../../composables").StringOrFunction | undefined>;
onSelected: (...args: any[]) => any;
}, {}>, {
anchor?(_: {}): any;
default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};