vue-autocomplete-plugin
Version:
A simple, powerful, lightweight and customizable autocomplete tool programmed for Vue projects!
98 lines (97 loc) • 3.14 kB
TypeScript
interface Iprops {
dropdownData: any;
inputLabel?: string;
showInputlabel?: boolean;
placeHolder?: string;
objectProperty?: string;
defaultValue?: any;
initialVisibleData?: number;
scrollThreshold?: number;
totalRecords?: number;
disableProperty?: string;
noSearchResultMessage?: string;
isAutoCompleteDisabled?: boolean;
isCustomSpinner?: boolean;
showLoadingSpinner?: boolean;
showdropDownArrow?: boolean;
showClearOption?: boolean;
customClass?: CustomClassType;
customStyle?: CustomStyleType;
searchFn?: Function;
disableListFn?: Function;
isScrollThresholdRequired?: boolean;
inspectAutoCompleteList?: boolean;
viewMoreText?: string;
optViewMoreOnlyForApiCall?: boolean;
aria?: CustomAriaType;
triggerOnFocusEvent?: Function;
triggerBlurEvent?: Function;
triggerApiLoadEvent?: Function;
broadcastSelectedValue?: Function;
triggerClearSelectionEvent?: Function;
isApiLoad?: boolean;
loadAllDataAtOnce?: boolean;
additionalData?: AdditionalDataType;
}
type CustomClassType = {
parentContainerClass?: string;
inputFieldClass?: string;
listContainerClass?: string;
dropdownUnorderedListClass?: string;
dropdownListClass?: string;
noResultClass?: string;
disableListClass?: string;
inputLabelContainerClass?: string;
inputLabelClass?: string;
customSpinnerClass?: string;
viewMoreClass?: string;
};
type CustomStyleType = {
parentContainerStyle?: any;
inputFieldStyle?: any;
listContainerStyle?: any;
dropdownUnorderedListStyle?: any;
dropdownListStyle?: any;
noResultStyle?: any;
inputLabelContainerStyle?: any;
inputLabelStyle?: any;
viewMoreStyle?: any;
customSpinnerStyle?: any;
};
type CustomAriaType = {
ariaRole?: string;
ariaRoleDescription?: string;
ariaNoSearchResult?: string;
ariaULList?: string;
ariaListContainer?: string;
ariaInputField?: string;
ariaInputLabel?: string;
ariaViewMore?: string;
};
type AdditionalDataType = {
relativeSearch?: RelativeSearchType | boolean;
};
type RelativeSearchType = {
includeOnly?: string[];
customRelativeSearchFunction?: Function;
setDefaultValueWithACustomFunction?: Function;
};
declare const _default: import("vue").DefineComponent<Iprops, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Iprops> & Readonly<{}>, {
inputLabel: string;
isAutoCompleteDisabled: boolean;
showdropDownArrow: boolean;
showClearOption: boolean;
showLoadingSpinner: boolean;
noSearchResultMessage: string;
isCustomSpinner: boolean;
viewMoreText: string;
optViewMoreOnlyForApiCall: boolean;
isApiLoad: boolean;
initialVisibleData: number;
scrollThreshold: number;
isScrollThresholdRequired: boolean;
inspectAutoCompleteList: boolean;
loadAllDataAtOnce: boolean;
showInputlabel: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
export default _default;