naive-ui 2.35.0 → 2.37.0

package/lib/themes/dark.js

@@ -57,32 +57,35 @@ const styles_52 = require("../popconfirm/styles");
 const styles_53 = require("../popover/styles");
 const styles_54 = require("../popselect/styles");
 const styles_55 = require("../progress/styles");
-const styles_56 = require("../radio/styles");
-const styles_57 = require("../rate/styles");
-const styles_58 = require("../result/styles");
-const styles_59 = require("../legacy-grid/styles");
-const styles_60 = require("../_internal/scrollbar/styles");
-const styles_61 = require("../select/styles");
-const styles_62 = require("../skeleton/styles");
-const styles_63 = require("../slider/styles");
-const styles_64 = require("../space/styles");
-const styles_65 = require("../spin/styles");
-const styles_66 = require("../statistic/styles");
-const styles_67 = require("../steps/styles");
-const styles_68 = require("../switch/styles");
-const styles_69 = require("../table/styles");
-const styles_70 = require("../tabs/styles");
-const styles_71 = require("../tag/styles");
-const styles_72 = require("../thing/styles");
-const styles_73 = require("../time-picker/styles");
-const styles_74 = require("../timeline/styles");
-const styles_75 = require("../tooltip/styles");
-const styles_76 = require("../transfer/styles");
-const styles_77 = require("../tree-select/styles");
-const styles_78 = require("../typography/styles");
-const styles_79 = require("../tree/styles");
-const styles_80 = require("../upload/styles");
-const styles_81 = require("../watermark/styles");
+const styles_56 = require("../qr-code/styles");
+const styles_57 = require("../radio/styles");
+const styles_58 = require("../rate/styles");
+const styles_59 = require("../result/styles");
+const styles_60 = require("../legacy-grid/styles");
+const styles_61 = require("../_internal/scrollbar/styles");
+const styles_62 = require("../select/styles");
+const styles_63 = require("../skeleton/styles");
+const styles_64 = require("../slider/styles");
+const styles_65 = require("../space/styles");
+const styles_66 = require("../spin/styles");
+const styles_67 = require("../statistic/styles");
+const styles_68 = require("../steps/styles");
+const styles_69 = require("../switch/styles");
+const styles_70 = require("../table/styles");
+const styles_71 = require("../tabs/styles");
+const styles_72 = require("../tag/styles");
+const styles_73 = require("../thing/styles");
+const styles_74 = require("../time-picker/styles");
+const styles_75 = require("../timeline/styles");
+const styles_76 = require("../tooltip/styles");
+const styles_77 = require("../transfer/styles");
+const styles_78 = require("../tree-select/styles");
+const styles_79 = require("../typography/styles");
+const styles_80 = require("../tree/styles");
+const styles_81 = require("../upload/styles");
+const styles_82 = require("../watermark/styles");
+const styles_83 = require("../split/styles");
+const styles_84 = require("../styles");
 exports.darkTheme = {
     name: 'dark',
     common: common_1.commonDark,
@@ -118,6 +121,7 @@ exports.darkTheme = {
     Empty: styles_31.emptyDark,
     Ellipsis: styles_30.ellipsisDark,
     Equation: styles_32.equationDark,
+    Flex: styles_84.flexDark,
     Form: styles_33.formDark,
     GradientText: styles_34.gradientTextDark,
     Icon: styles_35.iconDark,
@@ -141,30 +145,32 @@ exports.darkTheme = {
     Popover: styles_53.popoverDark,
     Popselect: styles_54.popselectDark,
     Progress: styles_55.progressDark,
-    Radio: styles_56.radioDark,
-    Rate: styles_57.rateDark,
-    Result: styles_58.resultDark,
-    Row: styles_59.rowDark,
-    Scrollbar: styles_60.scrollbarDark,
-    Select: styles_61.selectDark,
-    Skeleton: styles_62.skeletonDark,
-    Slider: styles_63.sliderDark,
-    Space: styles_64.spaceDark,
-    Spin: styles_65.spinDark,
-    Statistic: styles_66.statisticDark,
-    Steps: styles_67.stepsDark,
-    Switch: styles_68.switchDark,
-    Table: styles_69.tableDark,
-    Tabs: styles_70.tabsDark,
-    Tag: styles_71.tagDark,
-    Thing: styles_72.thingDark,
-    TimePicker: styles_73.timePickerDark,
-    Timeline: styles_74.timelineDark,
-    Tooltip: styles_75.tooltipDark,
-    Transfer: styles_76.transferDark,
-    Tree: styles_79.treeDark,
-    TreeSelect: styles_77.treeSelectDark,
-    Typography: styles_78.typographyDark,
-    Upload: styles_80.uploadDark,
-    Watermark: styles_81.watermarkDark
+    QrCode: styles_56.qrcodeDark,
+    Radio: styles_57.radioDark,
+    Rate: styles_58.rateDark,
+    Result: styles_59.resultDark,
+    Row: styles_60.rowDark,
+    Scrollbar: styles_61.scrollbarDark,
+    Select: styles_62.selectDark,
+    Skeleton: styles_63.skeletonDark,
+    Slider: styles_64.sliderDark,
+    Space: styles_65.spaceDark,
+    Spin: styles_66.spinDark,
+    Statistic: styles_67.statisticDark,
+    Steps: styles_68.stepsDark,
+    Switch: styles_69.switchDark,
+    Table: styles_70.tableDark,
+    Tabs: styles_71.tabsDark,
+    Tag: styles_72.tagDark,
+    Thing: styles_73.thingDark,
+    TimePicker: styles_74.timePickerDark,
+    Timeline: styles_75.timelineDark,
+    Tooltip: styles_76.tooltipDark,
+    Transfer: styles_77.transferDark,
+    Tree: styles_80.treeDark,
+    TreeSelect: styles_78.treeSelectDark,
+    Typography: styles_79.typographyDark,
+    Upload: styles_81.uploadDark,
+    Watermark: styles_82.watermarkDark,
+    Split: styles_83.splitDark
 };

package/lib/themes/light.js

@@ -59,32 +59,35 @@ const styles_52 = require("../popconfirm/styles");
 const styles_53 = require("../popover/styles");
 const styles_54 = require("../popselect/styles");
 const styles_55 = require("../progress/styles");
-const styles_56 = require("../radio/styles");
-const styles_57 = require("../rate/styles");
-const styles_58 = require("../result/styles");
-const styles_59 = require("../legacy-grid/styles");
-const styles_60 = require("../_internal/scrollbar/styles");
-const styles_61 = require("../select/styles");
-const styles_62 = require("../skeleton/styles");
-const styles_63 = require("../slider/styles");
-const styles_64 = require("../space/styles");
-const styles_65 = require("../spin/styles");
-const styles_66 = require("../statistic/styles");
-const styles_67 = require("../steps/styles");
-const styles_68 = require("../switch/styles");
-const styles_69 = require("../table/styles");
-const styles_70 = require("../tabs/styles");
-const styles_71 = require("../tag/styles");
-const styles_72 = require("../thing/styles");
-const styles_73 = require("../time-picker/styles");
-const styles_74 = require("../timeline/styles");
-const styles_75 = require("../tooltip/styles");
-const styles_76 = require("../transfer/styles");
-const styles_77 = require("../typography/styles");
-const styles_78 = require("../tree/styles");
-const styles_79 = require("../tree-select/styles");
-const styles_80 = require("../upload/styles");
-const styles_81 = require("../watermark/styles");
+const styles_56 = require("../qr-code/styles");
+const styles_57 = require("../radio/styles");
+const styles_58 = require("../rate/styles");
+const styles_59 = require("../result/styles");
+const styles_60 = require("../legacy-grid/styles");
+const styles_61 = require("../_internal/scrollbar/styles");
+const styles_62 = require("../select/styles");
+const styles_63 = require("../skeleton/styles");
+const styles_64 = require("../slider/styles");
+const styles_65 = require("../space/styles");
+const styles_66 = require("../spin/styles");
+const styles_67 = require("../statistic/styles");
+const styles_68 = require("../steps/styles");
+const styles_69 = require("../switch/styles");
+const styles_70 = require("../table/styles");
+const styles_71 = require("../tabs/styles");
+const styles_72 = require("../tag/styles");
+const styles_73 = require("../thing/styles");
+const styles_74 = require("../time-picker/styles");
+const styles_75 = require("../timeline/styles");
+const styles_76 = require("../tooltip/styles");
+const styles_77 = require("../transfer/styles");
+const styles_78 = require("../typography/styles");
+const styles_79 = require("../tree/styles");
+const styles_80 = require("../tree-select/styles");
+const styles_81 = require("../upload/styles");
+const styles_82 = require("../watermark/styles");
+const styles_83 = require("../split/styles");
+const styles_84 = require("../flex/styles");
 exports.lightTheme = {
     name: 'light',
     common: common_1.commonLight,
@@ -120,6 +123,7 @@ exports.lightTheme = {
     Empty: styles_31.emptyLight,
     Equation: styles_32.equationLight,
     Ellipsis: styles_30.ellipsisLight,
+    Flex: styles_84.flexLight,
     Form: styles_33.formLight,
     GradientText: styles_34.gradientTextLight,
     Icon: styles_35.iconLight,
@@ -143,30 +147,32 @@ exports.lightTheme = {
     Popover: styles_53.popoverLight,
     Popselect: styles_54.popselectLight,
     Progress: styles_55.progressLight,
-    Radio: styles_56.radioLight,
-    Rate: styles_57.rateLight,
-    Row: styles_59.rowLight,
-    Result: styles_58.resultLight,
-    Scrollbar: styles_60.scrollbarLight,
-    Skeleton: styles_62.skeletonLight,
-    Select: styles_61.selectLight,
-    Slider: styles_63.sliderLight,
-    Space: styles_64.spaceLight,
-    Spin: styles_65.spinLight,
-    Statistic: styles_66.statisticLight,
-    Steps: styles_67.stepsLight,
-    Switch: styles_68.switchLight,
-    Table: styles_69.tableLight,
-    Tabs: styles_70.tabsLight,
-    Tag: styles_71.tagLight,
-    Thing: styles_72.thingLight,
-    TimePicker: styles_73.timePickerLight,
-    Timeline: styles_74.timelineLight,
-    Tooltip: styles_75.tooltipLight,
-    Transfer: styles_76.transferLight,
-    Tree: styles_78.treeLight,
-    TreeSelect: styles_79.treeSelectLight,
-    Typography: styles_77.typographyLight,
-    Upload: styles_80.uploadLight,
-    Watermark: styles_81.watermarkLight
+    QrCode: styles_56.qrcodeLight,
+    Radio: styles_57.radioLight,
+    Rate: styles_58.rateLight,
+    Row: styles_60.rowLight,
+    Result: styles_59.resultLight,
+    Scrollbar: styles_61.scrollbarLight,
+    Skeleton: styles_63.skeletonLight,
+    Select: styles_62.selectLight,
+    Slider: styles_64.sliderLight,
+    Space: styles_65.spaceLight,
+    Spin: styles_66.spinLight,
+    Statistic: styles_67.statisticLight,
+    Steps: styles_68.stepsLight,
+    Switch: styles_69.switchLight,
+    Table: styles_70.tableLight,
+    Tabs: styles_71.tabsLight,
+    Tag: styles_72.tagLight,
+    Thing: styles_73.thingLight,
+    TimePicker: styles_74.timePickerLight,
+    Timeline: styles_75.timelineLight,
+    Tooltip: styles_76.tooltipLight,
+    Transfer: styles_77.transferLight,
+    Tree: styles_79.treeLight,
+    TreeSelect: styles_80.treeSelectLight,
+    Typography: styles_78.typographyLight,
+    Upload: styles_81.uploadLight,
+    Watermark: styles_82.watermarkLight,
+    Split: styles_83.splitLight
 };

package/lib/thing/src/Thing.d.ts

@@ -4,8 +4,10 @@ export declare const thingProps: {
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -32,8 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {
@@ -58,8 +62,10 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     titleExtra: StringConstructor;
     description: StringConstructor;
+    descriptionClass: StringConstructor;
     descriptionStyle: PropType<string | CSSProperties>;
     content: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     contentIndented: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Thing", {

package/lib/thing/src/Thing.js

@@ -8,7 +8,7 @@ const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.thingProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, titleExtra: String, description: String, descriptionStyle: [String, Object], content: String, contentStyle: [String, Object], contentIndented: Boolean });
+exports.thingProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, titleExtra: String, description: String, descriptionClass: String, descriptionStyle: [String, Object], content: String, contentClass: String, contentStyle: [String, Object], contentIndented: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Thing',
     props: exports.thingProps,
@@ -59,7 +59,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
                                     ? slots['header-extra']()
                                     : props.titleExtra)) : null),
-                            slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description`, style: props.descriptionStyle }, slots.description
+                            slots.description || props.description ? ((0, vue_1.h)("div", { class: [
+                                    `${mergedClsPrefix}-thing-main__description`,
+                                    props.descriptionClass
+                                ], style: props.descriptionStyle }, slots.description
                                 ? slots.description()
                                 : props.description)) : null)) : null)) : ((0, vue_1.h)(vue_1.Fragment, null,
                         slots.header ||
@@ -70,10 +73,16 @@ exports.default = (0, vue_1.defineComponent)({
                             slots['header-extra'] || props.titleExtra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-header__extra` }, slots['header-extra']
                                 ? slots['header-extra']()
                                 : props.titleExtra)) : null)) : null,
