hongluan-ui
Version:
Hongluan Component Library for Vue 3
265 lines (264 loc) • 9.4 kB
TypeScript
import type { ComputedRef, Ref } from 'vue';
import type { CascaderValue, CascaderNode } from 'hongluan-ui/es/components/cascader-panel';
declare const _default: import("vue").DefineComponent<{
emptyValues: ArrayConstructor;
valueOnClear: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
placeholder: StringConstructor;
disabled: BooleanConstructor;
clearable: BooleanConstructor;
filterable: BooleanConstructor;
filterMethod: {
type: import("vue").PropType<(node: CascaderNode, keyword: string) => boolean>;
default: (node: CascaderNode, keyword: string) => boolean;
};
separator: {
type: StringConstructor;
default: string;
};
showAllLevels: {
type: BooleanConstructor;
default: boolean;
};
collapseTags: BooleanConstructor;
maxCollapseTags: {
type: NumberConstructor;
default: number;
};
collapseTagsTooltip: {
type: BooleanConstructor;
default: boolean;
};
debounce: {
type: NumberConstructor;
default: number;
};
beforeFilter: {
type: import("vue").PropType<(value: string) => boolean | Promise<any>>;
default: () => boolean;
};
placement: {
type: import("vue").PropType<import("@popperjs/core").Placement>;
default: string;
};
fallbackPlacements: {
type: import("vue").PropType<import("@popperjs/core").Placement[]>;
default: string[];
};
popperClass: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
popperAppendToBody: {
type: BooleanConstructor;
default: any;
};
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
fill: BooleanConstructor;
popperOffset: {
type: NumberConstructor;
default: number;
};
tagType: {
type: StringConstructor;
default: string;
};
tagEffect: {
type: StringConstructor;
default: string;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
persistent: {
type: BooleanConstructor;
default: boolean;
};
modelValue: import("vue").PropType<CascaderValue>;
options: {
type: import("vue").PropType<import("hongluan-ui/es/components/cascader-panel").CascaderOption[]>;
default: () => import("hongluan-ui/es/components/cascader-panel").CascaderOption[];
};
props: {
type: import("vue").PropType<import("hongluan-ui/es/components/cascader-panel").CascaderProps>;
default: () => import("hongluan-ui/es/components/cascader-panel").CascaderProps;
};
}, {
namespace: ComputedRef<string>;
hlSelector: any;
popperPaneRef: ComputedRef<any>;
panel: any;
suggestionPanel: any;
filtering: Ref<boolean>;
checkedValue: import("vue").WritableComputedRef<CascaderValue>;
suggestions: Ref<CascaderNode[]>;
isDisabled: ComputedRef<boolean>;
cascaderSize: ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
cascaderFill: ComputedRef<boolean>;
multiple: ComputedRef<boolean>;
t: import("hongluan-ui/es/hooks").Translator;
/**
* @description toggle the visible of popper
*/
togglePopperVisible: (visible?: boolean) => void;
hideSuggestionPanel: () => void;
resizePanel: (inputInner: HTMLElement) => void;
deleteTag: (tag: {
text: CascaderNode;
}) => void;
focusFirstNode: () => void;
/**
* @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
*/
getCheckedNodes: (leafOnly: boolean) => any;
handleExpandChange: (value: CascaderValue) => void;
handleClear: () => void;
handleSuggestionClick: (node: CascaderNode) => void;
handleSuggestionKeyDown: (e: KeyboardEvent) => void;
handleInput: (val: string) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "blur" | "focus" | "clear" | "expand-change" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "blur" | "focus" | "clear" | "expand-change" | "visible-change" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
emptyValues: ArrayConstructor;
valueOnClear: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
placeholder: StringConstructor;
disabled: BooleanConstructor;
clearable: BooleanConstructor;
filterable: BooleanConstructor;
filterMethod: {
type: import("vue").PropType<(node: CascaderNode, keyword: string) => boolean>;
default: (node: CascaderNode, keyword: string) => boolean;
};
separator: {
type: StringConstructor;
default: string;
};
showAllLevels: {
type: BooleanConstructor;
default: boolean;
};
collapseTags: BooleanConstructor;
maxCollapseTags: {
type: NumberConstructor;
default: number;
};
collapseTagsTooltip: {
type: BooleanConstructor;
default: boolean;
};
debounce: {
type: NumberConstructor;
default: number;
};
beforeFilter: {
type: import("vue").PropType<(value: string) => boolean | Promise<any>>;
default: () => boolean;
};
placement: {
type: import("vue").PropType<import("@popperjs/core").Placement>;
default: string;
};
fallbackPlacements: {
type: import("vue").PropType<import("@popperjs/core").Placement[]>;
default: string[];
};
popperClass: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
popperAppendToBody: {
type: BooleanConstructor;
default: any;
};
teleported: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
fill: BooleanConstructor;
popperOffset: {
type: NumberConstructor;
default: number;
};
tagType: {
type: StringConstructor;
default: string;
};
tagEffect: {
type: StringConstructor;
default: string;
};
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
persistent: {
type: BooleanConstructor;
default: boolean;
};
modelValue: import("vue").PropType<CascaderValue>;
options: {
type: import("vue").PropType<import("hongluan-ui/es/components/cascader-panel").CascaderOption[]>;
default: () => import("hongluan-ui/es/components/cascader-panel").CascaderOption[];
};
props: {
type: import("vue").PropType<import("hongluan-ui/es/components/cascader-panel").CascaderProps>;
default: () => import("hongluan-ui/es/components/cascader-panel").CascaderProps;
};
}>> & {
onChange?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onFocus?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
"onExpand-change"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
"onRemove-tag"?: (...args: any[]) => any;
}, {
validateEvent: boolean;
block: boolean;
disabled: boolean;
fill: boolean;
debounce: number;
placement: import("@popperjs/core").Placement;
props: import("hongluan-ui/es/components/cascader-panel").CascaderProps;
fallbackPlacements: import("@popperjs/core").Placement[];
popperClass: string;
teleported: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
persistent: boolean;
popperAppendToBody: boolean;
clearable: boolean;
popperOffset: number;
separator: string;
options: import("hongluan-ui/es/components/cascader-panel").CascaderOption[];
filterable: boolean;
collapseTags: boolean;
maxCollapseTags: number;
collapseTagsTooltip: boolean;
tagType: string;
tagEffect: string;
filterMethod: (node: CascaderNode, keyword: string) => boolean;
showAllLevels: boolean;
beforeFilter: (value: string) => boolean | Promise<any>;
}>;
export default _default;