hongluan-ui
Version:
Hongluan Component Library for Vue 3
1,287 lines • 55.6 kB
TypeScript
export declare const HlInputNumber: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
ariaLabel: StringConstructor;
id: {
type: StringConstructor;
default: any;
};
modelValue: {
type: NumberConstructor;
};
step: {
type: NumberConstructor;
default: number;
};
stepStrictly: {
type: BooleanConstructor;
default: boolean;
};
max: {
type: NumberConstructor;
default: number;
};
min: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
controls: {
type: BooleanConstructor;
default: boolean;
};
controlsPosition: {
type: StringConstructor;
default: string;
};
valueOnClear: {
type: (StringConstructor | NumberConstructor)[];
validator: (val: number | "min" | "max") => boolean;
default: any;
};
name: StringConstructor;
label: StringConstructor;
placeholder: StringConstructor;
readonly: BooleanConstructor;
precision: {
type: NumberConstructor;
validator: (val: number) => boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
merge: {
type: BooleanConstructor;
default: boolean;
};
deepMerge: {
type: BooleanConstructor;
default: boolean;
};
indent: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
gap: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
round: BooleanConstructor;
fill: BooleanConstructor;
block: BooleanConstructor;
dir: {
type: import("vue").PropType<"horizontal" | "vertical">;
default: string;
};
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
ariaLabel: StringConstructor;
id: {
type: StringConstructor;
default: any;
};
modelValue: {
type: NumberConstructor;
};
step: {
type: NumberConstructor;
default: number;
};
stepStrictly: {
type: BooleanConstructor;
default: boolean;
};
max: {
type: NumberConstructor;
default: number;
};
min: {
type: NumberConstructor;
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
controls: {
type: BooleanConstructor;
default: boolean;
};
controlsPosition: {
type: StringConstructor;
default: string;
};
valueOnClear: {
type: (StringConstructor | NumberConstructor)[];
validator: (val: number | "min" | "max") => boolean;
default: any;
};
name: StringConstructor;
label: StringConstructor;
placeholder: StringConstructor;
readonly: BooleanConstructor;
precision: {
type: NumberConstructor;
validator: (val: number) => boolean;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
merge: {
type: BooleanConstructor;
default: boolean;
};
deepMerge: {
type: BooleanConstructor;
default: boolean;
};
indent: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
gap: {
type: (BooleanConstructor | StringConstructor)[];
default: boolean;
};
round: BooleanConstructor;
fill: BooleanConstructor;
block: BooleanConstructor;
dir: {
type: import("vue").PropType<"horizontal" | "vertical">;
default: string;
};
}>> & {
onChange?: (cur: number, prev: number) => any;
"onUpdate:modelValue"?: (val: number) => any;
onInput?: (val: number) => any;
onBlur?: (e: FocusEvent) => any;
onFocus?: (e: FocusEvent) => any;
}>>;
emit: ((event: "update:modelValue", val: number) => void) & ((event: "change", cur: number, prev: number) => void) & ((event: "input", val: number) => void) & ((event: "blur", e: FocusEvent) => void) & ((event: "focus", e: FocusEvent) => void);
t: import("../..").Translator;
namespace: import("vue").ComputedRef<string>;
input: 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("..").InputAutoSize>;
default: import("..").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("..").InputAutoSize>;
default: import("..").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 import("vue").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("..").InputAutoSize>;
default: import("..").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>;
data: {
currentValue: number;
userInput: string | number;
};
formItem: import("../..").FormItemContext;
minDisabled: import("vue").ComputedRef<boolean>;
maxDisabled: import("vue").ComputedRef<boolean>;
numPrecision: import("vue").ComputedRef<number>;
inputNumberSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
inputNumberDisabled: import("vue").ComputedRef<boolean>;
inputNumberFill: import("vue").ComputedRef<boolean>;
displayValue: import("vue").ComputedRef<string | number>;
toPrecision: (num: number, pre?: number) => number;
getPrecision: (value: number) => number;
ensurePrecision: (val: number, coefficient?: 1 | -1) => number;
increase: () => void;
decrease: () => void;
verifyValue: (value: string | number, update?: boolean) => number;
setCurrentValue: (value: string | number, emitChange?: boolean) => void;
handleInput: (value: string) => void;
handleInputChange: (value: string) => void;
focus: () => void;
blur: () => void;
handleFocus: (event: MouseEvent | FocusEvent) => void;
handleBlur: (event: MouseEvent | FocusEvent) => void;
setCurrentValueToModelValue: () => void;
handleWheel: (e: WheelEvent) => void;
vRepeatClick: import("vue").ObjectDirective<HTMLElement, import("../../directives/repeat-click").RepeatClickOptions | ((...args: unknown[]) => unknown)>;
HlInput: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
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("..").InputAutoSize>;
default: import("..").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;
}, {
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")[], "update:modelValue" | "change" | "input" | "blur" | "focus" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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("..").InputAutoSize>;
default: import("..").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;
}, {
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;
}>> & Record<string, any>;
HlButton: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}>> & {
onClick?: (evt: MouseEvent) => any;
}>>;
emit: (event: "click", evt: MouseEvent) => void;
namespace: import("vue").ComputedRef<string>;
_ref: import("vue").Ref<HTMLButtonElement>;
_props: import("vue").ComputedRef<{
ariaDisabled: boolean;
disabled: boolean;
autofocus: boolean;
type: "button" | "reset" | "submit";
} | {
ariaDisabled?: undefined;
disabled?: undefined;
autofocus?: undefined;
type?: undefined;
}>;
buttonDisabled: import("vue").ComputedRef<boolean>;
buttonSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
handleClick: (evt: MouseEvent) => void;
Spinner: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
status: {
type: StringConstructor;
default: string;
};
animation: {
type: StringConstructor;
default: string;
};
duration: {
type: StringConstructor;
default: string;
};
color: {
type: StringConstructor;
};
size: StringConstructor;
}, {
namespace: import("vue").ComputedRef<string>;
style: any;
definedSize: import("vue").Ref<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
status: {
type: StringConstructor;
default: string;
};
animation: {
type: StringConstructor;
default: string;
};
duration: {
type: StringConstructor;
default: string;
};
color: {
type: StringConstructor;
};
size: StringConstructor;
}>>, {
animation: string;
status: string;
duration: string;
}>> & Record<string, any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (evt: MouseEvent) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}>> & {
onClick?: (evt: MouseEvent) => any;
}, {
block: boolean;
disabled: boolean;
round: boolean;
dashed: boolean;
nativeType: "button" | "reset" | "submit";
autofocus: boolean;
outline: boolean;
tag: string;
loading: boolean;
iconPosition: "left" | "right";
equal: boolean;
noFill: boolean;
rational: boolean;
}>> & Record<string, any>;
HlIcon: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
name: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
border: NumberConstructor;
opacity: NumberConstructor;
width: (StringConstructor | NumberConstructor)[];
height: (StringConstructor | NumberConstructor)[];
gradient: BooleanConstructor;
startColor: StringConstructor;
fill: BooleanConstructor;
round: BooleanConstructor;
radius: BooleanConstructor;
transition: BooleanConstructor;
effect: StringConstructor;
}, {
namespace: import("vue").ComputedRef<string>;
iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
iconId: string;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
name: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
border: NumberConstructor;
opacity: NumberConstructor;
width: (StringConstructor | NumberConstructor)[];
height: (StringConstructor | NumberConstructor)[];
gradient: BooleanConstructor;
startColor: StringConstructor;
fill: BooleanConstructor;
round: BooleanConstructor;
radius: BooleanConstructor;
transition: BooleanConstructor;
effect: StringConstructor;
}>>, {
name: string;
fill: boolean;
round: boolean;
transition: boolean;
gradient: boolean;
radius: boolean;
}>> & Record<string, any>;
SystemAdd: import("vue").DefineComponent<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}, {
CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}>>, {
opacity: string | number;
gradient: boolean;
startColor: string;
borderWidth: string | number;
}>;
SystemRemove: import("vue").DefineComponent<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}, {
CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}>>, {
opacity: string | number;
gradient: boolean;
startColor: string;
borderWidth: string | number;
}>;
SystemArrowDown: import("vue").DefineComponent<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}, {
CustomIcon: import("vue")