-                        slots.description || props.description ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__description`, style: props.descriptionStyle }, slots.description
+                        slots.description || props.description ? ((0, vue_1.h)("div", { class: [
+                                `${mergedClsPrefix}-thing-main__description`,
+                                props.descriptionClass
+                            ], style: props.descriptionStyle }, slots.description
                             ? slots.description()
                             : props.description)) : null)),
-                    slots.default || props.content ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__content`, style: props.contentStyle }, slots.default ? slots.default() : props.content)) : null,
+                    slots.default || props.content ? ((0, vue_1.h)("div", { class: [
+                            `${mergedClsPrefix}-thing-main__content`,
+                            props.contentClass
+                        ], style: props.contentStyle }, slots.default ? slots.default() : props.content)) : null,
                     slots.footer ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__footer` }, slots.footer())) : null,
                     slots.action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-thing-main__action` }, slots.action())) : null)));
         };

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

@@ -3,7 +3,7 @@ import { type IsHourDisabled, type IsMinuteDisabled, type IsSecondDisabled, type
 import { type MaybeArray } from '../../_utils';
 declare const _default: import("vue").DefineComponent<{
     actions: {
-        type: PropType<("confirm" | "now")[] | null>;
+        type: PropType<("clear" | "confirm" | "now")[] | null>;
         default: () => string[];
     };
     showHour: {
@@ -63,9 +63,11 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     onNowClick: PropType<() => void>;
+    clearText: StringConstructor;
     nowText: StringConstructor;
     confirmText: StringConstructor;
     transitionDisabled: BooleanConstructor;
+    onClearClick: PropType<() => void>;
     onConfirmClick: PropType<() => void>;
     onFocusin: PropType<(e: FocusEvent) => void>;
     onFocusout: PropType<(e: FocusEvent) => void>;
@@ -499,7 +501,7 @@ declare const _default: import("vue").DefineComponent<{
     amPmScrollRef: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
-        type: PropType<("confirm" | "now")[] | null>;
+        type: PropType<("clear" | "confirm" | "now")[] | null>;
         default: () => string[];
     };
     showHour: {
@@ -559,9 +561,11 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     onNowClick: PropType<() => void>;
+    clearText: StringConstructor;
     nowText: StringConstructor;
     confirmText: StringConstructor;
     transitionDisabled: BooleanConstructor;
+    onClearClick: PropType<() => void>;
     onConfirmClick: PropType<() => void>;
     onFocusin: PropType<(e: FocusEvent) => void>;
     onFocusout: PropType<(e: FocusEvent) => void>;
@@ -573,7 +577,7 @@ declare const _default: import("vue").DefineComponent<{
     use12Hours: BooleanConstructor;
 }>>, {
     transitionDisabled: boolean;
-    actions: ("confirm" | "now")[] | null;
+    actions: ("clear" | "confirm" | "now")[] | null;
     showHour: boolean;
     showMinute: boolean;
     showSecond: boolean;

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

@@ -71,9 +71,11 @@ const timePickerPanelProps = {
         required: true
     },
     onNowClick: Function,
+    clearText: String,
     nowText: String,
     confirmText: String,
     transitionDisabled: Boolean,
+    onClearClick: Function,
     onConfirmClick: Function,
     onFocusin: Function,
     onFocusout: Function,
@@ -186,7 +188,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const { mergedClsPrefix, mergedTheme } = this;
         return ((0, vue_1.h)("div", { tabindex: 0, class: `${mergedClsPrefix}-time-picker-panel`, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeydown: this.onKeydown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-time-picker-cols` },
@@ -243,8 +245,9 @@ exports.default = (0, vue_1.defineComponent)({
                         ]
                     }))) : null),
             ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-time-picker-actions` },
-                ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('now')) ? ((0, vue_1.h)(button_1.NButton, { size: "tiny", theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.onNowClick }, { default: () => this.nowText })) : null,
-                ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? ((0, vue_1.h)(button_1.NButton, { size: "tiny", type: "primary", class: `${mergedClsPrefix}-time-picker-actions__confirm`, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: this.isValueInvalid, onClick: this.onConfirmClick }, { default: () => this.confirmText })) : null)) : null,
+                ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", onClick: this.onClearClick }, { default: () => this.clearText })) : null,
+                ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('now')) ? ((0, vue_1.h)(button_1.NButton, { size: "tiny", theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.onNowClick }, { default: () => this.nowText })) : null,
+                ((_d = this.actions) === null || _d === void 0 ? void 0 : _d.includes('confirm')) ? ((0, vue_1.h)(button_1.NButton, { size: "tiny", type: "primary", class: `${mergedClsPrefix}-time-picker-actions__confirm`, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: this.isValueInvalid, onClick: this.onConfirmClick }, { default: () => this.confirmText })) : null)) : null,
             (0, vue_1.h)(_internal_1.NBaseFocusDetector, { onFocus: this.onFocusDetectorFocus })));
     }
 });

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

