naive-ui 2.24.4 → 2.25.0

package/lib/themes/light.js

@@ -36,49 +36,51 @@ const styles_29 = require("../empty/styles");
 const styles_30 = require("../form/styles");
 const styles_31 = require("../gradient-text/styles");
 const styles_32 = require("../icon/styles");
-const styles_33 = require("../image/styles");
-const styles_34 = require("../input/styles");
-const styles_35 = require("../input-number/styles");
-const styles_36 = require("../layout/styles");
-const styles_37 = require("../list/styles");
-const styles_38 = require("../loading-bar/styles");
-const styles_39 = require("../log/styles");
-const styles_40 = require("../menu/styles");
-const styles_41 = require("../mention/styles");
-const styles_42 = require("../message/styles");
-const styles_43 = require("../modal/styles");
-const styles_44 = require("../notification/styles");
-const styles_45 = require("../page-header/styles");
-const styles_46 = require("../pagination/styles");
-const styles_47 = require("../popconfirm/styles");
-const styles_48 = require("../popover/styles");
-const styles_49 = require("../popselect/styles");
-const styles_50 = require("../progress/styles");
-const styles_51 = require("../radio/styles");
-const styles_52 = require("../rate/styles");
-const styles_53 = require("../result/styles");
-const styles_54 = require("../_internal/scrollbar/styles");
-const styles_55 = require("../select/styles");
-const styles_56 = require("../skeleton/styles");
-const styles_57 = require("../slider/styles");
-const styles_58 = require("../space/styles");
-const styles_59 = require("../spin/styles");
-const styles_60 = require("../statistic/styles");
-const styles_61 = require("../steps/styles");
-const styles_62 = require("../switch/styles");
-const styles_63 = require("../table/styles");
-const styles_64 = require("../tabs/styles");
-const styles_65 = require("../tag/styles");
-const styles_66 = require("../thing/styles");
-const styles_67 = require("../time-picker/styles");
-const styles_68 = require("../timeline/styles");
-const styles_69 = require("../tooltip/styles");
-const styles_70 = require("../transfer/styles");
-const styles_71 = require("../typography/styles");
-const styles_72 = require("../tree/styles");
-const styles_73 = require("../tree-select/styles");
-const styles_74 = require("../upload/styles");
+const styles_33 = require("../icon-wrapper/styles");
+const styles_34 = require("../image/styles");
+const styles_35 = require("../input/styles");
+const styles_36 = require("../input-number/styles");
+const styles_37 = require("../layout/styles");
+const styles_38 = require("../list/styles");
+const styles_39 = require("../loading-bar/styles");
+const styles_40 = require("../log/styles");
+const styles_41 = require("../menu/styles");
+const styles_42 = require("../mention/styles");
+const styles_43 = require("../message/styles");
+const styles_44 = require("../modal/styles");
+const styles_45 = require("../notification/styles");
+const styles_46 = require("../page-header/styles");
+const styles_47 = require("../pagination/styles");
+const styles_48 = require("../popconfirm/styles");
+const styles_49 = require("../popover/styles");
+const styles_50 = require("../popselect/styles");
+const styles_51 = require("../progress/styles");
+const styles_52 = require("../radio/styles");
+const styles_53 = require("../rate/styles");
+const styles_54 = require("../result/styles");
+const styles_55 = require("../_internal/scrollbar/styles");
+const styles_56 = require("../select/styles");
+const styles_57 = require("../skeleton/styles");
+const styles_58 = require("../slider/styles");
+const styles_59 = require("../space/styles");
+const styles_60 = require("../spin/styles");
+const styles_61 = require("../statistic/styles");
+const styles_62 = require("../steps/styles");
+const styles_63 = require("../switch/styles");
+const styles_64 = require("../table/styles");
+const styles_65 = require("../tabs/styles");
+const styles_66 = require("../tag/styles");
+const styles_67 = require("../thing/styles");
+const styles_68 = require("../time-picker/styles");
+const styles_69 = require("../timeline/styles");
+const styles_70 = require("../tooltip/styles");
+const styles_71 = require("../transfer/styles");
+const styles_72 = require("../typography/styles");
+const styles_73 = require("../tree/styles");
+const styles_74 = require("../tree-select/styles");
+const styles_75 = require("../upload/styles");
 exports.lightTheme = {
+    name: 'light',
     common: common_1.commonLight,
     Alert: styles_1.alertLight,
     Anchor: styles_2.anchorLight,
@@ -112,46 +114,47 @@ exports.lightTheme = {
     Form: styles_30.formLight,
     GradientText: styles_31.gradientTextLight,
     Icon: styles_32.iconLight,
-    Image: styles_33.imageLight,
-    Input: styles_34.inputLight,
-    InputNumber: styles_35.inputNumberLight,
-    Layout: styles_36.layoutLight,
-    List: styles_37.listLight,
-    LoadingBar: styles_38.loadingBarLight,
-    Log: styles_39.logLight,
-    Menu: styles_40.menuLight,
-    Mention: styles_41.mentionLight,
-    Message: styles_42.messageLight,
-    Modal: styles_43.modalLight,
-    Notification: styles_44.notificationLight,
-    PageHeader: styles_45.pageHeaderLight,
-    Pagination: styles_46.paginationLight,
-    Popconfirm: styles_47.popconfirmLight,
-    Popover: styles_48.popoverLight,
-    Popselect: styles_49.popselectLight,
-    Progress: styles_50.progressLight,
-    Radio: styles_51.radioLight,
-    Rate: styles_52.rateLight,
-    Result: styles_53.resultLight,
-    Scrollbar: styles_54.scrollbarLight,
-    Skeleton: styles_56.skeletonLight,
-    Select: styles_55.selectLight,
-    Slider: styles_57.sliderLight,
-    Space: styles_58.spaceLight,
-    Spin: styles_59.spinLight,
-    Statistic: styles_60.statisticLight,
-    Steps: styles_61.stepsLight,
-    Switch: styles_62.switchLight,
-    Table: styles_63.tableLight,
-    Tabs: styles_64.tabsLight,
-    Tag: styles_65.tagLight,
-    Thing: styles_66.thingLight,
-    TimePicker: styles_67.timePickerLight,
-    Timeline: styles_68.timelineLight,
-    Tooltip: styles_69.tooltipLight,
-    Transfer: styles_70.transferLight,
-    Tree: styles_72.treeLight,
-    TreeSelect: styles_73.treeSelectLight,
-    Typography: styles_71.typographyLight,
-    Upload: styles_74.uploadLight
+    IconWrapper: styles_33.iconWrapperLight,
+    Image: styles_34.imageLight,
+    Input: styles_35.inputLight,
+    InputNumber: styles_36.inputNumberLight,
+    Layout: styles_37.layoutLight,
+    List: styles_38.listLight,
+    LoadingBar: styles_39.loadingBarLight,
+    Log: styles_40.logLight,
+    Menu: styles_41.menuLight,
+    Mention: styles_42.mentionLight,
+    Message: styles_43.messageLight,
+    Modal: styles_44.modalLight,
+    Notification: styles_45.notificationLight,
+    PageHeader: styles_46.pageHeaderLight,
+    Pagination: styles_47.paginationLight,
+    Popconfirm: styles_48.popconfirmLight,
+    Popover: styles_49.popoverLight,
+    Popselect: styles_50.popselectLight,
+    Progress: styles_51.progressLight,
+    Radio: styles_52.radioLight,
+    Rate: styles_53.rateLight,
+    Result: styles_54.resultLight,
+    Scrollbar: styles_55.scrollbarLight,
+    Skeleton: styles_57.skeletonLight,
+    Select: styles_56.selectLight,
+    Slider: styles_58.sliderLight,
+    Space: styles_59.spaceLight,
+    Spin: styles_60.spinLight,
+    Statistic: styles_61.statisticLight,
+    Steps: styles_62.stepsLight,
+    Switch: styles_63.switchLight,
+    Table: styles_64.tableLight,
+    Tabs: styles_65.tabsLight,
+    Tag: styles_66.tagLight,
+    Thing: styles_67.thingLight,
+    TimePicker: styles_68.timePickerLight,
+    Timeline: styles_69.timelineLight,
+    Tooltip: styles_70.tooltipLight,
+    Transfer: styles_71.transferLight,
+    Tree: styles_73.treeLight,
+    TreeSelect: styles_74.treeSelectLight,
+    Typography: styles_72.typographyLight,
+    Upload: styles_75.uploadLight
 };

package/lib/themes/utils.d.ts

@@ -1,5 +1,6 @@
 import { GlobalTheme } from '../config-provider';
-declare type ComponentKey = keyof GlobalTheme;
+declare type ComponentKey = Exclude<keyof GlobalTheme, 'name'>;
 declare type ComponentThemes = Array<Exclude<GlobalTheme[ComponentKey], undefined>>;
+export declare function createTheme(name: string, componentThemes: ComponentThemes): GlobalTheme;
 export declare function createTheme(componentThemes: ComponentThemes): GlobalTheme;
 export {};

package/lib/themes/utils.js

@@ -1,10 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTheme = void 0;
-function createTheme(componentThemes) {
-    const theme = {};
-    for (const cTheme of componentThemes) {
-        theme[cTheme.name] = cTheme;
+function createTheme(name, componentThemes) {
+    const nameIsString = typeof name === 'string';
+    const theme = {
+        name: nameIsString ? name : 'customized-theme'
+    };
+    if (nameIsString) {
+        if (componentThemes) {
+            for (const cTheme of componentThemes) {
+                theme[cTheme.name] = cTheme;
+            }
+        }
+    }
+    else {
+        for (const cTheme of name) {
+            theme[cTheme.name] = cTheme;
+        }
     }
     return theme;
 }

package/lib/thing/src/Thing.js

@@ -16,7 +16,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: thingProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Thing', 'Thing', index_cssr_1.default, styles_1.thingLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Thing', '-thing', index_cssr_1.default, styles_1.thingLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { self: { titleTextColor, textColor, titleFontWeight, fontSize }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {

package/lib/time-picker/src/TimePicker.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 declare const timePickerProps: {
@@ -18,7 +19,7 @@ declare const timePickerProps: {
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -947,7 +948,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -1858,6 +1859,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
@@ -2407,7 +2409,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
-        type: StringConstructor;
+        type: PropType<FollowerPlacement>;
         default: string;
     };
     value: PropType<number | null>;
@@ -3322,9 +3324,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean | undefined;
     format: string;
     to: string | boolean | HTMLElement;
-    placement: string;
-    showIcon: boolean;
     bordered: boolean | undefined;
+    showIcon: boolean;
+    placement: FollowerPlacement;
     clearable: boolean;
     defaultValue: number | null;
     stateful: boolean;

package/lib/time-picker/src/TimePicker.js

@@ -84,8 +84,8 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('TimePicker');
         const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef, mergedDisabledRef } = formItem;
-        const themeRef = (0, _mixins_1.useTheme)('TimePicker', 'TimePicker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
+        const themeRef = (0, _mixins_1.useTheme)('TimePicker', '-time-picker', index_cssr_1.default, styles_1.timePickerLight, props, mergedClsPrefixRef);
         const keyboardState = (0, vooks_1.useKeyboard)();
         const inputInstRef = (0, vue_1.ref)(null);
         const panelInstRef = (0, vue_1.ref)(null);
@@ -518,7 +518,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        return Object.assign(Object.assign({}, exposedMethods), { mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, isMounted: (0, vooks_1.useIsMounted)(), inputInstRef,
+        return Object.assign(Object.assign({}, exposedMethods), { mergedStatus: mergedStatusRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, isMounted: (0, vooks_1.useIsMounted)(), inputInstRef,
             panelInstRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), mergedShow: mergedShowRef, localizedNow: localizedNowRef, localizedPlaceholder: localizedPlaceholderRef, localizedNegativeText: localizedNegativeTextRef, localizedPositiveText: localizedPositiveTextRef, hourInFormat: hourInFormatRef, minuteInFormat: minuteInFormatRef, secondInFormat: secondInFormatRef, mergedAttrSize: mergedAttrSizeRef, displayTimeString: displayTimeStringRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, isValueInvalid: isValueInvalidRef, isHourInvalid: isHourInvalidRef, isMinuteInvalid: isMinuteInvalidRef, isSecondInvalid: isSecondInvalidRef, transitionDisabled: transitionDisabledRef, hourValue: hourValueRef, minuteValue: minuteValueRef, secondValue: secondValueRef, amPmValue: amPmValueRef, handleTimeInputFocus,
             handleTimeInputBlur,
             handleNowClick,
@@ -569,7 +569,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
+                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
                             ? {
                                 [this.clearable ? 'clear' : 'suffix']: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
                                     default: () => $slots.icon ? $slots.icon() : (0, vue_1.h)(icons_1.TimeIcon, null)
@@ -577,7 +577,7 @@ exports.default = (0, vue_1.defineComponent)({
                             }
                             : null))
                     }),
-                    (0, vue_1.h)(vueuc_1.VFollower, { teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: "bottom-start" }, {
+                    (0, vue_1.h)(vueuc_1.VFollower, { teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, show: this.mergedShow, to: this.adjustedTo, containerClass: this.namespace, placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
                                 ? (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [[vdirs_1.clickoutside, this.handleClickOutside]])

package/lib/timeline/src/Timeline.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: timelineProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Timeline', 'Timeline', index_cssr_1.default, styles_1.timelineLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Timeline', '-timeline', index_cssr_1.default, styles_1.timelineLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.timelineInjectionKey, {
             props,
             mergedThemeRef: themeRef,

package/lib/timeline/src/TimelineItem.d.ts

@@ -6,7 +6,7 @@ declare const timelineItemProps: {
     content: StringConstructor;
     color: StringConstructor;
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 };
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     content: StringConstructor;
     color: StringConstructor;
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }, {
@@ -42,10 +42,10 @@ declare const _default: import("vue").DefineComponent<{
     content: StringConstructor;
     color: StringConstructor;
     type: {
-        type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        type: PropType<"default" | "success" | "error" | "warning" | "info">;
         default: string;
     };
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
 }>;
 export default _default;

package/lib/tooltip/src/Tooltip.d.ts

@@ -91,7 +91,7 @@ declare const tooltipProps: {
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -116,11 +116,15 @@ declare const tooltipProps: {
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -234,7 +238,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -259,11 +263,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -524,7 +532,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     raw: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("vueuc").FollowerPlacement>;
+        type: import("vue").PropType<import("vueuc/lib/binder/src/interface").Placement>;
         default: string;
     };
     x: NumberConstructor;
@@ -549,11 +557,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     overlap: BooleanConstructor;
+    keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     internalExtraClass: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     zIndex: NumberConstructor;
@@ -583,12 +595,13 @@ declare const _default: import("vue").DefineComponent<{
     duration: number;
     to: string | boolean | HTMLElement;
     raw: boolean;
-    placement: import("vueuc").FollowerPlacement;
+    placement: import("vueuc/lib/binder/src/interface").Placement;
     overlap: boolean;
     trigger: import("../../popover").PopoverTrigger;
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;

package/lib/tooltip/src/Tooltip.js

@@ -12,7 +12,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: tooltipProps,
     __popover__: true,
     setup(props) {
-        const themeRef = (0, _mixins_1.useTheme)('Tooltip', 'Tooltip', undefined, styles_1.tooltipLight, props);
+        const themeRef = (0, _mixins_1.useTheme)('Tooltip', '-tooltip', undefined, styles_1.tooltipLight, props);
         const popoverRef = (0, vue_1.ref)(null);
         const tooltipExposedMethod = {
             syncPosition() {

package/lib/transfer/src/Transfer.d.ts

@@ -3624,9 +3624,9 @@ declare const _default: import("vue").DefineComponent<{
     filter: Filter;
     disabled: boolean | undefined;
     onChange: MaybeArray<OnUpdateValue>;
+    options: Option[];
     virtualScroll: boolean;
     filterable: boolean;
-    options: Option[];
     defaultValue: OptionValue[] | null;
 }>;
 export default _default;

package/lib/transfer/src/Transfer.js

@@ -52,7 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: transferProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Transfer', 'Transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Transfer', '-transfer', index_cssr_1.default, styles_1.transferLight, props, mergedClsPrefixRef);
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const itemSizeRef = (0, vue_1.computed)(() => {

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

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
 import { TreeMate, TreeMateOptions, CheckStrategy } from 'treemate';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { TreeDragInfo, TreeDropInfo, TreeOptions, Key, TreeOption, AllowDrop, RenderSwitcherIcon } from './interface';
+import type { TreeDragInfo, TreeDropInfo, TreeOptions, Key, TreeOption, AllowDrop, RenderSwitcherIcon, TreeNodeProps } from './interface';
 import { defaultAllowDrop } from './dnd';
 export declare function createTreeMateOptions<T>(keyField: string, childrenField: string): TreeMateOptions<T, T, T>;
-declare type OnUpdateKeys = (value: Key[], option: Array<TreeOption | null>) => void;
+export declare type OnUpdateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void;
+export declare type OnUpdateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void;
 declare type OnLoad = (node: TreeOption) => Promise<void>;
 export declare const treeSharedProps: {
     readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>;
@@ -134,6 +135,7 @@ declare const treeProps: {
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -383,6 +385,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
@@ -1080,6 +1083,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderPrefix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSuffix: PropType<({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
+    readonly nodeProps: PropType<TreeNodeProps>;
     readonly onDragenter: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragleave: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragend: PropType<MaybeArray<(e: TreeDragInfo) => void>>;

package/lib/tree/src/Tree.js

@@ -104,7 +104,7 @@ const treeProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _m
     }, animated: {
         type: Boolean,
         default: true
-    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, renderSwitcherIcon: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
+    }, virtualScroll: Boolean, watchProps: Array, renderLabel: Function, renderPrefix: Function, renderSuffix: Function, renderSwitcherIcon: Function, nodeProps: Function, onDragenter: [Function, Array], onDragleave: [Function, Array], onDragend: [Function, Array], onDragstart: [Function, Array], onDragover: [Function, Array], onDrop: [Function, Array], onUpdateCheckedKeys: [Function, Array], 'onUpdate:checkedKeys': [Function, Array], onUpdateSelectedKeys: [Function, Array], 'onUpdate:selectedKeys': [Function, Array] }), exports.treeSharedProps), { 
     // internal props for tree-select
     internalScrollable: Boolean, internalScrollablePadding: String, 
     // use it to do check
@@ -126,7 +126,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: treeProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Tree', 'Tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Tree', '-tree', index_cssr_1.default, styles_1.treeLight, props, mergedClsPrefixRef);
         const selfElRef = (0, vue_1.ref)(null);
         const scrollbarInstRef = (0, vue_1.ref)(null);
         const virtualListInstRef = (0, vue_1.ref)(null);
@@ -415,18 +415,22 @@ exports.default = (0, vue_1.defineComponent)({
         function doUpdateExpandedKeys(value, option) {
             const { 'onUpdate:expandedKeys': _onUpdateExpandedKeys, onUpdateExpandedKeys } = props;
             uncontrolledExpandedKeysRef.value = value;
-            if (_onUpdateExpandedKeys)
+            if (_onUpdateExpandedKeys) {
                 (0, _utils_1.call)(_onUpdateExpandedKeys, value, option);
-            if (onUpdateExpandedKeys)
+            }
+            if (onUpdateExpandedKeys) {
                 (0, _utils_1.call)(onUpdateExpandedKeys, value, option);
+            }
         }
         function doUpdateCheckedKeys(value, option) {
             const { 'onUpdate:checkedKeys': _onUpdateCheckedKeys, onUpdateCheckedKeys } = props;
             uncontrolledCheckedKeysRef.value = value;
-            if (onUpdateCheckedKeys)
+            if (onUpdateCheckedKeys) {
                 (0, _utils_1.call)(onUpdateCheckedKeys, value, option);
-            if (_onUpdateCheckedKeys)
+            }
+            if (_onUpdateCheckedKeys) {
                 (0, _utils_1.call)(_onUpdateCheckedKeys, value, option);
+            }
         }
         function doUpdateIndeterminateKeys(value, option) {
             const { 'onUpdate:indeterminateKeys': _onUpdateIndeterminateKeys, onUpdateIndeterminateKeys } = props;
@@ -440,10 +444,12 @@ exports.default = (0, vue_1.defineComponent)({
         function doUpdateSelectedKeys(value, option) {
             const { 'onUpdate:selectedKeys': _onUpdateSelectedKeys, onUpdateSelectedKeys } = props;
             uncontrolledSelectedKeysRef.value = value;
-            if (onUpdateSelectedKeys)
+            if (onUpdateSelectedKeys) {
                 (0, _utils_1.call)(onUpdateSelectedKeys, value, option);
-            if (_onUpdateSelectedKeys)
+            }
+            if (_onUpdateSelectedKeys) {
                 (0, _utils_1.call)(_onUpdateSelectedKeys, value, option);
+            }
         }
         // Drag & Drop
         function doDragEnter(info) {
@@ -940,6 +946,7 @@ exports.default = (0, vue_1.defineComponent)({
             mergedExpandedKeysRef,
             mergedThemeRef: themeRef,
             mergedCheckStrategyRef,
+            nodePropsRef: (0, vue_1.toRef)(props, 'nodeProps'),
             disabledRef: (0, vue_1.toRef)(props, 'disabled'),
             checkableRef: (0, vue_1.toRef)(props, 'checkable'),
             selectableRef: (0, vue_1.toRef)(props, 'selectable'),

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

@@ -26,6 +26,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     internalScrollable: import("vue").Ref<boolean>;
     draggable: import("vue").Ref<boolean>;
     blockLine: import("vue").Ref<boolean>;
+    nodeProps: import("vue").ComputedRef<import("vue").HTMLAttributes | undefined>;
     checkboxFocusable: import("vue").Ref<boolean>;
     droppingPosition: import("vue").Ref<import("./interface").DropPosition | null>;
     droppingOffsetLevel: import("vue").Ref<number>;
@@ -41,6 +42,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     handleDragOver: (e: DragEvent) => void;
     handleDragEnd: (e: DragEvent) => void;
     handleDragLeave: (e: DragEvent) => void;
+    handleLineClick: (e: MouseEvent) => void;
     handleContentClick: (e: MouseEvent) => void;
     handleSwitcherClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{