hongluan-ui
Version:
Hongluan Component Library for Vue 3
964 lines • 582 kB
TypeScript
import { nextTick } from 'vue';
import type { PropType } from 'vue';
import type { Options } from '@popperjs/core';
declare const _default: import("vue").DefineComponent<{
emptyValues: ArrayConstructor;
valueOnClear: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
ariaLabel: StringConstructor;
/**
* @description the name attribute of select input
*/
name: StringConstructor;
/**
* @description native input id
*/
id: StringConstructor;
/**
* @description binding value
*/
modelValue: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
default: any;
};
/**
* @description the autocomplete attribute of select input
*/
autocomplete: {
type: StringConstructor;
default: string;
};
/**
* @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused
*/
automaticDropdown: BooleanConstructor;
/**
* @description size of Input
*/
size: {
type: PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
/**
* @description tooltip theme, built-in theme: `dark` / `light`
*/
effect: {
type: PropType<string>;
default: string;
};
/**
* @description whether Select is disabled
*/
disabled: BooleanConstructor;
/**
* @description whether select can be cleared
*/
clearable: BooleanConstructor;
/**
* @description whether Select is filterable
*/
filterable: BooleanConstructor;
/**
* @description whether creating new items is allowed. To use this, `filterable` must be true
*/
allowCreate: BooleanConstructor;
block: BooleanConstructor;
/**
* @description whether Select is loading data from server
*/
loading: BooleanConstructor;
/**
* @description custom class name for Select's dropdown
*/
popperClass: {
type: StringConstructor;
default: string;
};
/**
* @description [popper.js](https://popper.js.org/docs/v2/) parameters
*/
popperOptions: {
type: PropType<Partial<Options>>;
default: () => Partial<Options>;
};
/**
* @description whether options are loaded from server
*/
remote: BooleanConstructor;
/**
* @description displayed text while loading data from server, default is 'Loading'
*/
loadingText: StringConstructor;
/**
* @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'
*/
noMatchText: StringConstructor;
/**
* @description displayed text when there is no options, you can also use slot `empty`, default is 'No data'
*/
noDataText: StringConstructor;
/**
* @description custom remote search method
*/
remoteMethod: FunctionConstructor;
/**
* @description custom filter method
*/
filterMethod: FunctionConstructor;
/**
* @description whether multiple-select is activated
*/
multiple: BooleanConstructor;
/**
* @description maximum number of options user can select when `multiple` is `true`. No limit when set to 0
*/
multipleLimit: {
type: NumberConstructor;
default: number;
};
/**
* @description placeholder, default is 'Select'
*/
placeholder: {
type: StringConstructor;
};
/**
* @description select first matching option on enter key. Use with `filterable` or `remote`
*/
defaultFirstOption: BooleanConstructor;
/**
* @description when `multiple` and `filter` is true, whether to reserve current keyword after selecting an option
*/
reserveKeyword: {
type: BooleanConstructor;
default: boolean;
};
/**
* @description unique identity key name for value, required when value is an object
*/
valueKey: {
type: StringConstructor;
default: string;
};
/**
* @description whether to collapse tags to a text when multiple selecting
*/
collapseTags: BooleanConstructor;
/**
* @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
*/
collapseTagsTooltip: BooleanConstructor;
/**
* @description the max tags number to be shown. To use this, `collapse-tags` must be true
*/
maxCollapseTags: {
type: NumberConstructor;
default: number;
};
popperAppendToBody: {
type: BooleanConstructor;
default: any;
};
/**
* @description whether select dropdown is teleported to the body
*/
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
/**
* @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed
*/
persistent: {
type: BooleanConstructor;
default: boolean;
};
fill: BooleanConstructor;
thin: BooleanConstructor;
round: BooleanConstructor;
/**
* @description tag type
*/
tagType: {
type: StringConstructor;
default: string;
};
popperOffset: {
type: NumberConstructor;
default: number;
};
/**
* @description whether to trigger form validation
*/
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
/**
* @description in remote search method show suffix icon
*/
remoteShowSuffix: BooleanConstructor;
/**
* @deprecated will be removed in version 2.4.0, please use override style scheme
*/
suffixTransition: {
type: BooleanConstructor;
default: boolean;
};
/**
* @description position of dropdown
*/
placement: {
type: StringConstructor;
values: import("@popperjs/core").Placement[];
default: string;
};
}, {
namespace: import("vue").ComputedRef<string>;
onOptionsRendered: (v: string[]) => void;
compatTeleported: import("vue").ComputedRef<boolean>;
selectSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
readonly: import("vue").ComputedRef<boolean>;
handleResize: () => void;
debouncedOnInputChange: import("lodash").DebouncedFunc<() => void>;
debouncedQueryChange: import("lodash").DebouncedFunc<(e: any) => void>;
deletePrevTag: (e: KeyboardEvent) => void;
deleteTag: (event: Event, tag: any) => void;
handleDeleteTooltipTag: (event: Event, tag: any) => void;
deleteSelected: (event: Event) => void;
handleOptionSelect: (option: any) => void;
scrollToOption: (option: any) => void;
selected: import("vue").Ref<any>;
filteredOptionsCount: import("vue").Ref<number>;
visible: import("vue").Ref<boolean>;
selectedLabel: import("vue").Ref<string>;
hoverIndex: import("vue").Ref<number>;
query: import("vue").Ref<string>;
inputHovering: import("vue").Ref<boolean>;
currentPlaceholder: import("vue").Ref<string | (() => string)>;
menuVisibleOnFocus: import("vue").Ref<boolean>;
isOnComposition: import("vue").Ref<boolean>;
options: import("vue").Ref<Map<any, any>>;
managePlaceholder: () => void;
showClose: import("vue").ComputedRef<boolean>;
selectDisabled: import("vue").ComputedRef<boolean>;
selectFill: import("vue").ComputedRef<boolean>;
iconClass: import("vue").ComputedRef<"select-caret is-open" | "select-caret">;
showIcon: import("vue").ComputedRef<boolean>;
showNewOption: import("vue").ComputedRef<boolean>;
emptyText: import("vue").ComputedRef<any>;
toggleLastOptionHitState: (hit?: boolean) => any;
resetInputState: (e: KeyboardEvent) => void;
handleComposition: (event: Event) => void;
handleMenuEnter: () => void;
handleFocus: (event: FocusEvent) => void;
handleKeydownEscape: (event: KeyboardEvent) => void;
blur: () => void;
handleBlur: (event: FocusEvent) => void;
handleClearClick: (event: Event) => void;
handleClose: () => void;
toggleMenu: (e?: PointerEvent) => void;
selectOption: () => void;
getValueKey: (item: any) => any;
navigateOptions: (direction: string) => void;
dropMenuVisible: import("vue").WritableComputedRef<boolean>;
focus: () => void;
reference: import("vue").Ref<import("vue").ComponentPublicInstance<{
focus: () => void;
blur: () => void;
input: HTMLInputElement;
}, {}, {}, {}, {}, {}, {
focus: () => void;
blur: () => void;
input: HTMLInputElement;
}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>;
input: import("vue").Ref<HTMLInputElement>;
tooltipRef: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
trigger: import("hongluan-ui/es/utils").EpPropMergeType<PropType<import("hongluan-ui/es/utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown>;
offset: number;
placement: import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
transition: string;
effect: string;
showAfter: number;
hideAfter: number;
autoClose: number;
boundariesPadding: number;
gpuAcceleration: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
popperOptions: Partial<Options>;
strategy: import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
enterable: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
focusOnShow: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
trapping: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
stopPopperMouseEvent: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
pure: boolean;
virtualTriggering: boolean;
content: string;
teleported: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
outsideIgnore: import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[];
rawContent: boolean;
persistent: boolean;
open: boolean;
role: import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
triggerKeys: string[];
arrowOffset: number;
showArrow: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("hongluan-ui/es/utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string>, unknown, unknown, "", boolean>;
enterable: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: PropType<import("@popperjs/core").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, import("@popperjs/core").Placement, unknown, "bottom", boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<PropType<Partial<Options>>, unknown, unknown, () => Partial<Options>, boolean>;
strategy: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "placement" | "transition" | "effect" | "showAfter" | "hideAfter" | "autoClose" | "boundariesPadding" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "pure" | "virtualTriggering" | "content" | "teleported" | "outsideIgnore" | "rawContent" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("hongluan-ui/es/utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string>, unknown, unknown, "", boolean>;
enterable: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: PropType<import("@popperjs/core").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, import("@popperjs/core").Placement, unknown, "bottom", boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<PropType<Partial<Options>>, unknown, unknown, () => Partial<Options>, boolean>;
strategy: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
showArrow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
arrowOffset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4, boolean>;
disabled: BooleanConstructor;
trigger: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("hongluan-ui/es/utils").Arrayable<import("hongluan-ui/es/components/tooltip").TooltipTriggerType>>, unknown, unknown, "hover", boolean>;
triggerKeys: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | HTMLElement>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
content: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
rawContent: BooleanConstructor;
persistent: BooleanConstructor;
visible: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<boolean>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
transition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "fade", boolean>;
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
outsideIgnore: import("hongluan-ui/es/utils").EpPropFinalized<PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
effect: import("hongluan-ui/es/utils").EpPropFinalized<PropType<string>, unknown, unknown, "", boolean>;
enterable: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
pure: BooleanConstructor;
focusOnShow: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
trapping: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
popperClass: {
readonly type: PropType<import("hongluan-ui/es/utils").EpPropMergeType<PropType<string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | (string | {
[x: string]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
popperStyle: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
referenceEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
triggerTargetEl: {
readonly type: PropType<HTMLElement>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
stopPopperMouseEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
zIndex: NumberConstructor;
boundariesPadding: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
fallbackPlacements: {
readonly type: PropType<import("@popperjs/core").Placement[]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
gpuAcceleration: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 8, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, import("@popperjs/core").Placement, unknown, "bottom", boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<PropType<Partial<Options>>, unknown, unknown, () => Partial<Options>, boolean>;
strategy: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
showAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
hideAfter: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
autoClose: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
"onUpdate:visible": {
readonly type: PropType<(val: boolean) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: (...args: any[]) => any;
}>>;
emit: (event: string, ...args: any[]) => void;
id: import("vue").Ref<string>;
popperRef: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
role: import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "role">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>>, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
triggerRef: import("vue").Ref<HTMLElement>;
popperInstanceRef: import("vue").Ref<import("@popperjs/core").Instance>;
contentRef: import("vue").Ref<HTMLElement>;
referenceRef: import("vue").Ref<HTMLElement>;
role: import("vue").ComputedRef<import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>>;
popperProvides: import("../../..").PopperInjectionContext;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
role: import("hongluan-ui/es/utils").EpPropMergeType<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown>;
}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
readonly role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & import("vue").ShallowUnwrapRef<{
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly role: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, "tooltip" | "listbox" | "grid" | "menu" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: un