@uzum-tech/ui 2.0.6 → 2.0.7

package/lib/components.d.ts

@@ -106227,7 +106227,7 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
     readonly scrollbarProps: import("vue").PropType<import("./scrollbar").ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: import("vue").PropType<import("./tree/src/interface").AllowDrop>;
@@ -106253,16 +106253,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     readonly getChildren: import("vue").PropType<import("./tree/src/interface").GetChildren>;
-    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDropInfo) => void>>;
     readonly onUpdateCheckedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly 'onUpdate:checkedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly onUpdateSelectedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
     readonly 'onUpdate:selectedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -106273,6 +106274,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106372,6 +106375,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106471,6 +106476,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -106574,6 +106581,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -106963,15 +106972,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
-    handleFocusout: (e: FocusEvent) => void;
-    handleDragLeaveTree: (e: DragEvent) => void;
-    handleScroll: () => void;
+    handleFocusout: (event: FocusEvent) => void;
+    handleDragLeaveTree: (event: DragEvent) => void;
+    handleScroll: (event: Event) => void;
     getScrollContainer: () => HTMLElement | null | undefined;
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
     cssVars: import("vue").ComputedRef<{
         '--u-arrow-color': string;
+        '--u-switcher-color': string;
+        '--u-switcher-size': string;
         '--u-loading-color': string;
         '--u-bezier': string;
         '--u-font-size': string;
@@ -107108,7 +107119,7 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
     readonly scrollbarProps: import("vue").PropType<import("./scrollbar").ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: import("vue").PropType<import("./tree/src/interface").AllowDrop>;
@@ -107134,16 +107145,17 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: true;
     };
     readonly getChildren: import("vue").PropType<import("./tree/src/interface").GetChildren>;
-    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import("./tree").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import("./tree").TreeDropInfo) => void>>;
     readonly onUpdateCheckedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly 'onUpdate:checkedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateCheckedKeys>>;
     readonly onUpdateSelectedKeys: import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
     readonly 'onUpdate:selectedKeys': import("vue").PropType<import("./_utils").MaybeArray<import("./tree/src/Tree").OnUpdateSelectedKeys>>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
     readonly theme: import("vue").PropType<import("./_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -107154,6 +107166,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107253,6 +107267,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107352,6 +107368,8 @@ export declare const UTree: import("vue").DefineComponent<import("vue").ExtractP
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -107490,8 +107508,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import("./tree-select").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import("./tree-select").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import("./tree-select").TreeSelectNodeProps>;
-    readonly onBlur: import("vue").PropType<(e: FocusEvent) => void>;
-    readonly onFocus: import("vue").PropType<(e: FocusEvent) => void>;
+    readonly onBlur: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -107612,6 +107632,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -107864,6 +107886,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -108116,6 +108140,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -108414,22 +108440,23 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     }) => void;
     handleMenuLeave: () => void;
     handleTriggerClick: () => void;
-    handleMenuClickoutside: (e: MouseEvent) => void;
+    handleMenuClickoutside: (event: MouseEvent) => void;
     handleUpdateCheckedKeys: (keys: import("./tree/src/interface").Key[], _: unknown, meta: {
         node: import("./tree").TreeOption | null;
         action: "check" | "uncheck";
     }) => void;
     handleUpdateIndeterminateKeys: (keys: import("./tree/src/interface").Key[]) => void;
-    handleTriggerFocus: (e: FocusEvent) => void;
-    handleTriggerBlur: (e: FocusEvent) => void;
-    handleMenuFocusin: (e: FocusEvent) => void;
-    handleMenuFocusout: (e: FocusEvent) => void;
-    handleClear: (e: MouseEvent) => void;
+    handleTriggerFocus: (event: FocusEvent) => void;
+    handleTriggerBlur: (event: FocusEvent) => void;
+    handleMenuFocusin: (event: FocusEvent) => void;
+    handleMenuFocusout: (event: FocusEvent) => void;
+    handleClear: (event: MouseEvent) => void;
     handleDeleteOption: (option: import("./select/src/interface").SelectBaseOption) => void;
-    handlePatternInput: (e: InputEvent) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
+    handlePatternInput: (event: InputEvent) => void;
+    handleKeydown: (event: KeyboardEvent) => void;
     handleTabOut: () => void;
