@uzum-tech/ui 1.3.0 → 1.4.0

package/lib/tree-select/src/TreeSelect.d.ts

@@ -5,13 +5,13 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import { type Key, type TreeOption } from '../../tree/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
-import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag } from './interface';
+import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
 import type { SelectSize } from '../../_internal/selection';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
-    readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly renderLabel: PropType<TreeSelectRenderLabel>;
+    readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
+    readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
@@ -46,9 +46,7 @@ export declare const treeSelectProps: {
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
-        readonly default: () => never[]; /**
-         * @deprecated
-         */
+        readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
@@ -73,7 +71,7 @@ export declare const treeSelectProps: {
     };
     readonly defaultShow: BooleanConstructor;
     readonly defaultValue: {
-        readonly type: PropType<string | number | (string | number)[] | null>;
+        readonly type: PropType<string | number | Array<string | number> | null>;
         readonly default: null;
     };
     readonly disabled: {
@@ -107,9 +105,9 @@ export declare const treeSelectProps: {
         readonly default: undefined;
     };
     readonly size: PropType<SelectSize>;
-    readonly value: PropType<string | number | (string | number)[] | null>;
+    readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly menuProps: PropType<HTMLAttributes>;
@@ -205,12 +203,18 @@ export declare const treeSelectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -219,12 +223,18 @@ export declare const treeSelectProps: {
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -439,12 +449,18 @@ export declare const treeSelectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -453,12 +469,18 @@ export declare const treeSelectProps: {
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -673,12 +695,18 @@ export declare const treeSelectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -687,12 +715,18 @@ export declare const treeSelectProps: {
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -824,9 +858,9 @@ export declare const treeSelectProps: {
 };
 export type TreeSelectProps = ExtractPublicPropTypes<typeof treeSelectProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly renderLabel: PropType<TreeSelectRenderLabel>;
+    readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
+    readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
@@ -861,9 +895,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
-        readonly default: () => never[]; /**
-         * @deprecated
-         */
+        readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
@@ -888,7 +920,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultShow: BooleanConstructor;
     readonly defaultValue: {
-        readonly type: PropType<string | number | (string | number)[] | null>;
+        readonly type: PropType<string | number | Array<string | number> | null>;
         readonly default: null;
     };
     readonly disabled: {
@@ -922,9 +954,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly size: PropType<SelectSize>;
-    readonly value: PropType<string | number | (string | number)[] | null>;
+    readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly menuProps: PropType<HTMLAttributes>;
@@ -1020,12 +1052,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1034,12 +1072,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -1254,12 +1298,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1268,12 +1318,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -1488,12 +1544,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1502,12 +1564,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -1665,7 +1733,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
     treeSelectedKeys: import("vue").ComputedRef<Key[]>;
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny" | "huge">;
+    mergedSize: import("vue").ComputedRef<"small" | "tiny" | "medium" | "large" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => VNodeChild)>[] | null>;
@@ -1680,17 +1748,17 @@ declare const _default: import("vue").DefineComponent<{
     handleTriggerOrMenuResize: () => void;
     doUpdateExpandedKeys: (keys: Key[], option: Array<TreeSelectOption | null>, meta: {
         node: TreeSelectOption;
-        action: 'expand' | 'collapse';
+        action: "expand" | "collapse";
     } | {
         node: null;
-        action: 'filter';
+        action: "filter";
     }) => void;
     handleMenuLeave: () => void;
     handleTriggerClick: () => void;
     handleMenuClickoutside: (e: MouseEvent) => void;
     handleUpdateCheckedKeys: (keys: Key[], _: unknown, meta: {
         node: TreeOption | null;
-        action: 'check' | 'uncheck';
+        action: "check" | "uncheck";
     }) => void;
     handleUpdateIndeterminateKeys: (keys: Key[]) => void;
     handleTriggerFocus: (e: FocusEvent) => void;
@@ -1704,118 +1772,7 @@ declare const _default: import("vue").DefineComponent<{
     handleTabOut: () => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             menuPadding: string;
             menuColor: string;
@@ -1903,12 +1860,18 @@ declare const _default: import("vue").DefineComponent<{
                     iconSizeMedium: string;
                     iconSizeLarge: string;
                     iconSizeHuge: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    textColor: string;
+                    titleFontSizeSmall: string;
+                    titleFontSizeMedium: string;
+                    titleFontSizeLarge: string;
+                    titleFontSizeHuge: string;
+                    descriptionFontSizeSmall: string;
+                    descriptionFontSizeMedium: string;
+                    descriptionFontSizeLarge: string;
+                    descriptionFontSizeHuge: string;
+                    titleColor: string;
+                    descriptionColor: string;
                     iconColor: string;
+                    iconBgColor: string;
                     extraTextColor: string;
                 }, any>;
             }>;
@@ -1917,12 +1880,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
             InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -2115,12 +2084,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>> | undefined;
                 } | undefined;
@@ -2163,21 +2138,21 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
     getCheckedData: () => {
-        keys: (string | number)[];
-        options: (TreeSelectOption | null)[];
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
     };
     getIndeterminateData: () => {
-        keys: (string | number)[];
-        options: (TreeSelectOption | null)[];
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
     };
     focus: () => void;
     focusInput: () => void;
     blur: () => void;
     blurInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
-    readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;
+    readonly renderLabel: PropType<TreeSelectRenderLabel>;
+    readonly renderPrefix: PropType<TreeSelectRenderPrefix>;
+    readonly renderSuffix: PropType<TreeSelectRenderSuffix>;
     readonly nodeProps: PropType<TreeSelectNodeProps>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
@@ -2212,9 +2187,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultExpandedKeys: {
         readonly type: PropType<Key[]>;
-        readonly default: () => never[]; /**
-         * @deprecated
-         */
+        readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
@@ -2239,7 +2212,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly defaultShow: BooleanConstructor;
     readonly defaultValue: {
-        readonly type: PropType<string | number | (string | number)[] | null>;
+        readonly type: PropType<string | number | Array<string | number> | null>;
         readonly default: null;
     };
     readonly disabled: {
@@ -2273,9 +2246,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
     readonly size: PropType<SelectSize>;
-    readonly value: PropType<string | number | (string | number)[] | null>;
+    readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly menuProps: PropType<HTMLAttributes>;
@@ -2371,12 +2344,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -2385,12 +2364,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -2605,12 +2590,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -2619,12 +2610,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -2839,12 +2836,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -2853,12 +2856,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         InternalSelection: import("../../_mixins").Theme<"InternalSelection", {
@@ -2988,23 +2997,23 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }>>, {
-    readonly options: TreeSelectOption[];
-    readonly show: boolean | undefined;
-    readonly separator: string;
-    readonly multiple: boolean;
     readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
     readonly bordered: boolean;
-    readonly placement: FollowerPlacement;
-    readonly keyField: string;
+    readonly to: string | boolean | HTMLElement;
+    readonly show: boolean | undefined;
+    readonly separator: string;
+    readonly multiple: boolean;
     readonly labelField: string;
     readonly virtualScroll: boolean;
+    readonly keyField: string;
     readonly checkable: boolean;
+    readonly placement: FollowerPlacement;
     readonly defaultShow: boolean;
     readonly filterable: boolean;
     readonly clearable: boolean;
     readonly defaultValue: string | number | (string | number)[] | null;
+    readonly options: TreeSelectOption[];
     readonly clearFilterAfterSelect: boolean;
     readonly consistentMenuWidth: boolean;
     readonly childrenField: string;