UNPKG

naive-ui

Version:

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

1,218 lines 65.5 kB
import type { ScrollbarInst } from '../../_internal'; import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils'; import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar'; import type { AllowDrop, CheckOnClick, GetChildren, Key, OnLoad, RenderLabel, RenderPrefix, RenderSuffix, RenderSwitcherIcon, TreeDragInfo, TreeDropInfo, TreeNodeProps, TreeOption, TreeOptions, TreeOverrideNodeClickBehavior } from './interface'; import { type CheckStrategy, type TreeMateOptions } from 'treemate'; import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue'; import { type VirtualListInst } from 'vueuc'; import { defaultAllowDrop } from './dnd'; export declare function createTreeMateOptions<T>(keyField: string, childrenField: string, disabledField: string, getChildren: GetChildren | undefined): TreeMateOptions<T, T, T>; export type OnUpdateCheckedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: { node: TreeOption | null; action: 'check' | 'uncheck'; }) => void; export type OnUpdateCheckedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: { node: TreeOption | null; action: 'check' | 'uncheck'; }) => void; export type OnUpdateIndeterminateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void; export type OnUpdateIndeterminateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void; export type OnUpdateSelectedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: { node: TreeOption | null; action: 'select' | 'unselect'; }) => void; export type OnUpdateSelectedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: { node: TreeOption | null; action: 'select' | 'unselect'; }) => void; export type onUpdateExpandedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: { node: TreeOption; action: 'expand' | 'collapse'; } | { node: null; action: 'filter'; }) => void; export type OnUpdateExpandedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: { node: TreeOption; action: 'expand' | 'collapse'; } | { node: null; action: 'filter'; }) => void; export declare const treeSharedProps: { readonly allowCheckingNotLoaded: BooleanConstructor; readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>; readonly defaultExpandAll: BooleanConstructor; readonly expandedKeys: PropType<Key[]>; readonly keyField: { readonly type: StringConstructor; readonly default: "key"; }; readonly labelField: { readonly type: StringConstructor; readonly default: "label"; }; readonly childrenField: { readonly type: StringConstructor; readonly default: "children"; }; readonly disabledField: { readonly type: StringConstructor; readonly default: "disabled"; }; readonly defaultExpandedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly indent: { readonly type: NumberConstructor; readonly default: 24; }; readonly indeterminateKeys: PropType<Key[]>; readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>; readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>; readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>; readonly overrideDefaultNodeClickBehavior: PropType<TreeOverrideNodeClickBehavior>; }; export declare const treeProps: { readonly internalTreeSelect: BooleanConstructor; readonly internalScrollable: BooleanConstructor; readonly internalScrollablePadding: StringConstructor; readonly internalRenderEmpty: PropType<() => VNodeChild>; readonly internalHighlightKeySet: PropType<Set<Key> | null>; readonly internalUnifySelectCheck: BooleanConstructor; readonly internalCheckboxFocusable: { readonly type: BooleanConstructor; readonly default: true; }; readonly internalFocusable: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkStrategy: { readonly type: PropType<CheckStrategy>; readonly default: "all"; }; /** * @deprecated */ readonly leafOnly: BooleanConstructor; readonly allowCheckingNotLoaded: BooleanConstructor; readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>; readonly defaultExpandAll: BooleanConstructor; readonly expandedKeys: PropType<Key[]>; readonly keyField: { readonly type: StringConstructor; readonly default: "key"; }; readonly labelField: { readonly type: StringConstructor; readonly default: "label"; }; readonly childrenField: { readonly type: StringConstructor; readonly default: "children"; }; readonly disabledField: { readonly type: StringConstructor; readonly default: "disabled"; }; readonly defaultExpandedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly indent: { readonly type: NumberConstructor; readonly default: 24; }; readonly indeterminateKeys: PropType<Key[]>; readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>; readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>; readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>; readonly overrideDefaultNodeClickBehavior: PropType<TreeOverrideNodeClickBehavior>; readonly accordion: BooleanConstructor; readonly showIrrelevantNodes: { readonly type: BooleanConstructor; readonly default: true; }; readonly data: { readonly type: PropType<TreeOptions>; readonly default: () => never[]; }; readonly expandOnDragenter: { readonly type: BooleanConstructor; readonly default: true; }; readonly expandOnClick: BooleanConstructor; readonly checkOnClick: { readonly type: PropType<boolean | CheckOnClick>; readonly default: false; }; readonly cancelable: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkable: BooleanConstructor; readonly draggable: BooleanConstructor; readonly blockNode: BooleanConstructor; readonly blockLine: BooleanConstructor; readonly showLine: BooleanConstructor; readonly disabled: BooleanConstructor; readonly checkedKeys: PropType<Key[]>; readonly defaultCheckedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly selectedKeys: PropType<Key[]>; readonly defaultSelectedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly multiple: BooleanConstructor; readonly pattern: { readonly type: StringConstructor; readonly default: ""; }; readonly onLoad: PropType<OnLoad>; readonly cascade: BooleanConstructor; readonly selectable: { readonly type: BooleanConstructor; readonly default: true; }; readonly scrollbarProps: PropType<ScrollbarProps>; readonly allowDrop: { readonly type: PropType<AllowDrop>; readonly default: typeof defaultAllowDrop; }; readonly animated: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkboxPlacement: { readonly type: PropType<"left" | "right">; readonly default: "left"; }; readonly virtualScroll: BooleanConstructor; readonly watchProps: PropType<Array<"defaultCheckedKeys" | "defaultSelectedKeys" | "defaultExpandedKeys">>; readonly renderLabel: PropType<RenderLabel>; readonly renderPrefix: PropType<RenderPrefix>; readonly renderSuffix: PropType<RenderSuffix>; readonly nodeProps: PropType<TreeNodeProps>; readonly keyboard: { readonly type: BooleanConstructor; readonly default: true; }; readonly getChildren: PropType<GetChildren>; readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragstart: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragover: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDrop: PropType<MaybeArray<(e: TreeDropInfo) => void>>; readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateCheckedKeys>>; readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateCheckedKeys>>; readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateSelectedKeys>>; readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateSelectedKeys>>; readonly theme: PropType<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>>; }; export type TreeProps = ExtractPublicPropTypes<typeof treeProps>; export interface TreeSlots { default?: () => VNode[]; empty?: () => VNode[]; } declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ readonly internalTreeSelect: BooleanConstructor; readonly internalScrollable: BooleanConstructor; readonly internalScrollablePadding: StringConstructor; readonly internalRenderEmpty: PropType<() => VNodeChild>; readonly internalHighlightKeySet: PropType<Set<Key> | null>; readonly internalUnifySelectCheck: BooleanConstructor; readonly internalCheckboxFocusable: { readonly type: BooleanConstructor; readonly default: true; }; readonly internalFocusable: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkStrategy: { readonly type: PropType<CheckStrategy>; readonly default: "all"; }; /** * @deprecated */ readonly leafOnly: BooleanConstructor; readonly allowCheckingNotLoaded: BooleanConstructor; readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>; readonly defaultExpandAll: BooleanConstructor; readonly expandedKeys: PropType<Key[]>; readonly keyField: { readonly type: StringConstructor; readonly default: "key"; }; readonly labelField: { readonly type: StringConstructor; readonly default: "label"; }; readonly childrenField: { readonly type: StringConstructor; readonly default: "children"; }; readonly disabledField: { readonly type: StringConstructor; readonly default: "disabled"; }; readonly defaultExpandedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly indent: { readonly type: NumberConstructor; readonly default: 24; }; readonly indeterminateKeys: PropType<Key[]>; readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>; readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>; readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>; readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>; readonly overrideDefaultNodeClickBehavior: PropType<TreeOverrideNodeClickBehavior>; readonly accordion: BooleanConstructor; readonly showIrrelevantNodes: { readonly type: BooleanConstructor; readonly default: true; }; readonly data: { readonly type: PropType<TreeOptions>; readonly default: () => never[]; }; readonly expandOnDragenter: { readonly type: BooleanConstructor; readonly default: true; }; readonly expandOnClick: BooleanConstructor; readonly checkOnClick: { readonly type: PropType<boolean | CheckOnClick>; readonly default: false; }; readonly cancelable: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkable: BooleanConstructor; readonly draggable: BooleanConstructor; readonly blockNode: BooleanConstructor; readonly blockLine: BooleanConstructor; readonly showLine: BooleanConstructor; readonly disabled: BooleanConstructor; readonly checkedKeys: PropType<Key[]>; readonly defaultCheckedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly selectedKeys: PropType<Key[]>; readonly defaultSelectedKeys: { readonly type: PropType<Key[]>; readonly default: () => never[]; }; readonly multiple: BooleanConstructor; readonly pattern: { readonly type: StringConstructor; readonly default: ""; }; readonly onLoad: PropType<OnLoad>; readonly cascade: BooleanConstructor; readonly selectable: { readonly type: BooleanConstructor; readonly default: true; }; readonly scrollbarProps: PropType<ScrollbarProps>; readonly allowDrop: { readonly type: PropType<AllowDrop>; readonly default: typeof defaultAllowDrop; }; readonly animated: { readonly type: BooleanConstructor; readonly default: true; }; readonly checkboxPlacement: { readonly type: PropType<"left" | "right">; readonly default: "left"; }; readonly virtualScroll: BooleanConstructor; readonly watchProps: PropType<Array<"defaultCheckedKeys" | "defaultSelectedKeys" | "defaultExpandedKeys">>; readonly renderLabel: PropType<RenderLabel>; readonly renderPrefix: PropType<RenderPrefix>; readonly renderSuffix: PropType<RenderSuffix>; readonly nodeProps: PropType<TreeNodeProps>; readonly keyboard: { readonly type: BooleanConstructor; readonly default: true; }; readonly getChildren: PropType<GetChildren>; readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragstart: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDragover: PropType<MaybeArray<(e: TreeDragInfo) => void>>; readonly onDrop: PropType<MaybeArray<(e: TreeDropInfo) => void>>; readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateCheckedKeys>>; readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateCheckedKeys>>; readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateSelectedKeys>>; readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateSelectedKeys>>; readonly theme: PropType<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>; readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>>; readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tree", { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }, { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }>>>; }>, { mergedClsPrefix: import("vue").Ref<string, string>; mergedTheme: import("vue").ComputedRef<{ common: import("../..").ThemeCommonVars; self: { fontSize: string; lineHeight: string; nodeHeight: string; nodeWrapperPadding: string; nodeBorderRadius: string; nodeColorHover: string; nodeColorPressed: string; nodeColorActive: string; arrowColor: string; nodeTextColor: string; nodeTextColorDisabled: string; loadingColor: string; dropMarkColor: string; lineColor: string; }; peers: { Checkbox: import("../../_mixins").Theme<"Checkbox", { labelLineHeight: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; borderRadius: string; color: string; colorChecked: string; colorDisabled: string; colorDisabledChecked: string; colorTableHeader: string; colorTableHeaderModal: string; colorTableHeaderPopover: string; checkMarkColor: string; checkMarkColorDisabled: string; checkMarkColorDisabledChecked: string; border: string; borderDisabled: string; borderDisabledChecked: string; borderChecked: string; borderFocus: string; boxShadowFocus: string; textColor: string; textColorDisabled: string; sizeSmall: string; sizeMedium: string; sizeLarge: string; labelPadding: string; labelFontWeight: string; }, any>; Scrollbar: import("../../_mixins").Theme<"Scrollbar", { height: string; width: string; borderRadius: string; color: string; colorHover: string; railInsetHorizontalBottom: string; railInsetHorizontalTop: string; railInsetVerticalRight: string; railInsetVerticalLeft: string; railColor: string; }, any>; Empty: import("../../_mixins").Theme<"Empty", { fontSizeTiny: string; fontSizeSmall: string; fontSizeMedium: string; fontSizeLarge: string; fontSizeHuge: string; textColor: string; iconColor: string; extraTextColor: string; iconSizeTiny: string; iconSizeSmall: string; iconSizeMedium: string; iconSizeLarge: string; iconSizeHuge: string; }, any>; }; peerOverrides: { Checkbox?: { peers?: { [x: string]: any; } | undefined; } | undefined; Scrollbar?: { peers?: { [x: string]: any; } | undefined; } | undefined; Empty?: { peers?: { [x: string]: any; } | undefined; } | undefined; }; }>; rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined; fNodes: import("vue").ComputedRef<({ key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; } | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; }[]; children?: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; }[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; } | { __motion: true; height: number | undefined; mode: "expand" | "collapse"; nodes: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; } | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; }[]; children?: { key: import("treemate").Key; rawNode: { [x: string]: unknown; key?: Key | undefined; label?: string | undefined; checkboxDisabled?: boolean | undefined; disabled?: boolean | undefined; isLeaf?: boolean | undefined; children?: any[] | undefined; prefix?: (() => VNodeChild) | undefined; suffix?: (() => VNodeChild) | undefined; }; level: number; index: number; isFirstChild: boolean; isLastChild: boolean; parent: any | null; isLeaf: boolean; isGroup: boolean; ignored: boolean; shallowLoaded: boolean; disabled: boolean; siblings: any[]; children?: any[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; }[] | undefined; getPrev: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getNext: (options?: import("treemate/lib/interface").GetPrevNextOptions) => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getParent: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; getChild: () => import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null; contains: (treeNode: import("treemate").TreeNode<TreeOption, TreeOption, TreeOption> | null | undefined) => boolean; }[]; })[]>; aip: import("vue").Ref<boolean, boolean>; selfElRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>; virtualListInstRef: import("vue").Ref<{ listElRef: HTMLElement; itemsElRef: HTMLElement | null; scrollTo: import("vueuc").VVirtualListScrollTo; } | null, VirtualListInst | { listElRef: HTMLElement; itemsElRef: HTMLElement | null; scrollTo: import("vueuc").VVirtualListScrollTo; } | null>; scrollbarInstRef: import("vue").Ref<{ $el: HTMLElement; containerRef: HTMLElement | null; contentRef: HTMLElement | null; containerScrollTop: number; syncUnifiedContainer: () => void; scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo; scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy; sync: () => void; handleMouseEnterWrapper: () => void; handleMouseLeaveWrapper: () => void; } | null, ScrollbarInst | { $el: HTMLElement; containerRef: HTMLElement | null; contentRef: HTMLElement | null; containerScrollTop: number; syncUnifiedContainer: () => void; scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo; scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy; sync: () => void; handleMouseEnterWrapper: () => void; handleMouseLeaveWrapper: () => void; } | null>; handleFocusout: (e: FocusEvent) => void; handleDragLeaveTree: (e: DragEvent) => void; handleScroll: () => void; getScrollContainer: () => HTMLElement | null | undefined; getScrollContent: () => HTMLElement | null | undefined; handleAfterEnter: () => void; handleResize: () => void; cssVars: import("vue").ComputedRef<{ '--n-arrow-color': string; '--n-loading-color': string; '--n-bezier': string; '--n-font-size': string; '--n-node-border-radius': string; '--n-node-color-active': string; '--n-node-color-hover': string; '--n-node-color-pressed': string; '--n-node-text-color': string; '--n-node-text-color-disabled': string; '--n-drop-mark-color': string; '--n-node-wrapper-padding': string; '--n-line-offset-top': string; '--n-line-offset-bottom': string; '--n-node-content-height': string; '--n-line-height': string; '--n-line-color': string; }> | undefined; themeClass: import("vue").Ref<string, string> | undefined; onRender: (() => void) | undefined; handleKeydown: (e: KeyboardEvent) => { enterBehavior: import("./interface").Tre