beyond-webui 1.1.42 → 1.1.44

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -12,11 +12,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly label: import("./virtual-tree").TreeOptionsEnum.LABEL;
         readonly disabled: import("./virtual-tree").TreeOptionsEnum.DISABLED;
         readonly value: import("./virtual-tree").TreeOptionsEnum.KEY;
+        readonly class: import("./virtual-tree").TreeOptionsEnum.CLASS;
     }>, boolean>;
-    readonly highlightCurrent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly highlightCurrent: BooleanConstructor;
+    readonly showCheckbox: BooleanConstructor;
     readonly defaultCheckedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
-    readonly checkStrictly: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly checkStrictly: BooleanConstructor;
     readonly defaultExpandedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
     readonly indent: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
     readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -27,14 +28,15 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly expandOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly checkOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly checkOnClickNode: BooleanConstructor;
+    readonly checkOnClickLeaf: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly currentNodeKey: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey) | ((new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly accordion: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly accordion: BooleanConstructor;
     readonly filterMethod: {
         readonly type: import("vue").PropType<import("./types").FilterMethod>;
         readonly required: false;
@@ -42,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData) | ((new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData))[], unknown, unknown, () => [], boolean>;
@@ -57,11 +60,12 @@ declare const _default: import("vue").DefineComponent<{
             readonly label: import("./virtual-tree").TreeOptionsEnum.LABEL;
             readonly disabled: import("./virtual-tree").TreeOptionsEnum.DISABLED;
             readonly value: import("./virtual-tree").TreeOptionsEnum.KEY;
+            readonly class: import("./virtual-tree").TreeOptionsEnum.CLASS;
         }>, boolean>;
-        readonly highlightCurrent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-        readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly highlightCurrent: BooleanConstructor;
+        readonly showCheckbox: BooleanConstructor;
         readonly defaultCheckedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
-        readonly checkStrictly: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly checkStrictly: BooleanConstructor;
         readonly defaultExpandedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
         readonly indent: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
         readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -72,14 +76,15 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly expandOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-        readonly checkOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly checkOnClickNode: BooleanConstructor;
+        readonly checkOnClickLeaf: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly currentNodeKey: {
             readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey) | ((new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly accordion: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly accordion: BooleanConstructor;
         readonly filterMethod: {
             readonly type: import("vue").PropType<import("./types").FilterMethod>;
             readonly required: false;
@@ -87,16 +92,18 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly scrollbarAlwaysOn: BooleanConstructor;
     }>> & {
         "onCurrent-change"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
         "onNode-expand"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
         onCheck?: ((data: import("../../tree/src/tree.type").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => any) | undefined;
         "onCheck-change"?: ((data: import("../../tree/src/tree.type").TreeNodeData, checked: boolean) => any) | undefined;
         "onNode-click"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
-        "onNode-contextmenu"?: ((event: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+        "onNode-contextmenu"?: ((evt: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
         "onNode-collapse"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+        "onNode-drop"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
     }>>;
-    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", event: 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);
+    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) & ((event: "node-drop", data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => void);
     slots: Readonly<{
         [name: string]: import("vue").Slot | undefined;
     }>;
@@ -122,16 +129,179 @@ declare const _default: import("vue").DefineComponent<{
     };
     flattenTree: import("vue").ComputedRef<import("./types").TreeNode[]>;
     isNotEmpty: import("vue").ComputedRef<boolean>;
+    listRef: import("vue").Ref<import("vue").DefineComponent<{
+        readonly className: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly containerElement: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+        readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+        readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+        readonly height: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly innerElement: import("../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+        readonly style: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly useIsScrolling: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly width: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly scrollbarAlwaysOn: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly cache: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+        readonly estimatedItemSize: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly layout: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+        readonly initScrollOffset: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+        readonly total: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly itemSize: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => (number | import("beyond-webui/es/components/virtual-list").ItemSize) & {}) | (() => number | import("beyond-webui/es/components/virtual-list").ItemSize) | ((new (...args: any[]) => (number | import("beyond-webui/es/components/virtual-list").ItemSize) & {}) | (() => number | import("beyond-webui/es/components/virtual-list").ItemSize))[], never, never>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        clientSize: import("vue").ComputedRef<string | number | undefined>;
+        estimatedTotalSize: import("vue").ComputedRef<number>;
+        windowStyle: import("vue").ComputedRef<(string | import("vue").CSSProperties | import("vue").StyleValue[] | {
+            [x: string]: string;
+            position: string;
+            WebkitOverflowScrolling: string;
+            willChange: string;
+        } | undefined)[]>;
+        windowRef: import("vue").Ref<HTMLElement | undefined>;
+        innerRef: import("vue").Ref<HTMLElement | undefined>;
+        innerStyle: import("vue").ComputedRef<{
+            height: string;
+            pointerEvents: string | undefined;
+            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: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        }>;
+        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("beyond-webui/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<{
+        readonly className: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly containerElement: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+        readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+        readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+        readonly height: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly innerElement: import("../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+        readonly style: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly useIsScrolling: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly width: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly scrollbarAlwaysOn: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly cache: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+        readonly estimatedItemSize: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly layout: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+        readonly initScrollOffset: import("../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+        readonly total: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly itemSize: {
+            readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => (number | import("beyond-webui/es/components/virtual-list").ItemSize) & {}) | (() => number | import("beyond-webui/es/components/virtual-list").ItemSize) | ((new (...args: any[]) => (number | import("beyond-webui/es/components/virtual-list").ItemSize) & {}) | (() => number | import("beyond-webui/es/components/virtual-list").ItemSize))[], never, never>>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & {
+        onScroll?: ((...args: any[]) => any) | undefined;
+        onItemRendered?: ((...args: any[]) => any) | undefined;
+    }, {
+        readonly className: string;
+        readonly layout: import("../../../utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+        readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+        readonly data: any[];
+        readonly scrollbarAlwaysOn: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly containerElement: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown>;
+        readonly innerElement: import("../../../utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+        readonly useIsScrolling: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly perfMode: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly cache: number;
+        readonly initScrollOffset: number;
+    }> | undefined>;
     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;
     handleNodeClick: (node: import("./types").TreeNode, e: MouseEvent) => void;
+    handleNodeDrop: (node: import("./types").TreeNode, e: DragEvent) => void;
     handleNodeCheck: (node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void;
-    toggleCheckbox: (node: import("./types").TreeNode, isChecked: import("../..").CheckboxValueType, nodeClick?: boolean) => void;
+    toggleCheckbox: (node: import("./types").TreeNode, isChecked: import("../..").CheckboxValueType, nodeClick?: boolean, immediateUpdate?: boolean) => void;
     getCurrentNode: () => import("./types").TreeNodeData | undefined;
     getCurrentKey: () => import("./types").TreeKey | undefined;
     setCurrentKey: (key: import("./types").TreeKey) => void;
@@ -147,6 +317,8 @@ declare const _default: import("vue").DefineComponent<{
     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("beyond-webui/es/components/virtual-list").Alignment) => void;
+    scrollTo: (offset: number) => void;
     FixedSizeList: import("vue").DefineComponent<{
         readonly className: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly containerElement: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | Element) & {}) | (() => string | Element) | ((new (...args: any[]) => (string | Element) & {}) | (() => string | Element))[], unknown, unknown, "div", boolean>;
@@ -316,13 +488,13 @@ declare const _default: import("vue").DefineComponent<{
             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>;
+        readonly expanded: BooleanConstructor;
+        readonly checked: BooleanConstructor;
+        readonly indeterminate: BooleanConstructor;
+        readonly showCheckbox: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly current: BooleanConstructor;
+        readonly hiddenExpandIcon: BooleanConstructor;
         readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -331,20 +503,21 @@ declare const _default: import("vue").DefineComponent<{
                 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>;
+            readonly expanded: BooleanConstructor;
+            readonly checked: BooleanConstructor;
+            readonly indeterminate: BooleanConstructor;
+            readonly showCheckbox: BooleanConstructor;
+            readonly disabled: BooleanConstructor;
+            readonly current: BooleanConstructor;
+            readonly hiddenExpandIcon: BooleanConstructor;
             readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
         }>> & {
             onClick?: ((node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
             onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
+            onDrop?: ((node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
             onCheck?: ((node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => any) | undefined;
         }>>;
-        emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "toggle", node: import("./types").TreeNode) => void) & ((event: "check", node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void);
+        emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => void) & ((event: "drop", node: import("./types").TreeNode, e: DragEvent) => void) & ((event: "toggle", node: import("./types").TreeNode) => void);
         tree: import("./types").TreeContext | undefined;
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -366,7 +539,9 @@ declare const _default: import("vue").DefineComponent<{
         };
         indent: import("vue").ComputedRef<number>;
         icon: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        getNodeClass: (node: import("./types").TreeNode) => any;
         handleClick: (e: MouseEvent) => void;
+        handleDrop: (e: DragEvent) => void;
         handleExpandIconClick: () => void;
         handleCheckChange: (value: import("../..").CheckboxValueType) => void;
         handleContextMenu: (event: Event) => void;
@@ -916,6 +1091,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (node: import("./types").TreeNode, e: MouseEvent) => boolean;
+        drop: (node: import("./types").TreeNode, e: DragEvent) => boolean;
         toggle: (node: import("./types").TreeNode) => boolean;
         check: (node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -924,37 +1100,39 @@ declare const _default: import("vue").DefineComponent<{
             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>;
+        readonly expanded: BooleanConstructor;
+        readonly checked: BooleanConstructor;
+        readonly indeterminate: BooleanConstructor;
+        readonly showCheckbox: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly current: BooleanConstructor;
+        readonly hiddenExpandIcon: BooleanConstructor;
         readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     }>> & {
         onClick?: ((node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
         onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
+        onDrop?: ((node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
         onCheck?: ((node: import("./types").TreeNode, checked: import("../..").CheckboxValueType) => any) | undefined;
     }, {
-        readonly disabled: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly expanded: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly current: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly indeterminate: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly checked: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly disabled: boolean;
+        readonly expanded: boolean;
+        readonly current: boolean;
+        readonly indeterminate: boolean;
+        readonly checked: boolean;
         readonly node: import("./types").TreeNode;
         readonly itemSize: number;
-        readonly showCheckbox: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly hiddenExpandIcon: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly showCheckbox: boolean;
+        readonly hiddenExpandIcon: boolean;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "node-click": (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => MouseEvent;
+    "node-drop": (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => DragEvent;
     "node-expand": (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => import("./types").TreeNode;
     "node-collapse": (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => import("./types").TreeNode;
     "current-change": (data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => import("./types").TreeNode;
     check: (data: import("../../tree/src/tree.type").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => import("./types").CheckedInfo;
     "check-change": (data: import("../../tree/src/tree.type").TreeNodeData, checked: boolean) => boolean;
-    "node-contextmenu": (event: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => import("./types").TreeNode;
+    "node-contextmenu": (evt: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => import("./types").TreeNode;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData) | ((new (...args: any[]) => import("./types").TreeData) | (() => import("./types").TreeData))[], unknown, unknown, () => [], boolean>;
     readonly emptyText: {
@@ -969,11 +1147,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly label: import("./virtual-tree").TreeOptionsEnum.LABEL;
         readonly disabled: import("./virtual-tree").TreeOptionsEnum.DISABLED;
         readonly value: import("./virtual-tree").TreeOptionsEnum.KEY;
+        readonly class: import("./virtual-tree").TreeOptionsEnum.CLASS;
     }>, boolean>;
-    readonly highlightCurrent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly highlightCurrent: BooleanConstructor;
+    readonly showCheckbox: BooleanConstructor;
     readonly defaultCheckedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
-    readonly checkStrictly: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly checkStrictly: BooleanConstructor;
     readonly defaultExpandedKeys: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]) | ((new (...args: any[]) => import("./types").TreeKey[]) | (() => import("./types").TreeKey[]))[], unknown, unknown, () => [], boolean>;
     readonly indent: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
     readonly itemSize: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -984,14 +1163,15 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly expandOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly checkOnClickNode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly checkOnClickNode: BooleanConstructor;
+    readonly checkOnClickLeaf: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly currentNodeKey: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey) | ((new (...args: any[]) => import("./types").TreeKey & {}) | (() => import("./types").TreeKey))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly accordion: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly accordion: BooleanConstructor;
     readonly filterMethod: {
         readonly type: import("vue").PropType<import("./types").FilterMethod>;
         readonly required: false;
@@ -999,28 +1179,32 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly perfMode: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
 }>> & {
     "onCurrent-change"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
     "onNode-expand"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
     onCheck?: ((data: import("../../tree/src/tree.type").TreeNodeData, checkedInfo: import("./types").CheckedInfo) => any) | undefined;
     "onCheck-change"?: ((data: import("../../tree/src/tree.type").TreeNodeData, checked: boolean) => any) | undefined;
     "onNode-click"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: MouseEvent) => any) | undefined;
-    "onNode-contextmenu"?: ((event: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    "onNode-contextmenu"?: ((evt: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
     "onNode-collapse"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
+    "onNode-drop"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode, e: DragEvent) => any) | undefined;
 }, {
     readonly props: import("./types").TreeOptionProps;
     readonly height: number;
     readonly data: import("./types").TreeData;
-    readonly checkStrictly: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly accordion: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly checkStrictly: boolean;
+    readonly accordion: boolean;
+    readonly scrollbarAlwaysOn: boolean;
     readonly indent: number;
     readonly perfMode: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly itemSize: number;
-    readonly showCheckbox: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showCheckbox: boolean;
     readonly defaultCheckedKeys: import("./types").TreeKey[];
     readonly defaultExpandedKeys: import("./types").TreeKey[];
     readonly expandOnClickNode: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly checkOnClickNode: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly highlightCurrent: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly checkOnClickNode: boolean;
+    readonly highlightCurrent: boolean;
+    readonly checkOnClickLeaf: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

package/lib/components/tree-v2/src/types.d.ts

@@ -8,6 +8,9 @@ export interface TreeOptionProps {
     label?: string;
     value?: string;
     disabled?: string;
+    class?: (data: TreeNodeData, node: TreeNode) => string | {
+        [key: string]: boolean;
+    };
 }
 export declare type TreeProps = ExtractPropTypes<typeof treeProps>;
 export interface TreeNode {
@@ -19,6 +22,7 @@ export interface TreeNode {
     disabled?: boolean;
     label?: string;
     isLeaf?: boolean;
+    expanded?: boolean;
 }
 export interface TreeContext {
     ctx: Omit<SetupContext<typeof treeEmits>, 'expose' | 'attrs'>;
@@ -31,7 +35,7 @@ export interface Tree {
     treeNodes: TreeNode[];
     maxLevel: number;
 }
-export declare type FilterMethod = (query: string, node: TreeNodeData) => boolean;
+export declare type FilterMethod = (query: string, data: TreeNodeData, node: TreeNode) => boolean;
 export interface CheckedInfo {
     checkedKeys: TreeKey[];
     checkedNodes: TreeData;