-    handleMenuMousedown: (e: MouseEvent) => void;
+    handleMenuMousedown: (event: MouseEvent) => void;
+    handleTreeScroll: (event: Event) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: import("./config-provider").ThemeCommonVars;
         self: {
@@ -108453,6 +108480,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
                 nodeColorPressed: string;
                 nodeColorActive: string;
                 arrowColor: string;
+                switcherColor: string;
+                switcherSize: string;
                 nodeTextColor: string;
                 nodeTextColorDisabled: string;
                 loadingColor: string;
@@ -108827,8 +108856,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import("./tree-select").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import("./tree-select").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import("./tree-select").TreeSelectNodeProps>;
-    readonly onBlur: import("vue").PropType<(e: FocusEvent) => void>;
-    readonly onFocus: import("vue").PropType<(e: FocusEvent) => void>;
+    readonly onBlur: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onFocus: import("vue").PropType<(event: FocusEvent) => void>;
+    readonly onScroll: import("vue").PropType<import("./_utils").MaybeArray<(event: Event) => void>>;
+    readonly onScrollOptionEnd: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select").OnScrollOptionEnd>>;
     readonly onLoad: import("vue").PropType<(node: import("./tree-select").TreeSelectOption) => Promise<void>>;
     readonly onUpdateShow: import("vue").PropType<import("./_utils").MaybeArray<(show: boolean) => void>>;
     readonly onUpdateValue: import("vue").PropType<import("./_utils").MaybeArray<import("./tree-select/src/interface").OnUpdateValue>>;
@@ -108949,6 +108980,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -109201,6 +109234,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -109453,6 +109488,8 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;

package/lib/tree/src/Tree.d.ts

@@ -180,7 +180,7 @@ export declare const treeProps: {
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: PropType<AllowDrop>;
@@ -206,16 +206,17 @@ export declare const treeProps: {
         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 onDragenter: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragleave: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragend: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragstart: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragover: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDrop: PropType<MaybeArray<(event: 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 onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -226,6 +227,8 @@ export declare const treeProps: {
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -325,6 +328,8 @@ export declare const treeProps: {
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -424,6 +429,8 @@ export declare const treeProps: {
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -626,7 +633,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: PropType<AllowDrop>;
@@ -652,16 +659,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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 onDragenter: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragleave: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragend: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragstart: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragover: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDrop: PropType<MaybeArray<(event: 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 onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -672,6 +680,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -771,6 +781,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -870,6 +882,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -973,6 +987,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -1362,15 +1378,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
-    handleFocusout: (e: FocusEvent) => void;
-    handleDragLeaveTree: (e: DragEvent) => void;
-    handleScroll: () => void;
+    handleFocusout: (event: FocusEvent) => void;
+    handleDragLeaveTree: (event: DragEvent) => void;
+    handleScroll: (event: Event) => void;
     getScrollContainer: () => HTMLElement | null | undefined;
     getScrollContent: () => HTMLElement | null | undefined;
     handleAfterEnter: () => void;
     handleResize: () => void;
     cssVars: import("vue").ComputedRef<{
         '--u-arrow-color': string;
+        '--u-switcher-color': string;
+        '--u-switcher-size': string;
         '--u-loading-color': string;
         '--u-bezier': string;
         '--u-font-size': string;
@@ -1510,7 +1528,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: PropType<ScrollbarProps>;
     readonly indent: {
         readonly type: NumberConstructor;
-        readonly default: 24;
+        readonly default: 36;
     };
     readonly allowDrop: {
         readonly type: PropType<AllowDrop>;
@@ -1536,16 +1554,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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 onDragenter: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragleave: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragend: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragstart: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDragover: PropType<MaybeArray<(event: TreeDragInfo) => void>>;
+    readonly onDrop: PropType<MaybeArray<(event: 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 onScroll: PropType<MaybeArray<(event: Event) => void>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         lineHeight: string;
@@ -1556,6 +1575,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -1655,6 +1676,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;
@@ -1754,6 +1777,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;

package/lib/tree/src/Tree.js

@@ -109,7 +109,7 @@ exports.treeProps = Object.assign(Object.assign(Object.assign(Object.assign({},
         default: true
     }, scrollbarProps: Object, indent: {
         type: Number,
-        default: 24
+        default: 36
     }, allowDrop: {
         type: Function,
         default: dnd_1.defaultAllowDrop
@@ -122,7 +122,7 @@ exports.treeProps = Object.assign(Object.assign(Object.assign(Object.assign({},
     }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, nodeProps: Function, keyboard: {
         type: Boolean,
         default: true
-    }, getChildren: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
+    }, getChildren: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array], onScroll: [Function, Array] }), exports.treeSharedProps), { 
     // internal props for tree-select
     internalTreeSelect: Boolean, internalScrollable: Boolean, internalScrollablePadding: String, 
     // use it to display
@@ -568,7 +568,6 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateSelectedKeys, value, option, meta);
             }
         }
-        // Drag & Drop
         function doDragEnter(info) {
             const { onDragenter } = props;
             if (onDragenter)
@@ -621,7 +620,6 @@ exports.default = (0, vue_1.defineComponent)({
             nodeKeyToBeExpanded = null;
         }
         function handleCheck(node, checked) {
-            // We don't guard for leaf only since we have done it in view layer
             if (props.disabled || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
@@ -772,9 +770,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }, 1000);
             }
         }
-        // Dnd
         function handleDragEnter({ event, node }) {
-            // node should be a tmNode
             if (!props.draggable
                 || props.disabled
                 || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
@@ -791,12 +787,11 @@ exports.default = (0, vue_1.defineComponent)({
             }
             doDragLeave({ event, node: node.rawNode });
         }
-        function handleDragLeaveTree(e) {
-            if (e.target !== e.currentTarget)
+        function handleDragLeaveTree(event) {
+            if (event.target !== event.currentTarget)
                 return;
             resetDropState();
         }
-        // Dragend is ok, we don't need to add global listener to reset drag status
         function handleDragEnd({ event, node }) {
             resetDndState();
             if (!props.draggable
@@ -1064,24 +1059,28 @@ exports.default = (0, vue_1.defineComponent)({
             });
             resetDndState();
         }
-        function handleScroll() {
+        function doScroll(event) {
+            props.onScroll && (0, _utils_1.call)(props.onScroll, event);
+        }
+        function handleScroll(event) {
             syncScrollbar();
+            doScroll(event);
         }
         function handleResize() {
             syncScrollbar();
         }
-        function handleFocusout(e) {
+        function handleFocusout(event) {
             var _a;
             if (props.virtualScroll || props.internalScrollable) {
                 const { value: scrollbarInst } = scrollbarInstRef;
-                if ((_a = scrollbarInst === null || scrollbarInst === void 0 ? void 0 : scrollbarInst.containerRef) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) {
+                if ((_a = scrollbarInst === null || scrollbarInst === void 0 ? void 0 : scrollbarInst.containerRef) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) {
                     return;
                 }
                 pendingNodeKeyRef.value = null;
             }
             else {
                 const { value: selfEl } = selfElRef;
-                if (selfEl === null || selfEl === void 0 ? void 0 : selfEl.contains(e.relatedTarget))
+                if (selfEl === null || selfEl === void 0 ? void 0 : selfEl.contains(event.relatedTarget))
                     return;
                 pendingNodeKeyRef.value = null;
             }
@@ -1183,12 +1182,14 @@ exports.default = (0, vue_1.defineComponent)({
             }
         };
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor, nodeWrapperPadding, nodeHeight, lineHeight } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, switcherColor, switcherSize, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor, nodeWrapperPadding, nodeHeight, lineHeight } } = themeRef.value;
             const lineOffsetTop = (0, seemly_1.getPadding)(nodeWrapperPadding, 'top');
             const lineOffsetBottom = (0, seemly_1.getPadding)(nodeWrapperPadding, 'bottom');
             const nodeContentHeight = (0, seemly_1.pxfy)((0, seemly_1.depx)(nodeHeight) - (0, seemly_1.depx)(lineOffsetTop) - (0, seemly_1.depx)(lineOffsetBottom));
             return {
                 '--u-arrow-color': arrowColor,
+                '--u-switcher-color': switcherColor,
+                '--u-switcher-size': switcherSize,
                 '--u-loading-color': loadingColor,
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-font-size': fontSize,
@@ -1263,7 +1264,7 @@ exports.default = (0, vue_1.defineComponent)({
         treeClass.push(this.themeClass);
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         if (internalScrollable) {
-            return ((0, vue_1.h)(_internal_1.UxScrollbar, Object.assign({}, scrollbarProps, { class: treeClass, tabindex: tabindex, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, style: this.cssVars, contentStyle: { padding: this.internalScrollablePadding } }), {
+            return ((0, vue_1.h)(_internal_1.UxScrollbar, Object.assign({}, scrollbarProps, { class: treeClass, tabindex: tabindex, onScroll: this.handleScroll, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, style: this.cssVars, contentStyle: { padding: this.internalScrollablePadding } }), {
                 default: () => ((0, vue_1.h)("div", { onDragleave: draggable ? this.handleDragLeaveTree : undefined, ref: "selfElRef" }, this.fNodes.map(createNode)))
             }));
         }

package/lib/tree/src/TreeNodeCheckbox.d.ts

@@ -28,6 +28,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;
@@ -147,6 +149,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nodeColorPressed: string;
             nodeColorActive: string;
             arrowColor: string;
+            switcherColor: string;
+            switcherSize: string;
             nodeTextColor: string;
             nodeTextColorDisabled: string;
             loadingColor: string;