@@ -12,7 +12,7 @@ export declare const timePickerProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<("clear" | "confirm" | "now")[] | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -950,7 +950,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<("clear" | "confirm" | "now")[] | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -1893,6 +1893,7 @@ declare const _default: import("vue").DefineComponent<{
         inputElRef: HTMLInputElement | null;
         isCompositing: boolean;
         blur: () => void;
+        clear: () => void;
         focus: () => void;
         select: () => void;
         activate: () => void;
@@ -1952,6 +1953,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
     mergedShow: import("vue").ComputedRef<boolean>;
+    localizedClear: import("vue").ComputedRef<string>;
     localizedNow: import("vue").ComputedRef<string>;
     localizedPlaceholder: import("vue").ComputedRef<string>;
     localizedNegativeText: import("vue").ComputedRef<string>;
@@ -2428,6 +2430,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
+    clearSelectedValue: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -2437,7 +2440,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("confirm" | "now")[] | null>;
+    actions: PropType<("clear" | "confirm" | "now")[] | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;

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

@@ -146,6 +146,9 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedShowRef = (0, vooks_1.useMergedState)(controlledShowRef, uncontrolledShowRef);
         const memorizedValueRef = (0, vue_1.ref)(mergedValueRef.value);
         const transitionDisabledRef = (0, vue_1.ref)(false);
+        const localizedClearRef = (0, vue_1.computed)(() => {
+            return localeRef.value.clear;
+        });
         const localizedNowRef = (0, vue_1.computed)(() => {
             return localeRef.value.now;
         });
@@ -300,6 +303,14 @@ exports.default = (0, vue_1.defineComponent)({
                 returnFocus: true
             });
         }
