hongluan-ui
Version:
Hongluan Component Library for Vue 3
1,036 lines (1,035 loc) • 61.8 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
readonly data: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeData>, unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeOptionProps>, unknown, unknown, () => import("../../../utils").Mutable<{
readonly children: import("./virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("./virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("./virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("./virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeKey[]>, unknown, unknown, () => [], boolean>;
readonly checkStrictly: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeKey[]>, unknown, unknown, () => [], boolean>;
readonly indent: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly expandOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<import("./types").TreeKey>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly accordion: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import("vue").PropType<import("./types").FilterMethod>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 40, boolean>;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly data: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeData>, unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import("vue").PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeOptionProps>, unknown, unknown, () => import("../../../utils").Mutable<{
readonly children: import("./virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("./virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("./virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("./virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeKey[]>, unknown, unknown, () => [], boolean>;
readonly checkStrictly: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeKey[]>, unknown, unknown, () => [], boolean>;
readonly indent: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly expandOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<import("./types").TreeKey>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly accordion: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import("vue").PropType<import("./types").FilterMethod>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 40, boolean>;
}>> & {
"onCurrent-change"?: (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any;
"onNode-expand"?: (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any;
"onCheck-change"?: (data: import("../../tree/src/tree.type").TreeNodeData, checked: boolean) => any;
"onNode-click"?: (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => any;
"onNode-contextmenu"?: (evt: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any;
"onNode-collapse"?: (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any;
onCheck?: (data: import("../../tree/src/tree.type").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => any;
}>>;
emit: ((event: "current-change", data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => void) & ((event: "node-expand", data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => void) & ((event: "check-change", data: import("../../tree/src/tree.type").TreeNodeData, checked: boolean) => void) & ((event: "node-click", data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "node-contextmenu", evt: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => void) & ((event: "node-collapse", data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => void) & ((event: "check", data: import("../../tree/src/tree.type").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => void);
slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
namespace: import("vue").ComputedRef<string>;
t: import("hongluan-ui/es/hooks").Translator;
flattenTree: import("vue").ComputedRef<import("./types").TreeNode[]>;
isNotEmpty: import("vue").ComputedRef<boolean>;
listRef: import("vue").Ref<import("vue").DefineComponent<{
className: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
containerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
containerProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
data: {
type: import("vue").PropType<any[]>;
default: () => any[];
};
direction: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").Direction>;
default: string;
validator: (val: import("hongluan-ui/es/components/virtual-list").Direction) => boolean;
};
height: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
innerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
innerElementProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
style: {
type: import("vue").PropType<import("../../../utils").StyleValue>;
};
useIsScrolling: {
type: BooleanConstructor;
default: boolean;
};
width: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
perfMode: {
type: BooleanConstructor;
default: boolean;
};
scrollbarAlwaysOn: {
type: BooleanConstructor;
default: boolean;
};
cache: {
type: import("vue").PropType<number>;
default: number;
};
estimatedItemSize: {
type: import("vue").PropType<number>;
};
layout: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").LayoutDirection>;
default: string;
};
initScrollOffset: {
type: NumberConstructor;
default: number;
};
total: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
itemSize: {
type: import("vue").PropType<number | import("hongluan-ui/es/components/virtual-list").ItemSize>;
required: boolean;
};
}, {
clientSize: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
estimatedTotalSize: import("vue").ComputedRef<number>;
windowStyle: import("vue").ComputedRef<unknown[]>;
windowRef: import("vue").Ref<HTMLElement>;
innerRef: import("vue").Ref<HTMLElement>;
innerStyle: import("vue").ComputedRef<{
height: string;
pointerEvents: string;
width: string;
}>;
itemsToRender: import("vue").ComputedRef<number[]>;
scrollbarRef: import("vue").Ref<any>;
states: import("vue").Ref<{
isScrolling: boolean;
scrollDir: string;
scrollOffset: number;
updateRequested: boolean;
isScrollbarDragging: boolean;
scrollbarAlwaysOn: boolean;
}>;
getItemStyle: (idx: number) => import("vue").CSSProperties;
onScroll: (e: Event) => void;
onScrollbarScroll: (distanceToGo: number, totalSteps: number) => void;
onWheel: (e: WheelEvent) => void;
scrollTo: (offset: number) => void;
scrollToItem: (idx: number, alignment?: import("hongluan-ui/es/components/virtual-list").Alignment) => void;
resetScrollTop: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
className: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
containerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
containerProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
data: {
type: import("vue").PropType<any[]>;
default: () => any[];
};
direction: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").Direction>;
default: string;
validator: (val: import("hongluan-ui/es/components/virtual-list").Direction) => boolean;
};
height: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
innerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
innerElementProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
style: {
type: import("vue").PropType<import("../../../utils").StyleValue>;
};
useIsScrolling: {
type: BooleanConstructor;
default: boolean;
};
width: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
perfMode: {
type: BooleanConstructor;
default: boolean;
};
scrollbarAlwaysOn: {
type: BooleanConstructor;
default: boolean;
};
cache: {
type: import("vue").PropType<number>;
default: number;
};
estimatedItemSize: {
type: import("vue").PropType<number>;
};
layout: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").LayoutDirection>;
default: string;
};
initScrollOffset: {
type: NumberConstructor;
default: number;
};
total: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
itemSize: {
type: import("vue").PropType<number | import("hongluan-ui/es/components/virtual-list").ItemSize>;
required: boolean;
};
}>> & {
onScroll?: (...args: any[]) => any;
onItemRendered?: (...args: any[]) => any;
}, {
data: any[];
className: string | Record<string, any> | unknown[];
layout: import("hongluan-ui/es/components/virtual-list").LayoutDirection;
direction: import("hongluan-ui/es/components/virtual-list").Direction;
scrollbarAlwaysOn: boolean;
cache: number;
useIsScrolling: boolean;
perfMode: boolean;
containerElement: string | Record<string, any>;
containerProps: {};
innerElement: string | Record<string, any>;
innerElementProps: {};
initScrollOffset: number;
}>>;
toggleExpand: (node: import("./types").TreeNode) => void;
isExpanded: (node: import("./types").TreeNode) => boolean;
isIndeterminate: (node: import("./types").TreeNode) => boolean;
isChecked: (node: import("./types").TreeNode) => boolean;
isDisabled: (node: import("./types").TreeNode) => boolean;
isCurrent: (node: import("./types").TreeNode) => boolean;
isForceHiddenExpandIcon: (node: import("./types").TreeNode) => boolean;
toggleCheckbox: (node: import("./types").TreeNode, isChecked: import("../..").CheckboxValueType, nodeClick?: boolean) => void;
handleNodeClick: (node: import("./types").TreeNode, e: MouseEvent) => void;
handleNodeCheck: (node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void;
getCurrentNode: () => import("./types").TreeNodeData;
getCurrentKey: () => import("./types").TreeKey;
setCurrentKey: (key: import("./types").TreeKey) => void;
getCheckedKeys: (leafOnly?: boolean) => import("./types").TreeKey[];
getCheckedNodes: (leafOnly?: boolean) => import("./types").TreeNodeData[];
getHalfCheckedKeys: () => import("./types").TreeKey[];
getHalfCheckedNodes: () => import("./types").TreeNodeData[];
setChecked: (key: import("./types").TreeKey, isChecked: boolean) => void;
setCheckedKeys: (keys: import("./types").TreeKey[]) => void;
filter: (query: string) => void;
setData: (data: import("./types").TreeData) => void;
getNode: (data: import("./types").TreeNodeData | import("./types").TreeKey) => import("./types").TreeNode;
expandNode: (node: import("./types").TreeNode) => void;
collapseNode: (node: import("./types").TreeNode) => void;
setExpandedKeys: (keys: import("./types").TreeKey[]) => void;
scrollToNode: (key: import("./types").TreeKey, strategy?: import("hongluan-ui/es/components/virtual-list").Alignment) => void;
scrollTo: (offset: number) => void;
FixedSizeList: import("vue").DefineComponent<{
className: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
containerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
containerProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
data: {
type: import("vue").PropType<any[]>;
default: () => any[];
};
direction: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").Direction>;
default: string;
validator: (val: import("hongluan-ui/es/components/virtual-list").Direction) => boolean;
};
height: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
innerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
innerElementProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
style: {
type: import("vue").PropType<import("../../../utils").StyleValue>;
};
useIsScrolling: {
type: BooleanConstructor;
default: boolean;
};
width: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
perfMode: {
type: BooleanConstructor;
default: boolean;
};
scrollbarAlwaysOn: {
type: BooleanConstructor;
default: boolean;
};
cache: {
type: import("vue").PropType<number>;
default: number;
};
estimatedItemSize: {
type: import("vue").PropType<number>;
};
layout: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").LayoutDirection>;
default: string;
};
initScrollOffset: {
type: NumberConstructor;
default: number;
};
total: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
itemSize: {
type: import("vue").PropType<number | import("hongluan-ui/es/components/virtual-list").ItemSize>;
required: boolean;
};
}, {
clientSize: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
estimatedTotalSize: import("vue").ComputedRef<number>;
windowStyle: import("vue").ComputedRef<unknown[]>;
windowRef: import("vue").Ref<HTMLElement>;
innerRef: import("vue").Ref<HTMLElement>;
innerStyle: import("vue").ComputedRef<{
height: string;
pointerEvents: string;
width: string;
}>;
itemsToRender: import("vue").ComputedRef<number[]>;
scrollbarRef: import("vue").Ref<any>;
states: import("vue").Ref<{
isScrolling: boolean;
scrollDir: string;
scrollOffset: number;
updateRequested: boolean;
isScrollbarDragging: boolean;
scrollbarAlwaysOn: boolean;
}>;
getItemStyle: (idx: number) => import("vue").CSSProperties;
onScroll: (e: Event) => void;
onScrollbarScroll: (distanceToGo: number, totalSteps: number) => void;
onWheel: (e: WheelEvent) => void;
scrollTo: (offset: number) => void;
scrollToItem: (idx: number, alignment?: import("hongluan-ui/es/components/virtual-list").Alignment) => void;
resetScrollTop: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
className: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
containerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
containerProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
data: {
type: import("vue").PropType<any[]>;
default: () => any[];
};
direction: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").Direction>;
default: string;
validator: (val: import("hongluan-ui/es/components/virtual-list").Direction) => boolean;
};
height: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
innerElement: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
innerElementProps: {
type: import("vue").PropType<import("../../../utils").Indexable<any>>;
default: () => {};
};
style: {
type: import("vue").PropType<import("../../../utils").StyleValue>;
};
useIsScrolling: {
type: BooleanConstructor;
default: boolean;
};
width: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(StringConstructor | NumberConstructor)[], never, never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
perfMode: {
type: BooleanConstructor;
default: boolean;
};
scrollbarAlwaysOn: {
type: BooleanConstructor;
default: boolean;
};
cache: {
type: import("vue").PropType<number>;
default: number;
};
estimatedItemSize: {
type: import("vue").PropType<number>;
};
layout: {
type: import("vue").PropType<import("hongluan-ui/es/components/virtual-list").LayoutDirection>;
default: string;
};
initScrollOffset: {
type: NumberConstructor;
default: number;
};
total: {
readonly type: import("vue").PropType<number>;
readonly required: true;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
itemSize: {
type: import("vue").PropType<number | import("hongluan-ui/es/components/virtual-list").ItemSize>;
required: boolean;
};
}>> & {
onScroll?: (...args: any[]) => any;
onItemRendered?: (...args: any[]) => any;
}, {
data: any[];
className: string | Record<string, any> | unknown[];
layout: import("hongluan-ui/es/components/virtual-list").LayoutDirection;
direction: import("hongluan-ui/es/components/virtual-list").Direction;
scrollbarAlwaysOn: boolean;
cache: number;
useIsScrolling: boolean;
perfMode: boolean;
containerElement: string | Record<string, any>;
containerProps: {};
innerElement: string | Record<string, any>;
innerElementProps: {};
initScrollOffset: number;
}>;
TreeNode: import("vue").DefineComponent<{
readonly node: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeNode>, unknown, unknown, () => import("../../../utils").Mutable<{
readonly key: -1;
readonly level: -1;
readonly data: {};
}>, boolean>;
readonly expanded: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly checked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly indeterminate: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly current: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly hiddenExpandIcon: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly node: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeNode>, unknown, unknown, () => import("../../../utils").Mutable<{
readonly key: -1;
readonly level: -1;
readonly data: {};
}>, boolean>;
readonly expanded: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly checked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly indeterminate: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly current: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly hiddenExpandIcon: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}>> & {
onClick?: (node: import("./types").TreeNode, e: MouseEvent) => any;
onToggle?: (node: import("./types").TreeNode) => any;
onCheck?: (node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => any;
}>>;
emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void) & ((event: "toggle", node: import("./types").TreeNode) => void);
tree: import("./types").TreeContext;
indent: import("vue").ComputedRef<number>;
handleClick: (e: MouseEvent) => void;
handleExpandIconClick: () => void;
handleCheckChange: (value: import("../..").CheckboxValueType) => void;
handleContextMenu: (event: Event) => void;
SystemCaret: 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;
}>;
HlIcon: import("../../../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>;
HlCheckbox: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
ariaControls: StringConstructor;
modelValue: {
type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
default: any;
};
label: {
type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
default: any;
};
value: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
default: any;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
bold: BooleanConstructor;
fill: BooleanConstructor;
custom: BooleanConstructor;
round: BooleanConstructor;
name: {
type: StringConstructor;
default: any;
};
trueValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
trueLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
id: {
type: StringConstructor;
default: any;
};
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;
};
controls: {
type: StringConstructor;
default: any;
};
showLabel: {
type: BooleanConstructor;
default: boolean;
};
tabindex: (StringConstructor | NumberConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
ariaControls: StringConstructor;
modelValue: {
type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
default: any;
};
label: {
type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
default: any;
};
value: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
default: any;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
bold: BooleanConstructor;
fill: BooleanConstructor;
custom: BooleanConstructor;
round: BooleanConstructor;
name: {
type: StringConstructor;
default: any;
};
trueValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
trueLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
id: {
type: StringConstructor;
default: any;
};
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;
};
controls: {
type: StringConstructor;
default: any;
};
showLabel: {
type: BooleanConstructor;
default: boolean;
};
tabindex: (StringConstructor | NumberConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: (val: import("../..").CheckboxValueType) => any;
"onUpdate:modelValue"?: (val: import("../..").CheckboxValueType) => any;
}>>;
slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
namespace: import("vue").ComputedRef<string>;
inputId: import("vue").Ref<string>;
isLabeledByFormItem: import("vue").ComputedRef<boolean>;
isChecked: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
isFocused: import("vue").Ref<boolean>;
isCustom: import("vue").ComputedRef<boolean>;
isRound: import("vue").ComputedRef<boolean>;
isFill: import("vue").ComputedRef<boolean>;
checkboxType: import("vue").ComputedRef<"success" | "info" | "warning" | "danger" | "link" | "primary">;
checkboxSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
hasOwnLabel: import("vue").ComputedRef<boolean>;
model: import("vue").WritableComputedRef<any>;
actualValue: import("vue").ComputedRef<string | number | boolean | Record<string, any>>;
handleChange: (e: Event) => void;
onClickRoot: (e: MouseEvent) => Promise<void>;
HlIcon: import("../../../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>;
SystemChecked: 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;
}>;
SystemIndeterminate: 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;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (val: import("../..").CheckboxValueType) => boolean;
change: (val: import("../..").CheckboxValueType) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
ariaControls: StringConstructor;
modelValue: {
type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
default: any;
};
label: {
type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
default: any;
};
value: {
type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
default: any;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
bold: BooleanConstructor;
fill: BooleanConstructor;
custom: BooleanConstructor;
round: BooleanConstructor;
name: {
type: StringConstructor;
default: any;
};
trueValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseValue: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
trueLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
falseLabel: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
id: {
type: StringConstructor;
default: any;
};
type: {