hongluan-ui
Version:
Hongluan Component Library for Vue 3
230 lines (229 loc) • 7.39 kB
TypeScript
import type { PropType, Ref } from 'vue';
export interface Tag {
key: string | number;
text: unknown;
hitState?: boolean;
closable?: boolean;
isCollapseTag: boolean;
}
declare const _default: import("vue").DefineComponent<{
size: {
type: PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
placeholder: {
type: StringConstructor;
};
disabled: BooleanConstructor;
clearable: BooleanConstructor;
filterable: BooleanConstructor;
collapseTags: BooleanConstructor;
/**
* @description The max tags number to be shown. To use this, collapse-tags must be true
*/
maxCollapseTags: {
type: NumberConstructor;
default: number;
};
collapseTagsTooltip: {
type: BooleanConstructor;
default: boolean;
};
placement: {
type: StringConstructor;
default: string;
};
fallbackPlacements: {
type: PropType<string[]>;
default: () => any[];
};
popperClass: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
inputStyle: {
type: ObjectConstructor;
default: () => {};
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
popperAppendToBody: {
type: BooleanConstructor;
default: any;
};
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
fill: BooleanConstructor;
round: BooleanConstructor;
thin: BooleanConstructor;
popperOffset: {
type: NumberConstructor;
default: number;
};
/**
* @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed
*/
persistent: {
type: BooleanConstructor;
default: boolean;
};
tagType: {
default: string;
type: PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
tagEffect: {
type: StringConstructor;
default: string;
};
}, {
namespace: import("vue").ComputedRef<string>;
compatTeleported: import("vue").ComputedRef<boolean>;
popper: any;
popperPaneRef: import("vue").ComputedRef<any>;
input: any;
tagWrapper: any;
panel: any;
popperVisible: Ref<boolean>;
inputHover: Ref<boolean>;
presentText: Ref<unknown>;
checkedNodes: Ref<unknown[]>;
inputValue: Ref<string>;
inputPlaceholder: import("vue").ComputedRef<string>;
searchInputValue: Ref<string>;
currentPlaceholder: import("vue").ComputedRef<string>;
presentTags: Ref<Tag[]>;
allPresentTags: Ref<Tag[]>;
isDisabled: import("vue").ComputedRef<boolean>;
realSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
realFill: import("vue").ComputedRef<boolean>;
readonly: import("vue").ComputedRef<boolean>;
clearBtnVisible: import("vue").ComputedRef<boolean>;
setValue: (val: unknown | unknown[]) => void;
afterLeave: () => void;
t: import("hongluan-ui/es/hooks").Translator;
togglePopperVisible: (visible?: boolean) => void;
updatePopperPosition: () => void;
deleteTag: (tag: Tag) => void;
updateTags: (cb: (tag: Tag) => void) => void;
focusFirstNode: () => void;
handleKeyDown: (e: KeyboardEvent) => void;
handleComposition: (event: CompositionEvent) => void;
handleClear: () => void;
handleDelete: () => void;
handleInput: (val: string, e?: KeyboardEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "focus" | "clear" | "resize" | "after-leave" | "keyboard-down" | "visible-change" | "popper-visible" | "remove-tag")[], "input" | "blur" | "focus" | "clear" | "resize" | "after-leave" | "keyboard-down" | "visible-change" | "popper-visible" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
size: {
type: PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
placeholder: {
type: StringConstructor;
};
disabled: BooleanConstructor;
clearable: BooleanConstructor;
filterable: BooleanConstructor;
collapseTags: BooleanConstructor;
/**
* @description The max tags number to be shown. To use this, collapse-tags must be true
*/
maxCollapseTags: {
type: NumberConstructor;
default: number;
};
collapseTagsTooltip: {
type: BooleanConstructor;
default: boolean;
};
placement: {
type: StringConstructor;
default: string;
};
fallbackPlacements: {
type: PropType<string[]>;
default: () => any[];
};
popperClass: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
inputStyle: {
type: ObjectConstructor;
default: () => {};
};
multiple: {
type: BooleanConstructor;
default: boolean;
};
popperAppendToBody: {
type: BooleanConstructor;
default: any;
};
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
fill: BooleanConstructor;
round: BooleanConstructor;
thin: BooleanConstructor;
popperOffset: {
type: NumberConstructor;
default: number;
};
/**
* @description when dropdown is inactive and `persistent` is `false`, dropdown will be destroyed
*/
persistent: {
type: BooleanConstructor;
default: boolean;
};
tagType: {
default: string;
type: PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
tagEffect: {
type: StringConstructor;
default: string;
};
}>> & {
onInput?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onFocus?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
onResize?: (...args: any[]) => any;
"onAfter-leave"?: (...args: any[]) => any;
"onKeyboard-down"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
"onPopper-visible"?: (...args: any[]) => any;
"onRemove-tag"?: (...args: any[]) => any;
}, {
block: boolean;
disabled: boolean;
fill: boolean;
round: boolean;
placement: string;
fallbackPlacements: string[];
popperClass: string;
teleported: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
persistent: boolean;
popperAppendToBody: boolean;
clearable: boolean;
thin: boolean;
popperOffset: number;
inputStyle: Record<string, any>;
multiple: boolean;
filterable: boolean;
collapseTags: boolean;
maxCollapseTags: number;
collapseTagsTooltip: boolean;
tagType: "success" | "info" | "warning" | "danger" | "link" | "primary";
tagEffect: string;
}>;
export default _default;