+        // clear selected time
+        function clearSelectedValue() {
+            doUpdateValue(null);
+            deriveInputValue(null);
+            closePanel({
+                returnFocus: true
+            });
+        }
         function handleInputKeydown(e) {
             if (e.key === 'Escape' && mergedShowRef.value) {
                 (0, _utils_1.markEventEffectPerformed)(e);
@@ -506,7 +517,8 @@ exports.default = (0, vue_1.defineComponent)({
                     const newTime = (0, date_fns_1.set)(mergedValue, {
                         hours: (0, date_fns_1.getHours)(time),
                         minutes: (0, date_fns_1.getMinutes)(time),
-                        seconds: (0, date_fns_1.getSeconds)(time)
+                        seconds: (0, date_fns_1.getSeconds)(time),
+                        milliseconds: (0, date_fns_1.getMilliseconds)(time)
                     });
                     doUpdateValue((0, date_fns_1.getTime)(newTime));
                 }
@@ -619,6 +631,7 @@ exports.default = (0, vue_1.defineComponent)({
             panelInstRef,
             adjustedTo: (0, _utils_1.useAdjustedTo)(props),
             mergedShow: mergedShowRef,
+            localizedClear: localizedClearRef,
             localizedNow: localizedNowRef,
             localizedPlaceholder: localizedPlaceholderRef,
             localizedNegativeText: localizedNegativeTextRef,
@@ -664,7 +677,8 @@ exports.default = (0, vue_1.defineComponent)({
             triggerOnRender: triggerThemeClassHandle === null || triggerThemeClassHandle === void 0 ? void 0 : triggerThemeClassHandle.onRender,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            clearSelectedValue
         };
     },
     render() {
@@ -690,7 +704,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 var _a;
                                 if (this.mergedShow) {
                                     (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-                                    return (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, class: this.themeClass, 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 }), [
+                                    return (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, class: this.themeClass, 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, clearText: this.localizedClear, 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, onClearClick: this.clearSelectedValue, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [
                                         [
                                             vdirs_1.clickoutside,
                                             this.handleClickOutside,

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

@@ -103,7 +103,10 @@ export declare const tooltipProps: {
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -127,8 +130,11 @@ export declare const tooltipProps: {
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -256,7 +262,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -280,8 +289,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -558,7 +570,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"show" | "if">;
         default: string;
     };
+    arrowClass: StringConstructor;
     arrowStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowWrapperClass: StringConstructor;
+    arrowWrapperStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -582,8 +597,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     scrollable: BooleanConstructor;
+    contentClass: StringConstructor;
     contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

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

@@ -3816,8 +3816,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly options: Option[];
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly virtualScroll: boolean;
     readonly filterable: boolean;
+    readonly virtualScroll: boolean;
     readonly defaultValue: OptionValue[] | null;
     readonly showSelected: boolean;
     readonly sourceFilterable: boolean;

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

@@ -520,7 +520,7 @@ declare const _default: import("vue").DefineComponent<{
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc/lib/virtual-list/src/VirtualList").ScrollTo;
+        scrollTo: import("vueuc").VirtualListScrollTo;
     } | null>;
     syncVLScroller: () => void;
     scrollContainer: () => HTMLElement | null;

package/lib/tree/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NTree, treeProps } from './src/Tree';
 export type { TreeProps } from './src/Tree';
-export type { TreeOption, TreeDragInfo, TreeDropInfo, TreeInst } from './src/interface';
+export type { TreeOption, TreeDragInfo, TreeDropInfo, TreeInst, TreeOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn } from './src/interface';
+export { treeGetClickTarget } from './src/utils';