@extclp/vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
665 lines (664 loc) • 40.5 kB
TypeScript
import { VirtualListExposed } from '../virtual-list';
import { Data, FilterFn, Key, TreeNodeProps, TreeSlots } from './symbol';
declare function isLeafNode(node: TreeNodeProps): boolean;
declare function parseAndTransformData(): void;
declare function forceUpdateData(): void;
declare function syncNodeStateIntoData(): void;
declare function refreshScroll(): void;
declare function getCheckedNodes(includePartial?: boolean): TreeNodeProps[];
declare function getCheckedNodeData(includePartial?: boolean): any[];
declare function getSelectedNodes(): TreeNodeProps[];
declare function getSelectedNodeData(): any[];
declare function getExpandedNodes(): TreeNodeProps[];
declare function getDisabledNodes(): TreeNodeProps[];
declare function getParentNode(node: TreeNodeProps): TreeNodeProps | null;
declare function getNodeChildren(node: TreeNodeProps): TreeNodeProps<any>[];
declare function getSiblingNodes(node: TreeNodeProps, includeSelf?: boolean): TreeNodeProps[];
declare function getPrevSiblingNode(node: TreeNodeProps): TreeNodeProps | null;
declare function getNextSiblingNode(node: TreeNodeProps): TreeNodeProps | null;
declare function getNodeByData<T extends Data>(data: T): TreeNodeProps | null;
declare function expandNodeByData<T extends Data>(data: T, expanded?: boolean, upstream?: boolean): void;
declare function selectNodeByData<T extends Data>(data: T, selected?: boolean): void;
declare function checkNodeByData<T extends Data>(data: T, checked?: boolean): void;
declare function toggleNodeLoadingByData<T extends Data>(data: T, loading?: boolean): void;
declare function toggleAllExpanded(expanded: boolean): void;
declare function getTreeData(withFilter?: boolean): any[];
declare function getFlattedData(withFilter?: boolean): any[];
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Readonly<TreeSlots> & TreeSlots;
refs: {
virtualList: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
items: import('vue').PropType<Array<Record<string, any>>>;
itemSize: import('vue').PropType<number>;
itemFixed: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string>;
defaultKeyAt: import('vue').PropType<string | number | symbol>;
bufferSize: import('vue').PropType<number>;
listTag: import('vue').PropType<string>;
itemsTag: import('vue').PropType<string>;
hideBar: import('vue').PropType<boolean>;
lockItems: import('vue').PropType<boolean>;
itemsAttrs: import('vue').PropType<Record<string, any>>;
autoplay: import('vue').PropType<boolean>;
ignoreResize: import('vue').PropType<boolean>;
disabled: import('vue').PropType<boolean>;
onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
NativeScroll: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
scrollAttrs: import('vue').PropType<Record<string, any>>;
mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
disabled: import('vue').PropType<boolean>;
pointer: import('vue').PropType<boolean>;
scrollX: import('vue').PropType<number>;
scrollY: import('vue').PropType<number>;
useXBar: import('vue').PropType<boolean>;
useYBar: import('vue').PropType<boolean>;
barFade: import('vue').PropType<number>;
barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
autoplay: import('vue').PropType<number | boolean>;
playWaiting: import('vue').PropType<number>;
appear: import('vue').PropType<boolean>;
barDuration: import('vue').PropType<number>;
useBarTrack: import('vue').PropType<boolean>;
scrollTag: import('vue').PropType<string>;
observeDeep: import('vue').PropType<boolean>;
scrollOnly: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
onScrollStart: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onScroll: import('vue').PropType<((payload: import('..').NativeScrollPayload) => void) | ((payload: import('..').NativeScrollPayload) => void)[]>;
onScrollEnd: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
scrollAttrs: import('vue').PropType<Record<string, any>>;
mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
disabled: import('vue').PropType<boolean>;
pointer: import('vue').PropType<boolean>;
scrollX: import('vue').PropType<number>;
scrollY: import('vue').PropType<number>;
useXBar: import('vue').PropType<boolean>;
useYBar: import('vue').PropType<boolean>;
barFade: import('vue').PropType<number>;
barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
autoplay: import('vue').PropType<number | boolean>;
playWaiting: import('vue').PropType<number>;
appear: import('vue').PropType<boolean>;
barDuration: import('vue').PropType<number>;
useBarTrack: import('vue').PropType<boolean>;
scrollTag: import('vue').PropType<string>;
observeDeep: import('vue').PropType<boolean>;
scrollOnly: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
onScrollStart: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onScroll: import('vue').PropType<((payload: import('..').NativeScrollPayload) => void) | ((payload: import('..').NativeScrollPayload) => void)[]>;
onScrollEnd: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
throttle: import('vue').PropType<number | boolean>;
disabled: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
throttle: import('vue').PropType<number | boolean>;
disabled: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
items: import('vue').PropType<Array<Record<string, any>>>;
itemSize: import('vue').PropType<number>;
itemFixed: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string>;
defaultKeyAt: import('vue').PropType<string | number | symbol>;
bufferSize: import('vue').PropType<number>;
listTag: import('vue').PropType<string>;
itemsTag: import('vue').PropType<string>;
hideBar: import('vue').PropType<boolean>;
lockItems: import('vue').PropType<boolean>;
itemsAttrs: import('vue').PropType<Record<string, any>>;
autoplay: import('vue').PropType<boolean>;
ignoreResize: import('vue').PropType<boolean>;
disabled: import('vue').PropType<boolean>;
onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}> | null;
trap: HTMLDivElement;
indicator: HTMLDivElement;
};
rootEl: any;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
empty: string;
}>>;
arrow: import('vue').PropType<boolean | "auto">;
data: import('vue').PropType<Data[]>;
noBuildTree: import('vue').PropType<boolean>;
emptyText: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
readonly: import('vue').PropType<boolean>;
checkbox: import('vue').PropType<boolean>;
suffixCheckbox: import('vue').PropType<boolean>;
renderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
prefixRenderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
suffixRenderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
multiple: import('vue').PropType<boolean>;
indent: import('vue').PropType<string | number>;
accordion: import('vue').PropType<boolean>;
draggable: import('vue').PropType<boolean>;
appear: import('vue').PropType<boolean>;
floorSelect: import('vue').PropType<boolean>;
onAsyncLoad: import('vue').PropType<import('./symbol').AsyncLoadFn>;
cacheNode: import('vue').PropType<boolean>;
rootId: import('vue').PropType<string | number>;
keyConfig: import('vue').PropType<import('./symbol').TreeNodeKeyConfig>;
noCascaded: import('vue').PropType<boolean>;
filter: import('vue').PropType<string | FilterFn>;
ignoreCase: import('vue').PropType<boolean>;
nodeProps: import('vue').PropType<Data | import('./symbol').NodePropsFn>;
linkLine: import('vue').PropType<boolean | "none" | "dashed" | "dotted" | "solid">;
postCreate: import('vue').PropType<import('./symbol').TreeNodePostCreate>;
virtual: import('vue').PropType<boolean>;
nodeMinHeight: import('vue').PropType<number>;
useYBar: import('vue').PropType<boolean>;
noTransition: import('vue').PropType<boolean>;
arrowIcon: import('vue').PropType<any>;
blockEffect: import('vue').PropType<boolean>;
filterLeaf: import('vue').PropType<boolean>;
keepSelected: import('vue').PropType<boolean>;
slots: import('vue').PropType<TreeSlots>;
onNodeChange: import('vue').PropType<((data: Data, node: TreeNodeProps, checked: boolean) => void) | ((data: Data, node: TreeNodeProps, checked: boolean) => void)[]>;
onNodeClick: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeSelect: import('vue').PropType<((data: Data | Data[], node: TreeNodeProps | TreeNodeProps[]) => void) | ((data: Data | Data[], node: TreeNodeProps | TreeNodeProps[]) => void)[]>;
onNodeCancel: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeExpand: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeReduce: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeContextmenu: import('vue').PropType<((event: MouseEvent, data: Data, node: TreeNodeProps) => void) | ((event: MouseEvent, data: Data, node: TreeNodeProps) => void)[]>;
onDragStart: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onDragOver: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onDrop: import('vue').PropType<((data: Data, node: TreeNodeProps, type: import('./symbol').TreeNodeDropType) => void) | ((data: Data, node: TreeNodeProps, type: import('./symbol').TreeNodeDropType) => void)[]>;
onDragEnd: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onLabelClick: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
}>, {
treeNodes: import('vue').Ref<{
id: Key;
parent?: Key | undefined;
children: {
id: Key;
parent?: Key | undefined;
children: /*elided*/ any[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[], TreeNodeProps[] | {
id: Key;
parent?: Key | undefined;
children: {
id: Key;
parent?: Key | undefined;
children: /*elided*/ any[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[]>;
flattedNodes: import('vue').Ref<{
id: Key;
parent?: Key | undefined;
children: {
id: Key;
parent?: Key | undefined;
children: /*elided*/ any[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[], TreeNodeProps[] | {
id: Key;
parent?: Key | undefined;
children: {
id: Key;
parent?: Key | undefined;
children: /*elided*/ any[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[];
visible: boolean;
selected: boolean;
expanded: boolean;
disabled: boolean;
checked: boolean;
loading: boolean;
loaded: boolean;
loadFail: boolean;
readonly: boolean;
arrow: boolean | "auto";
checkbox: boolean;
selectDisabled: boolean;
expandDisabled: boolean;
checkDisabled: boolean;
isLeaf: boolean | "auto";
data: any;
partial: boolean;
matched: boolean;
childMatched: boolean;
upperMatched: boolean;
depth: number;
last: boolean;
upstreamLast: boolean[];
lineIndexes: number[];
}[]>;
dragging: import('vue').Ref<boolean, boolean>;
expanding: import('vue').Ref<boolean, boolean>;
virtualList: import('vue').Ref<VirtualListExposed | undefined, VirtualListExposed | undefined>;
trap: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
indicator: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
refreshScroll: typeof refreshScroll;
isLeafNode: typeof isLeafNode;
parseAndTransformData: typeof parseAndTransformData;
forceUpdateData: typeof forceUpdateData;
syncNodeStateIntoData: typeof syncNodeStateIntoData;
getCheckedNodes: typeof getCheckedNodes;
getCheckedNodeData: typeof getCheckedNodeData;
getSelectedNodes: typeof getSelectedNodes;
getSelectedNodeData: typeof getSelectedNodeData;
getExpandedNodes: typeof getExpandedNodes;
getDisabledNodes: typeof getDisabledNodes;
getParentNode: typeof getParentNode;
getNodeChildren: typeof getNodeChildren;
getSiblingNodes: typeof getSiblingNodes;
getPrevSiblingNode: typeof getPrevSiblingNode;
getNextSiblingNode: typeof getNextSiblingNode;
getNodeByData: typeof getNodeByData;
expandNodeByData: typeof expandNodeByData;
selectNodeByData: typeof selectNodeByData;
checkNodeByData: typeof checkNodeByData;
toggleNodeLoadingByData: typeof toggleNodeLoadingByData;
toggleAllExpanded: typeof toggleAllExpanded;
getTreeData: typeof getTreeData;
getFlattedData: typeof getFlattedData;
updateVisibleNodeEls: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
locale: import('vue').PropType<Partial<{
empty: string;
}>>;
arrow: import('vue').PropType<boolean | "auto">;
data: import('vue').PropType<Data[]>;
noBuildTree: import('vue').PropType<boolean>;
emptyText: import('vue').PropType<string>;
disabled: import('vue').PropType<boolean>;
readonly: import('vue').PropType<boolean>;
checkbox: import('vue').PropType<boolean>;
suffixCheckbox: import('vue').PropType<boolean>;
renderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
prefixRenderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
suffixRenderer: import('vue').PropType<import('./symbol').TreeNodeRenderFn>;
multiple: import('vue').PropType<boolean>;
indent: import('vue').PropType<string | number>;
accordion: import('vue').PropType<boolean>;
draggable: import('vue').PropType<boolean>;
appear: import('vue').PropType<boolean>;
floorSelect: import('vue').PropType<boolean>;
onAsyncLoad: import('vue').PropType<import('./symbol').AsyncLoadFn>;
cacheNode: import('vue').PropType<boolean>;
rootId: import('vue').PropType<string | number>;
keyConfig: import('vue').PropType<import('./symbol').TreeNodeKeyConfig>;
noCascaded: import('vue').PropType<boolean>;
filter: import('vue').PropType<string | FilterFn>;
ignoreCase: import('vue').PropType<boolean>;
nodeProps: import('vue').PropType<Data | import('./symbol').NodePropsFn>;
linkLine: import('vue').PropType<boolean | "none" | "dashed" | "dotted" | "solid">;
postCreate: import('vue').PropType<import('./symbol').TreeNodePostCreate>;
virtual: import('vue').PropType<boolean>;
nodeMinHeight: import('vue').PropType<number>;
useYBar: import('vue').PropType<boolean>;
noTransition: import('vue').PropType<boolean>;
arrowIcon: import('vue').PropType<any>;
blockEffect: import('vue').PropType<boolean>;
filterLeaf: import('vue').PropType<boolean>;
keepSelected: import('vue').PropType<boolean>;
slots: import('vue').PropType<TreeSlots>;
onNodeChange: import('vue').PropType<((data: Data, node: TreeNodeProps, checked: boolean) => void) | ((data: Data, node: TreeNodeProps, checked: boolean) => void)[]>;
onNodeClick: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeSelect: import('vue').PropType<((data: Data | Data[], node: TreeNodeProps | TreeNodeProps[]) => void) | ((data: Data | Data[], node: TreeNodeProps | TreeNodeProps[]) => void)[]>;
onNodeCancel: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeExpand: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeReduce: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onNodeContextmenu: import('vue').PropType<((event: MouseEvent, data: Data, node: TreeNodeProps) => void) | ((event: MouseEvent, data: Data, node: TreeNodeProps) => void)[]>;
onDragStart: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onDragOver: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onDrop: import('vue').PropType<((data: Data, node: TreeNodeProps, type: import('./symbol').TreeNodeDropType) => void) | ((data: Data, node: TreeNodeProps, type: import('./symbol').TreeNodeDropType) => void)[]>;
onDragEnd: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
onLabelClick: import('vue').PropType<((data: Data, node: TreeNodeProps) => void) | ((data: Data, node: TreeNodeProps) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
virtualList: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
items: import('vue').PropType<Array<Record<string, any>>>;
itemSize: import('vue').PropType<number>;
itemFixed: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string>;
defaultKeyAt: import('vue').PropType<string | number | symbol>;
bufferSize: import('vue').PropType<number>;
listTag: import('vue').PropType<string>;
itemsTag: import('vue').PropType<string>;
hideBar: import('vue').PropType<boolean>;
lockItems: import('vue').PropType<boolean>;
itemsAttrs: import('vue').PropType<Record<string, any>>;
autoplay: import('vue').PropType<boolean>;
ignoreResize: import('vue').PropType<boolean>;
disabled: import('vue').PropType<boolean>;
onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
NativeScroll: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
scrollAttrs: import('vue').PropType<Record<string, any>>;
mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
disabled: import('vue').PropType<boolean>;
pointer: import('vue').PropType<boolean>;
scrollX: import('vue').PropType<number>;
scrollY: import('vue').PropType<number>;
useXBar: import('vue').PropType<boolean>;
useYBar: import('vue').PropType<boolean>;
barFade: import('vue').PropType<number>;
barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
autoplay: import('vue').PropType<number | boolean>;
playWaiting: import('vue').PropType<number>;
appear: import('vue').PropType<boolean>;
barDuration: import('vue').PropType<number>;
useBarTrack: import('vue').PropType<boolean>;
scrollTag: import('vue').PropType<string>;
observeDeep: import('vue').PropType<boolean>;
scrollOnly: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
onScrollStart: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onScroll: import('vue').PropType<((payload: import('..').NativeScrollPayload) => void) | ((payload: import('..').NativeScrollPayload) => void)[]>;
onScrollEnd: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
scrollAttrs: import('vue').PropType<Record<string, any>>;
mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
width: import('vue').PropType<string | number>;
height: import('vue').PropType<string | number>;
disabled: import('vue').PropType<boolean>;
pointer: import('vue').PropType<boolean>;
scrollX: import('vue').PropType<number>;
scrollY: import('vue').PropType<number>;
useXBar: import('vue').PropType<boolean>;
useYBar: import('vue').PropType<boolean>;
barFade: import('vue').PropType<number>;
barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
autoplay: import('vue').PropType<number | boolean>;
playWaiting: import('vue').PropType<number>;
appear: import('vue').PropType<boolean>;
barDuration: import('vue').PropType<number>;
useBarTrack: import('vue').PropType<boolean>;
scrollTag: import('vue').PropType<string>;
observeDeep: import('vue').PropType<boolean>;
scrollOnly: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
onScrollStart: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onScroll: import('vue').PropType<((payload: import('..').NativeScrollPayload) => void) | ((payload: import('..').NativeScrollPayload) => void)[]>;
onScrollEnd: import('vue').PropType<((payload: Omit<import('..').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('..').NativeScrollPayload, "type">) => void)[]>;
onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
throttle: import('vue').PropType<number | boolean>;
disabled: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
throttle: import('vue').PropType<number | boolean>;
disabled: import('vue').PropType<boolean>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
items: import('vue').PropType<Array<Record<string, any>>>;
itemSize: import('vue').PropType<number>;
itemFixed: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string>;
defaultKeyAt: import('vue').PropType<string | number | symbol>;
bufferSize: import('vue').PropType<number>;
listTag: import('vue').PropType<string>;
itemsTag: import('vue').PropType<string>;
hideBar: import('vue').PropType<boolean>;
lockItems: import('vue').PropType<boolean>;
itemsAttrs: import('vue').PropType<Record<string, any>>;
autoplay: import('vue').PropType<boolean>;
ignoreResize: import('vue').PropType<boolean>;
disabled: import('vue').PropType<boolean>;
onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}> | null;
trap: HTMLDivElement;
indicator: HTMLDivElement;
}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};