naive-ui 2.38.2 → 2.40.0

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

@@ -90,9 +90,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'TimePickerPanel',
     props: timePickerPanelProps,
     setup(props) {
-        const { mergedThemeRef, mergedClsPrefixRef
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.timePickerInjectionKey);
+        const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.timePickerInjectionKey);
         const hoursRef = (0, vue_1.computed)(() => {
             const { isHourDisabled, hours, use12Hours, amPmValue } = props;
             if (!use12Hours) {
@@ -194,10 +192,10 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-time-picker-cols` },
                 this.showHour ? ((0, vue_1.h)("div", { class: [
                         `${mergedClsPrefix}-time-picker-col`,
-                        this.isHourInvalid &&
-                            `${mergedClsPrefix}-time-picker-col--invalid`,
-                        this.transitionDisabled &&
-                            `${mergedClsPrefix}-time-picker-col--transition-disabled`
+                        this.isHourInvalid
+                            && `${mergedClsPrefix}-time-picker-col--invalid`,
+                        this.transitionDisabled
+                            && `${mergedClsPrefix}-time-picker-col--transition-disabled`
                     ] },
                     (0, vue_1.h)(_internal_1.NScrollbar, { ref: "hourScrollRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                         default: () => [
@@ -207,10 +205,10 @@ exports.default = (0, vue_1.defineComponent)({
                     }))) : null,
                 this.showMinute ? ((0, vue_1.h)("div", { class: [
                         `${mergedClsPrefix}-time-picker-col`,
-                        this.transitionDisabled &&
-                            `${mergedClsPrefix}-time-picker-col--transition-disabled`,
-                        this.isMinuteInvalid &&
-                            `${mergedClsPrefix}-time-picker-col--invalid`
+                        this.transitionDisabled
+                            && `${mergedClsPrefix}-time-picker-col--transition-disabled`,
+                        this.isMinuteInvalid
+                            && `${mergedClsPrefix}-time-picker-col--invalid`
                     ] },
                     (0, vue_1.h)(_internal_1.NScrollbar, { ref: "minuteScrollRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                         default: () => [
@@ -220,10 +218,10 @@ exports.default = (0, vue_1.defineComponent)({
                     }))) : null,
                 this.showSecond ? ((0, vue_1.h)("div", { class: [
                         `${mergedClsPrefix}-time-picker-col`,
-                        this.isSecondInvalid &&
-                            `${mergedClsPrefix}-time-picker-col--invalid`,
-                        this.transitionDisabled &&
-                            `${mergedClsPrefix}-time-picker-col--transition-disabled`
+                        this.isSecondInvalid
+                            && `${mergedClsPrefix}-time-picker-col--invalid`,
+                        this.transitionDisabled
+                            && `${mergedClsPrefix}-time-picker-col--transition-disabled`
                     ] },
                     (0, vue_1.h)(_internal_1.NScrollbar, { ref: "secondScrollRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                         default: () => [
@@ -233,10 +231,10 @@ exports.default = (0, vue_1.defineComponent)({
                     }))) : null,
                 this.use12Hours ? ((0, vue_1.h)("div", { class: [
                         `${mergedClsPrefix}-time-picker-col`,
-                        this.isAmPmInvalid &&
-                            `${mergedClsPrefix}-time-picker-col--invalid`,
-                        this.transitionDisabled &&
-                            `${mergedClsPrefix}-time-picker-col--transition-disabled`
+                        this.isAmPmInvalid
+                            && `${mergedClsPrefix}-time-picker-col--invalid`,
+                        this.transitionDisabled
+                            && `${mergedClsPrefix}-time-picker-col--transition-disabled`
                     ] },
                     (0, vue_1.h)(_internal_1.NScrollbar, { ref: "amPmScrollRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                         default: () => [

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type Item } from './interface';
+import type { Item } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -10,10 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     activeValue: {
-        type: PropType<number | "am" | "pm" | null>;
+        type: PropType<number | null | "am" | "pm">;
         default: null;
     };
-    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+    onItemClick: PropType<(value: number | "am" | "pm") => void>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
@@ -24,10 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     activeValue: {
-        type: PropType<number | "am" | "pm" | null>;
+        type: PropType<number | null | "am" | "pm">;
         default: null;
     };
-    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+    onItemClick: PropType<(value: number | "am" | "pm") => void>;
 }>>, {
     activeValue: number | "am" | "pm" | null;
 }, {}>;

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

@@ -1,18 +1,18 @@
 import { type PropType } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { FormValidationStatus } from '../../form/src/interface';
-import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 export declare const timePickerProps: {
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    actions: PropType<Array<"clear" | "now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -101,8 +101,10 @@ export declare const timePickerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -394,8 +396,10 @@ export declare const timePickerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -687,8 +691,10 @@ export declare const timePickerProps: {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -961,14 +967,14 @@ export declare const timePickerProps: {
 export type TimePickerProps = ExtractPublicPropTypes<typeof timePickerProps>;
 declare const _default: import("vue").DefineComponent<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    actions: PropType<Array<"clear" | "now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -1000,7 +1006,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    onConfirm: PropType<MaybeArray<(value: never, formattedValue: never) => void>>;
+    onConfirm: PropType<MaybeArray<(value: number & null, formattedValue: string & null) => void>>;
     onClear: PropType<() => void>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     timeZone: StringConstructor;
@@ -1057,8 +1063,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -1350,8 +1358,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -1643,8 +1653,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -2030,111 +2042,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMenuKeydown: (e: KeyboardEvent) => void;
     handleTriggerClick: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             panelColor: string;
             panelBoxShadow: string;
@@ -2159,8 +2067,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Button: import("../../_mixins").Theme<"Button", {
@@ -2475,14 +2385,14 @@ declare const _default: import("vue").DefineComponent<{
     clearSelectedValue: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     bordered: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    actions: PropType<Array<"clear" | "now" | "confirm"> | null>;
     defaultValue: {
         type: PropType<number | null>;
         default: null;
@@ -2514,7 +2424,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
-    onConfirm: PropType<MaybeArray<(value: never, formattedValue: never) => void>>;
+    onConfirm: PropType<MaybeArray<(value: number & null, formattedValue: string & null) => void>>;
     onClear: PropType<() => void>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     timeZone: StringConstructor;
@@ -2571,8 +2481,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -2864,8 +2776,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -3157,8 +3071,10 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {

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

@@ -9,8 +9,8 @@ const vooks_1 = require("vooks");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
 const seemly_1 = require("seemly");
-const date_fns_1 = require("date-fns"); //
-const formatInTimeZone_1 = __importDefault(require("date-fns-tz/formatInTimeZone"));
+const date_fns_1 = require("date-fns");
+const date_fns_tz_1 = require("date-fns-tz");
 const utils_1 = require("../../date-picker/src/utils");
 const icons_1 = require("../../_internal/icons");
 const input_1 = require("../../input");
@@ -28,7 +28,7 @@ function validateUnits(value, max) {
         return true;
     }
     if (Array.isArray(value)) {
-        return value.every((v) => v >= 0 && v <= max);
+        return value.every(v => v >= 0 && v <= max);
     }
     else {
         return value >= 0 && value <= max;
@@ -122,7 +122,7 @@ exports.default = (0, vue_1.defineComponent)({
             const { timeZone } = props;
             if (timeZone) {
                 return (date, format, options) => {
-                    return (0, formatInTimeZone_1.default)(date, timeZone, format, options);
+                    return (0, date_fns_tz_1.formatInTimeZone)(date, timeZone, format, options);
                 };
             }
             else {
@@ -134,8 +134,8 @@ exports.default = (0, vue_1.defineComponent)({
         const displayTimeStringRef = (0, vue_1.ref)('');
         (0, vue_1.watch)(() => props.timeZone, () => {
             const mergedValue = mergedValueRef.value;
-            displayTimeStringRef.value =
-                mergedValue === null
+            displayTimeStringRef.value
+                = mergedValue === null
                     ? ''
                     : mergedFormatRef.value(mergedValue, props.format, dateFnsOptionsRef.value);
         }, {
@@ -172,6 +172,24 @@ exports.default = (0, vue_1.defineComponent)({
         const secondInFormatRef = (0, vue_1.computed)(() => {
             return props.format.includes('s');
         });
+        const hourValueRef = (0, vue_1.computed)(() => {
+            const { value } = mergedValueRef;
+            if (value === null)
+                return null;
+            return Number(mergedFormatRef.value(value, 'HH', dateFnsOptionsRef.value));
+        });
+        const minuteValueRef = (0, vue_1.computed)(() => {
+            const { value } = mergedValueRef;
+            if (value === null)
+                return null;
+            return Number(mergedFormatRef.value(value, 'mm', dateFnsOptionsRef.value));
+        });
+        const secondValueRef = (0, vue_1.computed)(() => {
+            const { value } = mergedValueRef;
+            if (value === null)
+                return null;
+            return Number(mergedFormatRef.value(value, 'ss', dateFnsOptionsRef.value));
+        });
         const isHourInvalidRef = (0, vue_1.computed)(() => {
             const { isHourDisabled } = props;
             if (hourValueRef.value === null)
@@ -209,9 +227,9 @@ exports.default = (0, vue_1.defineComponent)({
             return isSecondDisabled(secondValue, minuteValue, hourValue);
         });
         const isValueInvalidRef = (0, vue_1.computed)(() => {
-            return (isHourInvalidRef.value ||
-                isMinuteInvalidRef.value ||
-                isSecondInvalidRef.value);
+            return (isHourInvalidRef.value
+                || isMinuteInvalidRef.value
+                || isSecondInvalidRef.value);
         });
         const mergedAttrSizeRef = (0, vue_1.computed)(() => {
             return props.format.length + 4;
@@ -222,24 +240,6 @@ exports.default = (0, vue_1.defineComponent)({
                 return null;
             return (0, date_fns_1.getHours)(value) < 12 ? 'am' : 'pm';
         });
-        const hourValueRef = (0, vue_1.computed)(() => {
-            const { value } = mergedValueRef;
-            if (value === null)
-                return null;
-            return Number(mergedFormatRef.value(value, 'HH', dateFnsOptionsRef.value));
-        });
-        const minuteValueRef = (0, vue_1.computed)(() => {
-            const { value } = mergedValueRef;
-            if (value === null)
-                return null;
-            return Number(mergedFormatRef.value(value, 'mm', dateFnsOptionsRef.value));
-        });
-        const secondValueRef = (0, vue_1.computed)(() => {
-            const { value } = mergedValueRef;
-            if (value === null)
-                return null;
-            return Number(mergedFormatRef.value(value, 'ss', dateFnsOptionsRef.value));
-        });
         function doUpdateFormattedValue(value, timestampValue) {
             const { onUpdateFormattedValue, 'onUpdate:formattedValue': _onUpdateFormattedValue } = props;
             if (onUpdateFormattedValue) {
@@ -407,8 +407,9 @@ exports.default = (0, vue_1.defineComponent)({
         function deriveInputValue(time) {
             if (time === undefined)
                 time = mergedValueRef.value;
-            if (time === null)
+            if (time === null) {
                 displayTimeStringRef.value = '';
+            }
             else {
                 displayTimeStringRef.value = mergedFormatRef.value(time, props.format, dateFnsOptionsRef.value);
             }
@@ -478,8 +479,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function isInternalFocusSwitch(e) {
             var _a, _b, _c;
-            return !!(((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains(e.relatedTarget)) ||
-                ((_c = panelInstRef.value) === null || _c === void 0 ? void 0 : _c.$el.contains(e.relatedTarget)));
+            return !!(((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains(e.relatedTarget))
+                || ((_c = panelInstRef.value) === null || _c === void 0 ? void 0 : _c.$el.contains(e.relatedTarget)));
         }
         function openPanel() {
             memorizedValueRef.value = mergedValueRef.value;
@@ -488,8 +489,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleClickOutside(e) {
             var _a, _b;
-            if (mergedShowRef.value &&
-                !((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
+            if (mergedShowRef.value
+                && !((_b = (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.wrapperElRef) === null || _b === void 0 ? void 0 : _b.contains((0, seemly_1.getPreciseEventTarget)(e)))) {
                 closePanel({
                     returnFocus: false
                 });
@@ -538,7 +539,7 @@ exports.default = (0, vue_1.defineComponent)({
                 minutes: date_fns_1.getMinutes,
                 seconds: date_fns_1.getSeconds
             };
-            const [mergeHours, mergeMinutes, mergeSeconds] = ['hours', 'minutes', 'seconds'].map((i) => !props[i] || (0, utils_2.isTimeInStep)(getNowTime[i](now), i, props[i])
+            const [mergeHours, mergeMinutes, mergeSeconds] = ['hours', 'minutes', 'seconds'].map(i => !props[i] || (0, utils_2.isTimeInStep)(getNowTime[i](now), i, props[i])
                 ? getNowTime[i](now)
                 : (0, utils_2.findSimilarTime)(getNowTime[i](now), i, props[i]));
             const newValue = (0, date_fns_1.setSeconds)((0, date_fns_1.setMinutes)((0, date_fns_1.setHours)(mergedValueRef.value ? mergedValueRef.value : (0, date_fns_1.getTime)(now), mergeHours), mergeMinutes), mergeSeconds);

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

@@ -1,5 +1,5 @@
-import { type Ref } from 'vue';
-import { type ScrollbarInst } from '../../_internal';
+import type { Ref } from 'vue';
+import type { ScrollbarInst } from '../../_internal';
 import type { MergedTheme } from '../../_mixins';
 import type { TimePickerTheme } from '../styles';
 export type ItemValue = number | 'am' | 'pm';

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

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAmPm = exports.findSimilarTime = exports.isTimeInStep = exports.getTimeUnits = exports.getFixValue = exports.time = void 0;
-const date_fns_1 = require("date-fns"); //
+exports.time = void 0;
+exports.getFixValue = getFixValue;
+exports.getTimeUnits = getTimeUnits;
+exports.isTimeInStep = isTimeInStep;
+exports.findSimilarTime = findSimilarTime;
+exports.getAmPm = getAmPm;
+const date_fns_1 = require("date-fns");
 const _utils_1 = require("../../_utils");
 exports.time = {
     amHours: [
@@ -187,15 +192,16 @@ exports.time = {
 function getFixValue(value) {
     return `00${value}`.slice(-2);
 }
-exports.getFixValue = getFixValue;
 // TODO: refactor the logic, it's somehow a patch logic
 function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
     if (Array.isArray(stepOrList)) {
         return (isHourWithAmPm === 'am'
-            ? stepOrList.filter((v) => v < 12)
+            ? stepOrList.filter(v => v < 12)
             : isHourWithAmPm === 'pm'
-                ? stepOrList.filter((v) => v >= 12).map((v) => (v === 12 ? 12 : v - 12))
-                : stepOrList).map((v) => getFixValue(v));
+                ? stepOrList
+                    .filter(v => v >= 12)
+                    .map(v => (v === 12 ? 12 : v - 12))
+                : stepOrList).map(v => getFixValue(v));
     }
     else if (typeof stepOrList === 'number') {
         if (isHourWithAmPm === 'am') {
@@ -221,16 +227,15 @@ function getTimeUnits(defaultValue, stepOrList, isHourWithAmPm) {
     }
     else {
         return isHourWithAmPm === 'am'
-            ? defaultValue.filter((hour) => Number(hour) < 12)
+            ? defaultValue.filter(hour => Number(hour) < 12)
             : isHourWithAmPm === 'pm'
                 ? defaultValue
-                    .map((hour) => Number(hour))
-                    .filter((hour) => Number(hour) >= 12)
-                    .map((v) => getFixValue(v === 12 ? 12 : v - 12))
+                    .map(hour => Number(hour))
+                    .filter(hour => Number(hour) >= 12)
+                    .map(v => getFixValue(v === 12 ? 12 : v - 12))
                 : defaultValue;
     }
 }
-exports.getTimeUnits = getTimeUnits;
 function isTimeInStep(value, type, stepOrList) {
     if (!stepOrList) {
         return true;
@@ -242,14 +247,14 @@ function isTimeInStep(value, type, stepOrList) {
         return stepOrList.includes(value);
     }
 }
-exports.isTimeInStep = isTimeInStep;
 function findSimilarTime(value, type, stepOrList) {
     const list = getTimeUnits(exports.time[type], stepOrList).map(Number);
     let lowerBound, upperBound;
     for (let i = 0; i < list.length; ++i) {
         const v = list[i];
-        if (v === value)
+        if (v === value) {
             return v;
+        }
         else if (v > value) {
             upperBound = v;
             break;
@@ -258,7 +263,7 @@ function findSimilarTime(value, type, stepOrList) {
     }
     if (lowerBound === undefined) {
         if (!upperBound) {
-            (0, _utils_1.throwError)('time-picker', "Please set 'hours' or 'minutes' or 'seconds' props");
+            (0, _utils_1.throwError)('time-picker', 'Please set \'hours\' or \'minutes\' or \'seconds\' props');
         }
         return upperBound;
     }
@@ -267,8 +272,6 @@ function findSimilarTime(value, type, stepOrList) {
     }
     return upperBound - value > value - lowerBound ? lowerBound : upperBound;
 }
-exports.findSimilarTime = findSimilarTime;
 function getAmPm(value) {
     return (0, date_fns_1.getHours)(value) < 12 ? 'am' : 'pm';
 }
-exports.getAmPm = getAmPm;