naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
1,289 lines (1,288 loc) • 59.6 kB
TypeScript
import { type PropType, type InputHTMLAttributes, type HTMLAttributes } from 'vue';
import { type TreeNode } from 'treemate';
import { type FollowerPlacement } from 'vueuc';
import type { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
import type { FormValidationStatus } from '../../form/src/interface';
import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
import type { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
export declare const autoCompleteProps: {
readonly to: {
type: PropType<string | boolean | HTMLElement>;
default: undefined;
};
readonly menuProps: PropType<HTMLAttributes>;
readonly bordered: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly clearable: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly defaultValue: {
readonly type: PropType<string | null>;
readonly default: null;
};
readonly loading: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly disabled: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly placeholder: StringConstructor;
readonly placement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom-start";
};
readonly value: StringConstructor;
readonly blurAfterSelect: BooleanConstructor;
readonly clearAfterSelect: BooleanConstructor;
readonly getShow: PropType<(inputValue: string) => boolean>;
readonly showEmpty: BooleanConstructor;
readonly inputProps: PropType<InputHTMLAttributes>;
readonly renderOption: PropType<RenderOption>;
readonly renderLabel: PropType<RenderLabel>;
readonly size: PropType<"small" | "medium" | "large">;
readonly options: {
readonly type: PropType<AutoCompleteOptions>;
readonly default: () => never[];
};
readonly zIndex: NumberConstructor;
readonly status: PropType<FormValidationStatus>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly onSelect: PropType<MaybeArray<OnSelect>>;
readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>>;
};
export type AutoCompleteProps = ExtractPublicPropTypes<typeof autoCompleteProps>;
declare const _default: import("vue").DefineComponent<{
readonly to: {
type: PropType<string | boolean | HTMLElement>;
default: undefined;
};
readonly menuProps: PropType<HTMLAttributes>;
readonly bordered: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly clearable: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly defaultValue: {
readonly type: PropType<string | null>;
readonly default: null;
};
readonly loading: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly disabled: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly placeholder: StringConstructor;
readonly placement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom-start";
};
readonly value: StringConstructor;
readonly blurAfterSelect: BooleanConstructor;
readonly clearAfterSelect: BooleanConstructor;
readonly getShow: PropType<(inputValue: string) => boolean>;
readonly showEmpty: BooleanConstructor;
readonly inputProps: PropType<InputHTMLAttributes>;
readonly renderOption: PropType<RenderOption>;
readonly renderLabel: PropType<RenderLabel>;
readonly size: PropType<"small" | "medium" | "large">;
readonly options: {
readonly type: PropType<AutoCompleteOptions>;
readonly default: () => never[];
};
readonly zIndex: NumberConstructor;
readonly status: PropType<FormValidationStatus>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly onSelect: PropType<MaybeArray<OnSelect>>;
readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
}>>>;
}, {
focus: () => void;
blur: () => void;
inputInstRef: import("vue").Ref<{
wrapperElRef: HTMLElement | null;
textareaElRef: HTMLTextAreaElement | null;
inputElRef: HTMLInputElement | null;
isCompositing: boolean;
blur: () => void;
clear: () => void;
focus: () => void;
select: () => void;
activate: () => void;
deactivate: () => void;
scrollTo: (options: ScrollToOptions) => void;
} | null>;
uncontrolledValue: import("vue").Ref<string | null>;
mergedValue: import("vue").ComputedRef<string | null>;
isMounted: Readonly<import("vue").Ref<boolean>>;
adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
menuInstRef: import("vue").Ref<{
selfRef: HTMLElement | null;
getPendingTmNode: () => TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
prev: () => void;
next: () => void;
} | null>;
triggerElRef: import("vue").Ref<HTMLElement | null>;
treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
mergedDisabled: import("vue").ComputedRef<boolean>;
active: import("vue").ComputedRef<boolean>;
mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
handleClear: () => void;
handleFocus: (e: FocusEvent) => void;
handleBlur: (e: FocusEvent) => void;
handleInput: (value: string) => void;
handleToggle: (option: TreeNode<SelectBaseOption>) => void;
handleClickOutsideMenu: (e: MouseEvent) => void;
handleCompositionStart: () => void;
handleCompositionEnd: () => void;
handleKeyDown: (e: KeyboardEvent) => void;
mergedTheme: import("vue").ComputedRef<{
common: {
baseColor: string;
primaryColor: string;
primaryColorHover: string;
primaryColorPressed: string;
primaryColorSuppl: string;
infoColor: string;
infoColorHover: string;
infoColorPressed: string;
infoColorSuppl: string;
successColor: string;
successColorHover: string;
successColorPressed: string;
successColorSuppl: string;
warningColor: string;
warningColorHover: string;
warningColorPressed: string;
warningColorSuppl: string;
errorColor: string;
errorColorHover: string;
errorColorPressed: string;
errorColorSuppl: string;
textColorBase: string;
textColor1: string;
textColor2: string;
textColor3: string;
textColorDisabled: string;
placeholderColor: string;
placeholderColorDisabled: string;
iconColor: string;
iconColorHover: string;
iconColorPressed: string;
iconColorDisabled: string;
opacity1: string;
opacity2: string;
opacity3: string;
opacity4: string;
opacity5: string;
dividerColor: string;
borderColor: string;
closeIconColor: string;
closeIconColorHover: string;
closeIconColorPressed: string;
closeColorHover: string;
closeColorPressed: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
scrollbarColor: string;
scrollbarColorHover: string;
scrollbarWidth: string;
scrollbarHeight: string;
scrollbarBorderRadius: string;
progressRailColor: string;
railColor: string;
popoverColor: string;
tableColor: string;
cardColor: string;
modalColor: string;
bodyColor: string;
tagColor: string;
avatarColor: string;
invertedColor: string;
inputColor: string;
codeColor: string;
tabColor: string;
actionColor: string;
tableHeaderColor: string;
hoverColor: string;
tableColorHover: string;
tableColorStriped: string;
pressedColor: string;
opacityDisabled: string;
inputColorDisabled: string;
buttonColor2: string;
buttonColor2Hover: string;
buttonColor2Pressed: string;
boxShadow1: string;
boxShadow2: string;
boxShadow3: string;
fontFamily: string;
fontFamilyMono: string;
fontWeight: string;
fontWeightStrong: string;
cubicBezierEaseInOut: string;
cubicBezierEaseOut: string;
cubicBezierEaseIn: string;
borderRadius: string;
borderRadiusSmall: string;
fontSize: string;
fontSizeMini: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
lineHeight: string;
heightMini: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
heightHuge: string;
name: "common";
};
self: {
menuBoxShadow: string;
};
peers: {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;
suffixTextColor: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
clearSize: string;
}, any>;
};
peerOverrides: {
InternalSelectMenu?: {
peers?: {
Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>> | undefined;
Empty?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>> | undefined;
} | undefined;
} | undefined;
Input?: {
peers?: {
[x: string]: any;
} | undefined;
} | undefined;
};
}>;
cssVars: import("vue").ComputedRef<{
'--n-menu-box-shadow': string;
'--n-bezier': string;
}> | undefined;
themeClass: import("vue").Ref<string> | undefined;
onRender: (() => void) | undefined;
mergedBordered: import("vue").ComputedRef<boolean>;
namespace: import("vue").ComputedRef<string | undefined>;
mergedClsPrefix: import("vue").Ref<string>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly to: {
type: PropType<string | boolean | HTMLElement>;
default: undefined;
};
readonly menuProps: PropType<HTMLAttributes>;
readonly bordered: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly clearable: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly defaultValue: {
readonly type: PropType<string | null>;
readonly default: null;
};
readonly loading: {
readonly type: BooleanConstructor;
readonly default: undefined;
};
readonly disabled: {
readonly type: PropType<boolean | undefined>;
readonly default: undefined;
};
readonly placeholder: StringConstructor;
readonly placement: {
readonly type: PropType<FollowerPlacement>;
readonly default: "bottom-start";
};
readonly value: StringConstructor;
readonly blurAfterSelect: BooleanConstructor;
readonly clearAfterSelect: BooleanConstructor;
readonly getShow: PropType<(inputValue: string) => boolean>;
readonly showEmpty: BooleanConstructor;
readonly inputProps: PropType<InputHTMLAttributes>;
readonly renderOption: PropType<RenderOption>;
readonly renderLabel: PropType<RenderLabel>;
readonly size: PropType<"small" | "medium" | "large">;
readonly options: {
readonly type: PropType<AutoCompleteOptions>;
readonly default: () => never[];
};
readonly zIndex: NumberConstructor;
readonly status: PropType<FormValidationStatus>;
readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
readonly onSelect: PropType<MaybeArray<OnSelect>>;
readonly onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
readonly onInput: PropType<MaybeArray<OnUpdateValue> | undefined>;
readonly theme: PropType<import("../../_mixins").Theme<"AutoComplete", {
menuBoxShadow: string;
}, {
InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
optionFontSizeSmall: string;
optionFontSizeMedium: string;
optionFontSizeLarge: string;
optionFontSizeHuge: string;
optionHeightSmall: string;
optionHeightMedium: string;
optionHeightLarge: string;
optionHeightHuge: string;
borderRadius: string;
color: string;
groupHeaderTextColor: string;
actionDividerColor: string;
optionTextColor: string;
optionTextColorPressed: string;
optionTextColorDisabled: string;
optionTextColorActive: string;
optionOpacityDisabled: string;
optionCheckColor: string;
optionColorPending: string;
optionColorActive: string;
optionColorActivePending: string;
actionTextColor: string;
loadingColor: string;
height: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingHuge: string;
optionPaddingSmall: string;
optionPaddingMedium: string;
optionPaddingLarge: string;
optionPaddingHuge: string;
loadingSize: string;
}, {
Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
color: string;
colorHover: string;
}, any>;
Empty: import("../../_mixins").Theme<"Empty", {
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
fontSizeHuge: string;
textColor: string;
iconColor: string;
extraTextColor: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
iconSizeHuge: string;
}, any>;
}>;
Input: import("../../_mixins").Theme<"Input", {
countTextColorDisabled: string;
countTextColor: string;
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
lineHeight: string;
lineHeightTextarea: string;
borderRadius: string;
iconSize: string;
groupLabelColor: string;
groupLabelTextColor: string;
textColor: string;
textColorDisabled: string;
textDecorationColor: string;
caretColor: string;
placeholderColor: string;
placeholderColorDisabled: string;
color: string;
colorDisabled: string;
colorFocus: string;
groupLabelBorder: string;
border: string;
borderHover: string;
borderDisabled: string;
borderFocus: string;
boxShadowFocus: string;
loadingColor: string;
loadingColorWarning: string;
borderWarning: string;
borderHoverWarning: string;
colorFocusWarning: string;
borderFocusWarning: string;
boxShadowFocusWarning: string;
caretColorWarning: string;
loadingColorError: string;
borderError: string;
borderHoverError: string;
colorFocusError: string;
borderFocusError: string;
boxShadowFocusError: string;
caretColorError: string;
clearColor: string;
clearColorHover: string;
clearColorPressed: string;
iconColor: string;
iconColorDisabled: string;
iconColorHover: string;
iconColorPressed: string;