@uzum-tech/ui 2.0.6 → 2.0.8

package/es/_internal/icons/index.d.ts

@@ -55,7 +55,6 @@ export { default as SearchIcon } from './Search';
 export { default as SendFilled } from './SendFilled';
 export { default as SiderUnionBorder } from './SiderUnionBorder';
 export { default as SuccessIcon } from './Success';
-export { default as SwitcherIcon } from './Switcher';
 export { default as TimeIcon } from './Time';
 export { default as ToIcon } from './To';
 export { default as TrashIcon } from './Trash';

package/es/_internal/icons/index.mjs

@@ -55,7 +55,6 @@ export { default as SearchIcon } from "./Search.mjs";
 export { default as SendFilled } from "./SendFilled.mjs";
 export { default as SiderUnionBorder } from "./SiderUnionBorder.mjs";
 export { default as SuccessIcon } from "./Success.mjs";
-export { default as SwitcherIcon } from "./Switcher.mjs";
 export { default as TimeIcon } from "./Time.mjs";
 export { default as ToIcon } from "./To.mjs";
 export { default as TrashIcon } from "./Trash.mjs";

package/es/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(".").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").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(".").TreeDragInfo) => void>>;
-    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDragInfo) => void>>;
-    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(e: import(".").TreeDropInfo) => void>>;
+    readonly onDragenter: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragleave: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragend: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragstart: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDragover: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").TreeDragInfo) => void>>;
+    readonly onDrop: import("vue").PropType<import("./_utils").MaybeArray<(event: import(".").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,11 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import(".").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import(".").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import(".").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(".").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import(".").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>>;
@@ -107561,6 +107582,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -107612,6 +107634,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 +107888,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 +108142,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;
@@ -108397,9 +108425,10 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     selectedOption: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<import("./select/src/interface").SelectBaseOption<string | number, string | ((option: import("./select/src/interface").SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>[] | null>;
     pattern: import("vue").Ref<string, string>;
+    treePattern: import("vue").ComputedRef<string>;
     pendingNodeKey: import("vue").Ref<string | number | null, string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: import(".").TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<import("./tree-select/src/interface").FilterHandler>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: import("./select").SelectOption;
         handleClose: () => void;
@@ -108414,22 +108443,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(".").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 +108483,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 +108859,11 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly renderPrefix: import("vue").PropType<import(".").TreeSelectRenderPrefix>;
     readonly renderSuffix: import("vue").PropType<import(".").TreeSelectRenderSuffix>;
     readonly nodeProps: import("vue").PropType<import(".").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(".").OnScrollOptionEnd>>;
+    readonly onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     readonly onLoad: import("vue").PropType<(node: import(".").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>>;
@@ -108898,6 +108933,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly loading: BooleanConstructor;
     readonly maxTagCount: import("vue").PropType<number | "responsive">;
     readonly multiple: BooleanConstructor;
+    readonly remote: BooleanConstructor;
     readonly showPath: BooleanConstructor;
     readonly separator: {
         readonly type: StringConstructor;
@@ -108949,6 +108985,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 +109239,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 +109493,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;
@@ -109701,6 +109743,7 @@ export declare const UTreeSelect: import("vue").DefineComponent<import("vue").Ex
     readonly filterable: boolean;
     readonly disabledField: string;
     readonly clearFilterAfterSelect: boolean;
+    readonly remote: boolean;
     readonly cascade: boolean;
     readonly leafOnly: boolean;
     readonly showPath: boolean;

package/es/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/es/tree/src/Tree.mjs

@@ -146,7 +146,7 @@ export const treeProps = Object.assign(Object.assign(Object.assign(Object.assign
   scrollbarProps: Object,
   indent: {
     type: Number,
-    default: 24
+    default: 36
   },
   allowDrop: {
     type: Function,
@@ -181,7 +181,8 @@ export const treeProps = Object.assign(Object.assign(Object.assign(Object.assign
   onUpdateCheckedKeys: [Function, Array],
   'onUpdate:checkedKeys': [Function, Array],
   onUpdateSelectedKeys: [Function, Array],
-  'onUpdate:selectedKeys': [Function, Array]
+  'onUpdate:selectedKeys': [Function, Array],
+  onScroll: [Function, Array]
 }), treeSharedProps), {
   // internal props for tree-select
   internalTreeSelect: Boolean,
@@ -657,7 +658,6 @@ export default defineComponent({
         call(_onUpdateSelectedKeys, value, option, meta);
       }
     }
-    // Drag & Drop
     function doDragEnter(info) {
       const {
         onDragenter
@@ -716,7 +716,6 @@ export default 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 || isNodeDisabled(node, props.disabledField)) {
         return;
       }
@@ -869,12 +868,10 @@ export default defineComponent({
         }, 1000);
       }
     }
-    // Dnd
     function handleDragEnter({
       event,
       node
     }) {
-      // node should be a tmNode
       if (!props.draggable || props.disabled || isNodeDisabled(node, props.disabledField)) {
         return;
       }
@@ -899,11 +896,10 @@ export default defineComponent({
         node: node.rawNode
       });
     }
-    function handleDragLeaveTree(e) {
-      if (e.target !== e.currentTarget) return;
+    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
@@ -1180,19 +1176,23 @@ export default defineComponent({
       });
       resetDndState();
     }
-    function handleScroll() {
+    function doScroll(event) {
+      props.onScroll && 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;
@@ -1200,7 +1200,7 @@ export default defineComponent({
         const {
           value: selfEl
         } = selfElRef;
-        if (selfEl === null || selfEl === void 0 ? void 0 : selfEl.contains(e.relatedTarget)) return;
+        if (selfEl === null || selfEl === void 0 ? void 0 : selfEl.contains(event.relatedTarget)) return;
         pendingNodeKeyRef.value = null;
       }
     }
@@ -1320,6 +1320,8 @@ export default defineComponent({
           nodeColorPressed,
           nodeColorActive,
           arrowColor,
+          switcherColor,
+          switcherSize,
           loadingColor,
           nodeTextColor,
           nodeTextColorDisabled,
@@ -1334,6 +1336,8 @@ export default defineComponent({
       const nodeContentHeight = pxfy(depx(nodeHeight) - depx(lineOffsetTop) - 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,
@@ -1465,6 +1469,7 @@ export default defineComponent({
       return h(UxScrollbar, Object.assign({}, scrollbarProps, {
         class: treeClass,
         tabindex: tabindex,
+        onScroll: this.handleScroll,
         onKeydown: mergedFocusable ? handleKeydown : undefined,
         onFocusout: mergedFocusable ? handleFocusout : undefined,
         style: this.cssVars,