@uzum-tech/ui 2.0.6 → 2.0.8

package/es/tree-select/src/scroll-option-end.d.ts

@@ -0,0 +1,3 @@
+import type { Key } from '../../tree/src/interface';
+import type { ScrollOptionEndScanResult, TreeSelectTmNode } from './interface';
+export declare function scanReachedRootOptions(scrollElement: HTMLElement, rootNodes: TreeSelectTmNode[], expandedKeys: Key[] | undefined, previousVisibleKeys: Set<Key>): ScrollOptionEndScanResult;

package/es/tree-select/src/scroll-option-end.mjs

@@ -0,0 +1,28 @@
+import { createDataKey } from "../../_utils/index.mjs";
+function isVerticallyVisibleWithin(element, containerRect) {
+  const elementRect = element.getBoundingClientRect();
+  return elementRect.top < containerRect.bottom && elementRect.bottom > containerRect.top;
+}
+export function scanReachedRootOptions(scrollElement, rootNodes, expandedKeys, previousVisibleKeys) {
+  const containerRect = scrollElement.getBoundingClientRect();
+  const visibleKeys = new Set();
+  const reachedOptions = [];
+  for (const rootNode of rootNodes) {
+    const {
+      children
+    } = rootNode;
+    if (!(children === null || children === void 0 ? void 0 : children.length) || !(expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.includes(rootNode.key))) continue;
+    const lastChild = children[children.length - 1];
+    const lastChildElement = scrollElement.querySelector(`[data-key="${createDataKey(lastChild.key)}"]`);
+    const isHiddenOrMissing = !lastChildElement || !isVerticallyVisibleWithin(lastChildElement, containerRect);
+    if (isHiddenOrMissing) continue;
+    visibleKeys.add(rootNode.key);
+    if (!previousVisibleKeys.has(rootNode.key)) {
+      reachedOptions.push(rootNode.rawNode);
+    }
+  }
+  return {
+    reachedOptions,
+    visibleKeys
+  };
+}

package/es/tree-select/styles/light.d.ts

@@ -30,6 +30,8 @@ declare const treeSelectLight: import("../../_mixins").Theme<"TreeSelect", {
         nodeColorPressed: string;
         nodeColorActive: string;
         arrowColor: string;
+        switcherColor: string;
+        switcherSize: string;
         nodeTextColor: string;
         nodeTextColorDisabled: string;
         loadingColor: string;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.0.6";
+declare const _default: "2.0.8";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.0.6';
+export default '2.0.8';

package/lib/_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/lib/_internal/icons/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RetryIcon = exports.ResizeSmallIcon = exports.RemoveIcon = exports.Refresh = exports.PhotoIcon = exports.PersonOutline = exports.PersonNote = exports.OzbekFlag = exports.MoreIcon = exports.MdTime = exports.LogoutIcon = exports.InfoOutlineIcon = exports.InfoIcon = exports.InactiveIcon = exports.ForwardIcon = exports.FilterIcon = exports.FileHeart = exports.FileIcon = exports.FastForwardIcon = exports.FastBackwardIcon = exports.EyeOffIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmptyIcon = exports.EditIcon = exports.DragHandleRound = exports.DownloadIcon = exports.DismissCircleIcon = exports.DateIcon = exports.ContentCopy = exports.CloseIcon = exports.ClearSmallIcon = exports.ClearIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownOutline = exports.ChevronDownFilledIcon = exports.ChevronDownIcon = exports.CheckmarkDoneSharp = exports.CheckmarkCircleIcon = exports.CheckmarkIcon = exports.CancelIcon = exports.BurgerMenuIcon = exports.BackwardIcon = exports.AttachIcon = exports.ArrowUpIcon = exports.ArrowHookUpRight = exports.ArrowDownIcon = exports.ArrowBackIcon = exports.AddIcon = void 0;
-exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SwitcherIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
+exports.ZoomOutIcon = exports.ZoomInIcon = exports.WarningIcon = exports.TrashIcon = exports.ToIcon = exports.TimeIcon = exports.SuccessIcon = exports.SiderUnionBorder = exports.SendFilled = exports.SearchIcon = exports.RussiaFlag = exports.RotateCounterclockwiseIcon = exports.RotateClockwiseIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "AddIcon", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var ArrowBack_1 = require("./ArrowBack");
@@ -119,8 +119,6 @@ var SiderUnionBorder_1 = require("./SiderUnionBorder");
 Object.defineProperty(exports, "SiderUnionBorder", { enumerable: true, get: function () { return __importDefault(SiderUnionBorder_1).default; } });
 var Success_1 = require("./Success");
 Object.defineProperty(exports, "SuccessIcon", { enumerable: true, get: function () { return __importDefault(Success_1).default; } });
-var Switcher_1 = require("./Switcher");
-Object.defineProperty(exports, "SwitcherIcon", { enumerable: true, get: function () { return __importDefault(Switcher_1).default; } });
 var Time_1 = require("./Time");
 Object.defineProperty(exports, "TimeIcon", { enumerable: true, get: function () { return __importDefault(Time_1).default; } });
 var To_1 = require("./To");

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,11 @@ 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 onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     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>>;
@@ -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("./tree").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("./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 +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("./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 onSearch: import("vue").PropType<import("./_utils").MaybeArray<(value: string) => void>>;
     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>>;
@@ -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/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;