hongluan-ui
Version:
Hongluan Component Library for Vue 3
1,012 lines (1,011 loc) • 557 kB
TypeScript
import { mergeProps, nextTick } from 'vue';
import type { Placement } from '@popperjs/core';
import type { CSSProperties } from 'vue';
import type { MentionCtx, MentionOption } from './types';
declare const _default: import("vue").DefineComponent<{
options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
prefix: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, string, boolean>;
split: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
filterOption: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<false | ((pattern: string, option: MentionOption) => boolean)>, unknown, unknown, () => (pattern: string, option: MentionOption) => boolean, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"top" | "bottom">, unknown, unknown, string, boolean>;
showArrow: BooleanConstructor;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
whole: BooleanConstructor;
checkIsWhole: {
readonly type: import("vue").PropType<(pattern: string, prefix: string) => boolean>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
modelValue: StringConstructor;
loading: BooleanConstructor;
popperClass: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<Partial<import("@popperjs/core").Options>>, unknown, unknown, () => Partial<import("@popperjs/core").Options>, boolean>;
ariaLabel: StringConstructor;
id: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
maxlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
minlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nativeType: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
size: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
resize: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"horizontal" | "vertical" | "none" | "both">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
rows: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
autosize: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
autocomplete: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
type: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
formatter: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
parser: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placeholder: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
form: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
disabled: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
containerRole: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
tabindex: import("hongluan-ui/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: import("hongluan-ui/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
autofocus: BooleanConstructor;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
prefix: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, string, boolean>;
split: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
filterOption: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<false | ((pattern: string, option: MentionOption) => boolean)>, unknown, unknown, () => (pattern: string, option: MentionOption) => boolean, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"top" | "bottom">, unknown, unknown, string, boolean>;
showArrow: BooleanConstructor;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
whole: BooleanConstructor;
checkIsWhole: {
readonly type: import("vue").PropType<(pattern: string, prefix: string) => boolean>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
modelValue: StringConstructor;
loading: BooleanConstructor;
popperClass: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<Partial<import("@popperjs/core").Options>>, unknown, unknown, () => Partial<import("@popperjs/core").Options>, boolean>;
ariaLabel: StringConstructor;
id: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
maxlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
minlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nativeType: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
size: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
resize: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"horizontal" | "vertical" | "none" | "both">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
rows: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
autosize: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
autocomplete: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
type: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
formatter: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
parser: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placeholder: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
form: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
disabled: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
containerRole: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
tabindex: import("hongluan-ui/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: import("hongluan-ui/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
autofocus: BooleanConstructor;
}>> & {
onSelect?: (option: MentionOption, prefix: string) => any;
"onUpdate:modelValue"?: (value: string) => any;
onBlur?: (evt: FocusEvent) => any;
onFocus?: (evt: FocusEvent) => any;
onSearch?: (pattern: string, prefix: string) => any;
}>>;
emit: ((event: "update:modelValue", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void);
passInputProps: import("vue").ComputedRef<Partial<Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
prefix: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, string, boolean>;
split: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
filterOption: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<false | ((pattern: string, option: MentionOption) => boolean)>, unknown, unknown, () => (pattern: string, option: MentionOption) => boolean, boolean>;
placement: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"top" | "bottom">, unknown, unknown, string, boolean>;
showArrow: BooleanConstructor;
offset: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
whole: BooleanConstructor;
checkIsWhole: {
readonly type: import("vue").PropType<(pattern: string, prefix: string) => boolean>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
modelValue: StringConstructor;
loading: BooleanConstructor;
popperClass: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
popperOptions: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<Partial<import("@popperjs/core").Options>>, unknown, unknown, () => Partial<import("@popperjs/core").Options>, boolean>;
ariaLabel: StringConstructor;
id: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
maxlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
minlength: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nativeType: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
size: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
resize: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"horizontal" | "vertical" | "none" | "both">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
rows: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
autosize: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
autocomplete: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
type: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
formatter: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
parser: {
readonly type: import("vue").PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placeholder: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
form: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
disabled: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
containerRole: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
tabindex: import("hongluan-ui/es/utils").EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: import("hongluan-ui/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
autofocus: BooleanConstructor;
}>> & {
onSelect?: (option: MentionOption, prefix: string) => any;
"onUpdate:modelValue"?: (value: string) => any;
onBlur?: (evt: FocusEvent) => any;
onFocus?: (evt: FocusEvent) => any;
onSearch?: (pattern: string, prefix: string) => any;
}>>>>;
namespace: import("vue").ComputedRef<string>;
hlInputRef: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
label: string;
id: string;
validateEvent: boolean;
block: boolean;
disabled: boolean;
fill: boolean;
modelValue: string | number;
round: boolean;
clearable: boolean;
thin: boolean;
nativeType: string;
rows: number;
autosize: boolean | {
minRows?: number;
maxRows?: number;
};
autocomplete: string;
readonly: boolean;
showPassword: boolean;
showWordLimit: boolean;
containerRole: string;
tabindex: string | number;
inputStyle: Record<string, any>;
autofocus: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
ariaLabel: StringConstructor;
id: {
type: StringConstructor;
default: any;
};
modelValue: {
type: import("vue").PropType<string | number>;
default: string;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
};
nativeType: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
resize: {
type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
validator: (val: string) => boolean;
};
rows: {
type: NumberConstructor;
default: number;
};
autosize: {
type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
default: import("hongluan-ui/es/components/input").InputAutoSize;
};
autocomplete: {
type: StringConstructor;
default: string;
};
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
formatter: {
type: FunctionConstructor;
};
parser: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
};
form: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
type: StringConstructor;
default: any;
};
containerRole: {
type: StringConstructor;
default: any;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: {
type: ObjectConstructor;
default: () => {};
};
autofocus: BooleanConstructor;
}>> & {
onChange?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
onInput?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onFocus?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
onMouseleave?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
onKeydown?: (...args: any[]) => any;
onCompositionstart?: (...args: any[]) => any;
onCompositionupdate?: (...args: any[]) => any;
onCompositionend?: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "id" | "validateEvent" | "block" | "disabled" | "fill" | "modelValue" | "round" | "clearable" | "thin" | "nativeType" | "rows" | "autosize" | "autocomplete" | "readonly" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "inputStyle" | "autofocus">;
$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: "update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
ariaLabel: StringConstructor;
id: {
type: StringConstructor;
default: any;
};
modelValue: {
type: import("vue").PropType<string | number>;
default: string;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
};
nativeType: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
resize: {
type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
validator: (val: string) => boolean;
};
rows: {
type: NumberConstructor;
default: number;
};
autosize: {
type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
default: import("hongluan-ui/es/components/input").InputAutoSize;
};
autocomplete: {
type: StringConstructor;
default: string;
};
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
formatter: {
type: FunctionConstructor;
};
parser: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
};
form: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
type: StringConstructor;
default: any;
};
containerRole: {
type: StringConstructor;
default: any;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: {
type: ObjectConstructor;
default: () => {};
};
autofocus: BooleanConstructor;
}>> & {
onChange?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
onInput?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onFocus?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
onMouseleave?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
onKeydown?: (...args: any[]) => any;
onCompositionstart?: (...args: any[]) => any;
onCompositionupdate?: (...args: any[]) => any;
onCompositionend?: (...args: any[]) => any;
}, {
namespace: import("vue").ComputedRef<string>;
isComposing: import("vue").Ref<boolean>;
input: import("vue").Ref<HTMLInputElement>;
inputId: import("vue").Ref<string>;
textarea: import("vue").Ref<HTMLTextAreaElement>;
attrs: import("vue").ComputedRef<Record<string, unknown>>;
containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
textareaStyle: import("vue").ComputedRef<import("hongluan-ui/es/utils").StyleValue>;
countStyle: import("vue").Ref<import("hongluan-ui/es/utils").StyleValue>;
resizeTextarea: () => void;
inputDisabled: import("vue").ComputedRef<boolean>;
inputFill: import("vue").ComputedRef<boolean>;
showClear: import("vue").ComputedRef<boolean>;
showPwdVisible: import("vue").ComputedRef<boolean>;
isWordLimitVisible: import("vue").ComputedRef<boolean>;
textLength: import("vue").ComputedRef<number>;
hovering: import("vue").Ref<boolean>;
inputExceed: import("vue").ComputedRef<boolean>;
passwordVisible: import("vue").Ref<boolean>;
inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
wrapperRef: import("vue").ShallowRef<HTMLElement>;
handleInput: (event: Event) => void;
handleChange: (event: Event) => void;
handleFocus: (event: FocusEvent) => void;
handleBlur: (event: FocusEvent) => void;
handleCompositionStart: (event: CompositionEvent) => void;
handleCompositionUpdate: (event: CompositionEvent) => void;
handleCompositionEnd: (event: CompositionEvent) => void;
handlePasswordVisible: () => void;
clear: () => void;
select: () => void;
focus: () => void;
blur: () => void;
isFocused: import("vue").Ref<boolean>;
getSuffixVisible: () => boolean | import("vue").Slot;
getPwdVisible: () => boolean;
handleMouseLeave: (e: MouseEvent) => void;
handleMouseEnter: (e: MouseEvent) => void;
handleKeydown: (e: KeyboardEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], string, {
label: string;
id: string;
validateEvent: boolean;
block: boolean;
disabled: boolean;
fill: boolean;
modelValue: string | number;
round: boolean;
clearable: boolean;
thin: boolean;
nativeType: string;
rows: number;
autosize: boolean | {
minRows?: number;
maxRows?: number;
};
autocomplete: string;
readonly: boolean;
showPassword: boolean;
showWordLimit: boolean;
containerRole: string;
tabindex: string | number;
inputStyle: Record<string, any>;
autofocus: boolean;
}> & {
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<{
ariaLabel: StringConstructor;
id: {
type: StringConstructor;
default: any;
};
modelValue: {
type: import("vue").PropType<string | number>;
default: string;
};
maxlength: {
type: (StringConstructor | NumberConstructor)[];
};
minlength: {
type: (StringConstructor | NumberConstructor)[];
};
nativeType: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
resize: {
type: import("vue").PropType<"horizontal" | "vertical" | "none" | "both">;
validator: (val: string) => boolean;
};
rows: {
type: NumberConstructor;
default: number;
};
autosize: {
type: import("vue").PropType<import("hongluan-ui/es/components/input").InputAutoSize>;
default: import("hongluan-ui/es/components/input").InputAutoSize;
};
autocomplete: {
type: StringConstructor;
default: string;
};
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
formatter: {
type: FunctionConstructor;
};
parser: {
type: FunctionConstructor;
};
placeholder: {
type: StringConstructor;
};
form: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
readonly: BooleanConstructor;
clearable: BooleanConstructor;
showPassword: BooleanConstructor;
showWordLimit: BooleanConstructor;
block: BooleanConstructor;
label: {
type: StringConstructor;
default: any;
};
containerRole: {
type: StringConstructor;
default: any;
};
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
round: BooleanConstructor;
fill: BooleanConstructor;
thin: BooleanConstructor;
inputStyle: {
type: ObjectConstructor;
default: () => {};
};
autofocus: BooleanConstructor;
}>> & {
onChange?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
onInput?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onFocus?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
onMouseleave?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
onKeydown?: (...args: any[]) => any;
onCompositionstart?: (...args: any[]) => any;
onCompositionupdate?: (...args: any[]) => any;
onCompositionend?: (...args: any[]) => any;
} & import("vue").ShallowUnwrapRef<{
namespace: import("vue").ComputedRef<string>;
isComposing: import("vue").Ref<boolean>;
input: import("vue").Ref<HTMLInputElement>;
inputId: import("vue").Ref<string>;
textarea: import("vue").Ref<HTMLTextAreaElement>;
attrs: import("vue").ComputedRef<Record<string, unknown>>;
containerAttrs: import("vue").ComputedRef<Record<string, unknown>>;
inputSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validateState: import("vue").ComputedRef<"success" | "error" | "" | "validating">;
textareaStyle: import("vue").ComputedRef<import("hongluan-ui/es/utils").StyleValue>;
countStyle: import("vue").Ref<import("hongluan-ui/es/utils").StyleValue>;
resizeTextarea: () => void;
inputDisabled: import("vue").ComputedRef<boolean>;
inputFill: import("vue").ComputedRef<boolean>;
showClear: import("vue").ComputedRef<boolean>;
showPwdVisible: import("vue").ComputedRef<boolean>;
isWordLimitVisible: import("vue").ComputedRef<boolean>;
textLength: import("vue").ComputedRef<number>;
hovering: import("vue").Ref<boolean>;
inputExceed: import("vue").ComputedRef<boolean>;
passwordVisible: import("vue").Ref<boolean>;
inputOrTextarea: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
wrapperRef: import("vue").ShallowRef<HTMLElement>;
handleInput: (event: Event) => void;
handleChange: (event: Event) => void;
handleFocus: (event: FocusEvent) => void;
handleBlur: (event: FocusEvent) => void;
handleCompositionStart: (event: CompositionEvent) => void;
handleCompositionUpdate: (event: CompositionEvent) => void;
handleCompositionEnd: (event: CompositionEvent) => void;
handlePasswordVisible: () => void;
clear: () => void;
select: () => void;
focus: () => void;
blur: () => void;
isFocused: import("vue").Ref<boolean>;
getSuffixVisible: () => boolean | import("vue").Slot;
getPwdVisible: () => boolean;
handleMouseLeave: (e: MouseEvent) => void;
handleMouseEnter: (e: MouseEvent) => void;
handleKeydown: (e: KeyboardEvent) => void;
}> & {} & {} & import("vue").ComponentCustomProperties>;
tooltipRef: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
trigger: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").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, 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<import("@popperjs/core").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<import("vue").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<import("vue").PropType<string[]>, unknown, unknown, () => string[], boolean>;
virtualRef: {
readonly type: import("vue").PropType<import("../../..").Measurable>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
virtualTriggering: BooleanConstructor;
onMouseenter: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onMouseleave: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onClick: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onKeydown: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onFocus: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onBlur: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
onContextmenu: {
readonly type: import("vue").PropType<(e: Event) => void>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
id: StringConstructor;
open: BooleanConstructor;
ariaLabel: StringConstructor;
appendTo: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").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: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").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<import("vue").PropType<import("@vueuse/core").MaybeElementRef<import("@vueuse/core").MaybeElement>[]>, unknown, unknown, () => any[], boolean>;
style: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
className: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").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<import("vue").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: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").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 | {