naive-ui 2.24.0 → 2.24.4

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

@@ -494,78 +494,81 @@ declare const _default: import("vue").DefineComponent<{
     minuteScrollRef: import("vue").Ref<null>;
     secondScrollRef: import("vue").Ref<null>;
     amPmScrollRef: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    actions?: unknown;
-    showHour?: unknown;
-    showMinute?: unknown;
-    showSecond?: unknown;
-    showPeriod?: unknown;
-    isHourInvalid?: unknown;
-    isMinuteInvalid?: unknown;
-    isSecondInvalid?: unknown;
-    isAmPmInvalid?: unknown;
-    isValueInvalid?: unknown;
-    hourValue?: unknown;
-    minuteValue?: unknown;
-    secondValue?: unknown;
-    amPmValue?: unknown;
-    isHourDisabled?: unknown;
-    isMinuteDisabled?: unknown;
-    isSecondDisabled?: unknown;
-    onHourClick?: unknown;
-    onMinuteClick?: unknown;
-    onSecondClick?: unknown;
-    onAmPmClick?: unknown;
-    onNowClick?: unknown;
-    nowText?: unknown;
-    confirmText?: unknown;
-    transitionDisabled?: unknown;
-    onConfirmClick?: unknown;
-    onFocusin?: unknown;
-    onFocusout?: unknown;
-    onFocusDetectorFocus?: unknown;
-    onKeydown?: unknown;
-    hours?: unknown;
-    minutes?: unknown;
-    seconds?: unknown;
-    use12Hours?: unknown;
-} & {
-    transitionDisabled: boolean;
-    actions: ("confirm" | "now")[];
-    showHour: boolean;
-    showMinute: boolean;
-    showSecond: boolean;
-    showPeriod: boolean;
-    isHourInvalid: boolean;
-    isMinuteInvalid: boolean;
-    isSecondInvalid: boolean;
-    isAmPmInvalid: boolean;
-    isValueInvalid: boolean;
-    hourValue: number | null;
-    minuteValue: number | null;
-    secondValue: number | null;
-    amPmValue: "am" | "pm" | null;
-    use12Hours: boolean;
-} & {
-    onFocusin?: ((e: FocusEvent) => void) | undefined;
-    onFocusout?: ((e: FocusEvent) => void) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => void) | undefined;
-    hours?: MaybeArray<number> | undefined;
-    minutes?: MaybeArray<number> | undefined;
-    seconds?: MaybeArray<number> | undefined;
-    isHourDisabled?: IsHourDisabled | undefined;
-    isMinuteDisabled?: IsMinuteDisabled | undefined;
-    isSecondDisabled?: IsSecondDisabled | undefined;
-    onHourClick?: ((value: ItemValue) => void) | undefined;
-    onMinuteClick?: ((value: ItemValue) => void) | undefined;
-    onSecondClick?: ((value: ItemValue) => void) | undefined;
-    onAmPmClick?: ((value: ItemValue) => void) | undefined;
-    onNowClick?: (() => void) | undefined;
-    nowText?: string | undefined;
-    confirmText?: string | undefined;
-    onConfirmClick?: (() => void) | undefined;
-    onFocusDetectorFocus?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<("confirm" | "now")[]>;
+        default: () => string[];
+    };
+    showHour: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMinute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSecond: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPeriod: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHourInvalid: BooleanConstructor;
+    isMinuteInvalid: BooleanConstructor;
+    isSecondInvalid: BooleanConstructor;
+    isAmPmInvalid: BooleanConstructor;
+    isValueInvalid: BooleanConstructor;
+    hourValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    minuteValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    secondValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    amPmValue: {
+        type: PropType<"am" | "pm" | null>;
+        default: null;
+    };
+    isHourDisabled: PropType<IsHourDisabled>;
+    isMinuteDisabled: PropType<IsMinuteDisabled>;
+    isSecondDisabled: PropType<IsSecondDisabled>;
+    onHourClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onMinuteClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onSecondClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onAmPmClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onNowClick: PropType<() => void>;
+    nowText: StringConstructor;
+    confirmText: StringConstructor;
+    transitionDisabled: BooleanConstructor;
+    onConfirmClick: PropType<() => void>;
+    onFocusin: PropType<(e: FocusEvent) => void>;
+    onFocusout: PropType<(e: FocusEvent) => void>;
+    onFocusDetectorFocus: PropType<() => void>;
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    hours: PropType<MaybeArray<number>>;
+    minutes: PropType<MaybeArray<number>>;
+    seconds: PropType<MaybeArray<number>>;
+    use12Hours: BooleanConstructor;
+}>>, {
     transitionDisabled: boolean;
     actions: ("confirm" | "now")[];
     showHour: boolean;

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

@@ -14,18 +14,21 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    data?: unknown;
-    activeValue?: unknown;
-    onItemClick?: unknown;
-} & {
-    data: Item[];
-    clsPrefix: string;
-    activeValue: number | "am" | "pm" | null;
-} & {
-    onItemClick?: ((value: number | 'am' | 'pm') => void) | undefined;
-}>, {
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: PropType<Item[]>;
+        required: true;
+    };
+    activeValue: {
+        type: PropType<number | "am" | "pm" | null>;
+        default: null;
+    };
+    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+}>>, {
     activeValue: number | "am" | "pm" | null;
 }>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 declare const timePickerProps: {
     to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -1878,32 +1878,44 @@ declare const _default: import("vue").DefineComponent<{
     panelInstRef: import("vue").Ref<{
         $el: HTMLElement;
         hourScrollRef?: {
-            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-            sync: () => void;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        minuteScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        minuteScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        secondScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        secondScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        amPmScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        amPmScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
         } | undefined;
     } | null>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
@@ -2376,62 +2388,78 @@ declare const _default: import("vue").DefineComponent<{
         '--n-panel-divider-color': string;
         '--n-item-border-radius': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    bordered?: unknown;
-    actions?: unknown;
-    defaultValue?: unknown;
-    defaultFormattedValue?: unknown;
-    placeholder?: unknown;
-    placement?: unknown;
-    value?: unknown;
-    format?: unknown;
-    valueFormat?: unknown;
-    formattedValue?: unknown;
-    isHourDisabled?: unknown;
-    size?: unknown;
-    isMinuteDisabled?: unknown;
-    isSecondDisabled?: unknown;
-    inputReadonly?: unknown;
-    clearable?: unknown;
-    'onUpdate:value'?: unknown;
-    onUpdateValue?: unknown;
-    onUpdateFormattedValue?: unknown;
-    'onUpdate:formattedValue'?: unknown;
-    onBlur?: unknown;
-    onFocus?: unknown;
-    stateful?: unknown;
-    showIcon?: unknown;
-    disabled?: unknown;
-    show?: unknown;
-    hours?: unknown;
-    minutes?: unknown;
-    seconds?: unknown;
-    use12Hours?: unknown;
-    onChange?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    format: string;
-    placement: string;
-    showIcon: boolean;
-    clearable: boolean;
-    defaultValue: number | null;
-    stateful: boolean;
-    inputReadonly: boolean;
-    use12Hours: boolean;
-} & {
-    value?: number | null | undefined;
-    size?: Size | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onBlur?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    placeholder?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"TimePicker", {
+    focus: () => void;
+    blur: () => 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<{
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    actions: PropType<("confirm" | "now")[]>;
+    defaultValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    defaultFormattedValue: StringConstructor;
+    placeholder: StringConstructor;
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: PropType<number | null>;
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueFormat: StringConstructor;
+    formattedValue: PropType<string | null>;
+    isHourDisabled: PropType<IsHourDisabled>;
+    size: PropType<Size>;
+    isMinuteDisabled: PropType<IsMinuteDisabled>;
+    isSecondDisabled: PropType<IsSecondDisabled>;
+    inputReadonly: BooleanConstructor;
+    clearable: BooleanConstructor;
+    'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
+    'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
+    onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    stateful: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    show: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    hours: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    minutes: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    seconds: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    use12Hours: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    theme: PropType<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -2716,8 +2744,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -3002,8 +3030,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -3288,23 +3316,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    actions?: ("confirm" | "now")[] | undefined;
-    hours?: MaybeArray<number> | undefined;
-    minutes?: MaybeArray<number> | undefined;
-    seconds?: MaybeArray<number> | undefined;
-    defaultFormattedValue?: string | undefined;
-    formattedValue?: string | null | undefined;
-    valueFormat?: string | undefined;
-    "onUpdate:formattedValue"?: MaybeArray<OnUpdateFormattedValue> | undefined;
-    onUpdateFormattedValue?: MaybeArray<OnUpdateFormattedValue> | undefined;
-    isHourDisabled?: IsHourDisabled | undefined;
-    isMinuteDisabled?: IsMinuteDisabled | undefined;
-    isSecondDisabled?: IsSecondDisabled | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     disabled: boolean | undefined;
     format: string;

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

@@ -508,38 +508,18 @@ exports.default = (0, vue_1.defineComponent)({
             mergedThemeRef: themeRef,
             mergedClsPrefixRef
         });
-        return {
-            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,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_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,
+            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,
             handleConfirmClick,
@@ -556,17 +536,14 @@ exports.default = (0, vue_1.defineComponent)({
             handleTimeInputClear,
             handleFocusDetectorFocus,
             handleMenuKeyDown,
-            handleTriggerClick,
-            mergedTheme: themeRef,
-            triggerCssVars: (0, vue_1.computed)(() => {
+            handleTriggerClick, mergedTheme: themeRef, triggerCssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
                 return {
                     '--n-icon-color': iconColor,
                     '--n-icon-color-disabled': iconColorDisabled,
                     '--n-bezier': cubicBezierEaseInOut
                 };
-            }),
-            cssVars: (0, vue_1.computed)(() => {
+            }), cssVars: (0, vue_1.computed)(() => {
                 const { self: { panelColor, itemTextColor, itemTextColorActive, itemColorHover, panelDividerColor, panelBoxShadow, itemOpacityDisabled, borderRadius, itemFontSize, itemWidth, itemHeight, panelActionPadding, itemBorderRadius }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
                     '--n-bezier': cubicBezierEaseInOut,
@@ -584,11 +561,10 @@ exports.default = (0, vue_1.defineComponent)({
                     '--n-panel-divider-color': panelDividerColor,
                     '--n-item-border-radius': itemBorderRadius
                 };
-            })
-        };
+            }) });
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { mergedClsPrefix, $slots } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-time-picker`, style: this.triggerCssVars },
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
@@ -596,7 +572,7 @@ exports.default = (0, vue_1.defineComponent)({
                         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
                             ? {
                                 [this.clearable ? 'clear' : 'suffix']: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
-                                    default: () => (0, vue_1.h)(icons_1.TimeIcon, null)
+                                    default: () => $slots.icon ? $slots.icon() : (0, vue_1.h)(icons_1.TimeIcon, null)
                                 }))
                             }
                             : null))

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

@@ -1,4 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
+import { Ref } from 'vue';
 import { ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
@@ -12,7 +12,7 @@ export interface TimePickerInjection {
     mergedThemeRef: Ref<MergedTheme<TimePickerTheme>>;
     mergedClsPrefixRef: Ref<string>;
 }
-export declare const timePickerInjectionKey: InjectionKey<TimePickerInjection>;
+export declare const timePickerInjectionKey: import("vue").InjectionKey<TimePickerInjection>;
 export interface PanelRef {
     $el: HTMLElement;
     hourScrollRef?: ScrollbarInst;
@@ -28,3 +28,7 @@ export declare type IsHourDisabled = (hour: number) => boolean;
 export declare type IsMinuteDisabled = (minute: number, hour: number | null) => boolean;
 export declare type IsSecondDisabled = (second: number, minute: number | null, hour: number | null) => boolean;
 export declare type Size = 'small' | 'medium' | 'large';
+export interface TimePickerInst {
+    focus: () => void;
+    blur: () => void;
+}

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

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.timePickerInjectionKey = void 0;
-exports.timePickerInjectionKey = Symbol('timePicker');
+const _utils_1 = require("../../_utils");
+exports.timePickerInjectionKey = (0, _utils_1.createInjectionKey)('n-time-picker');