@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/TimePicker/TimePicker.vue.d.ts

@@ -84,15 +84,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("../locale/default").DatePickerLocal>;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };
@@ -176,14 +171,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -265,14 +260,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -354,14 +349,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -443,14 +438,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         startOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         endOf: {
             (unit: dayjs.OpUnitType): Dayjs;
-            (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+            (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
         };
         format: (template?: string) => string;
-        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+        diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -589,15 +584,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("../locale/default").DatePickerLocal>;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };
@@ -640,15 +630,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onOpen-change"?: (v: boolean) => any;
     "onUpdate:open"?: (v: boolean) => any;
 }>, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     required: boolean;
     size: "small" | "default" | "large";
+    format: string;
     disabled: boolean;
-    variant: "text" | "surface" | "soft";
+    variant: "surface" | "soft" | "borderless" | "underline";
     clearable: boolean;
     labelColon: boolean;
     open: boolean;
-    format: string;
     range: boolean;
     disabledHours: import("./TimePicker.type").DisabledHoursFunction;
     disabledMinutes: import("./TimePicker.type").DisabledMinutesFunction;
@@ -827,9 +816,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onMouseleave?: (e: Event) => any;
         "onContext-menu"?: (e: Event) => any;
     }>, {
+        offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-        offset: number[];
         popupStyle: CSSProperties;
         trigger: ("click" | "hover" | "focus" | "contextmenu")[];
         mouseEnterDelay: number;
@@ -978,7 +967,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     TimePickerInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefixCls: {
             type: StringConstructor;
@@ -1027,7 +1016,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>, {
         inputPrefixCls: import("vue").ComputedRef<string>;
-        inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+        inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
         formatTime: (value: Dayjs, format: string) => string;
         thisPlaceholder: import("vue").ComputedRef<string>;
         onInputChange: (e: any) => void;
@@ -1085,17 +1074,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onChange?: (...args: any[]) => any;
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
-        onEnter?: (...args: any[]) => any;
         onKeydown?: (...args: any[]) => any;
+        onEnter?: (...args: any[]) => any;
         onOpen?: (...args: any[]) => any;
     }>, {
         locale: import("../locale/default").DatePickerLocal;
         size: "small" | "default" | "large";
+        format: string;
         disabled: boolean;
         placeholder: string;
         open: boolean;
         value: Dayjs;
-        format: string;
         disabledHours: import("./TimePicker.type").DisabledHoursFunction;
         disabledMinutes: import("./TimePicker.type").DisabledMinutesFunction;
         disabledSeconds: import("./TimePicker.type").DisabledSecondsFunction;
@@ -1199,14 +1188,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -1288,14 +1277,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -1378,14 +1367,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -1467,14 +1456,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -1571,10 +1560,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         locale: import("../locale/default").DatePickerLocal;
         size: "small" | "default" | "large";
+        format: string;
         disabled: boolean;
         open: boolean;
         value: Dayjs[];
-        format: string;
         disabledHours: import("./TimePicker.type").DisabledHoursFunction;
         disabledMinutes: import("./TimePicker.type").DisabledMinutesFunction;
         disabledSeconds: import("./TimePicker.type").DisabledSecondsFunction;
@@ -1717,8 +1706,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        ULineSortRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        RangeSeparator: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     TimePickerText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefixCls: {
@@ -1781,9 +1770,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         locale: import("../locale/default").DatePickerLocal;
         size: "small" | "default" | "large";
+        format: string;
         placeholder: string;
         value: Dayjs;
-        format: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     TimePanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefixCls: {
@@ -2118,7 +2107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 hideBar: boolean;
                 minSize: number;
                 zIndex: number;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     TimeRangePanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2225,14 +2214,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -2314,14 +2303,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -2404,14 +2393,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -2493,14 +2482,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             startOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             endOf: {
                 (unit: dayjs.OpUnitType): Dayjs;
-                (unit: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w"): Dayjs;
+                (unit: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w"): Dayjs;
             };
             format: (template?: string) => string;
-            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "y" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
+            diff: (date?: string | number | Date | Dayjs, unit?: "D" | "M" | "d" | "y" | "month" | "year" | "date" | "day" | "hour" | "minute" | "second" | "millisecond" | "week" | "quarter" | "weeks" | "months" | "s" | "h" | "dates" | "m" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "ms" | "quarters" | "Q" | "w", float?: boolean) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -2946,11 +2935,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     hideBar: boolean;
                     minSize: number;
                     zIndex: number;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    URoundTime: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    Clock: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/TimePicker/Trigger/TimePickerInput.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, openBlock, createElementBlock, normalizeClass } from 'vue';
+import { defineComponent, shallowRef, inject, ref, computed, openBlock, createElementBlock, normalizeClass } from 'vue';
 import dayjs from 'dayjs';
 import { oneOf } from '../../../utils/propsValidators.mjs';
 import useGlobalConfig from '../../base/hooks/useGlobalConfig.mjs';
@@ -62,7 +62,7 @@ const _sfc_main = defineComponent({
   emits: ["change", "focus", "blur", "enter", "keydown", "open"],
   setup(props, { emit }) {
     const { prefixCls: inputPrefixCls } = useGlobalConfig("input");
-    const inputRef = ref(null);
+    const inputRef = shallowRef(null);
     const { setOpened } = inject("timePickerContext", {});
     const invalid = ref(false);
     const setInValid = (val) => {
@@ -148,7 +148,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _hoisted_1 = ["placeholder", "disabled", "value"];
+const _hoisted_1 = ["placeholder", "disabled", "value", "size"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", {
     ref: "inputRef",
@@ -156,13 +156,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.thisPlaceholder,
     disabled: _ctx.disabled,
     value: _ctx.formatTime(_ctx.value, _ctx.format),
+    size: _ctx.format.length + 2,
     onInput: _cache[0] || (_cache[0] = (...args) => _ctx.onInputChange && _ctx.onInputChange(...args)),
     onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onInputChange && _ctx.onInputChange(...args)),
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onInputFocus && _ctx.onInputFocus(...args)),
     onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onInputBlur && _ctx.onInputBlur(...args))
   }, null, 42, _hoisted_1);
 }
-var TimePickerInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\TimePicker\\Trigger\\TimePickerInput.vue"]]);
+var TimePickerInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/TimePicker/Trigger/TimePickerInput.vue"]]);
 
 export { TimePickerInput as default };
 //# sourceMappingURL=TimePickerInput.mjs.map

package/es/components/TimePicker/Trigger/TimePickerInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerInput.mjs","sources":["../../../../../src/components/TimePicker/Trigger/TimePickerInput.vue"],"sourcesContent":["<template>\n  <input\n    ref=\"inputRef\"\n    :class=\"[`${prefixCls}-picker-input`]\"\n    :placeholder=\"thisPlaceholder\"\n    :disabled=\"disabled\"\n    :value=\"formatTime(value, format)\"\n    @input=\"onInputChange\"\n    @change=\"onInputChange\"\n    @focus=\"onInputFocus\"\n    @blur=\"onInputBlur\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { oneOf } from '../../../utils/propsValidators';\nimport useGlobalConfig from '../../base/hooks/useGlobalConfig';\nimport KeyCode from '../../../utils/KeyCode';\nimport { isTimeDisabled } from '../utils';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction, TimePickerContext } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\nimport type { NormalSizeMap } from '../../../utils/globalType';\n\nconst formatTime = (value: Dayjs | null, format: string) => {\n  return value ? value.format(format) : '';\n};\n\nconst defineProps = {\n  prefixCls: {\n    type: String\n  },\n  value: {\n    type: Object as PropType<Dayjs | null>,\n    default: null as null\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['large', 'small', 'default'])\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>,\n    default: () => ({}),\n    required: true\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  disabledHours: {\n    type: Function as PropType<DisabledHoursFunction>,\n    default: (() => []) as DisabledHoursFunction\n  },\n  disabledMinutes: {\n    type: Function as PropType<DisabledMinutesFunction>,\n    default: (() => []) as DisabledMinutesFunction\n  },\n  disabledSeconds: {\n    type: Function as PropType<DisabledSecondsFunction>,\n    default: (() => []) as DisabledSecondsFunction\n  },\n  open: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TimePickerInput',\n  props: defineProps,\n  emits: ['change', 'focus', 'blur', 'enter', 'keydown', 'open'],\n  setup(props, { emit }) {\n    const { prefixCls: inputPrefixCls } = useGlobalConfig('input');\n    const inputRef = ref<HTMLInputElement | null>(null);\n\n    const { setOpened } = inject<TimePickerContext>('timePickerContext', {} as TimePickerContext);\n    const invalid = ref(false);\n    const setInValid = (val: boolean) => {\n      invalid.value = val;\n    };\n    const thisPlaceholder = computed(() => {\n      return props.placeholder || props.locale.selectTime;\n    });\n\n    const fireChangeValue = (date: Dayjs) => {\n      emit('change', date);\n    };\n\n    const onInputChange = (e: any) => {\n      const { value: str, composing } = e.target;\n      const oldStr = formatTime(props.value, props.format);\n\n      if (e.isComposing || composing || oldStr === str) {\n        setInValid(false);\n        return;\n      }\n\n      if (!str) {\n        emit('change', null);\n        setInValid(false);\n        return;\n      }\n\n      const newDate = dayjs(str, props.format, true);\n      if (!newDate.isValid()) {\n        setInValid(true);\n        return;\n      }\n      const { disabledHours, disabledMinutes, disabledSeconds } = props;\n      if (\n        !newDate ||\n        isTimeDisabled(newDate, {\n          disabledHours,\n          disabledMinutes,\n          disabledSeconds\n        })\n      ) {\n        setInValid(true);\n        return;\n      }\n\n      setInValid(false);\n      fireChangeValue(newDate);\n    };\n\n    const onInputFocus = (e: any) => {\n      emit('focus', e);\n    };\n\n    const onInputKeydown = (e: any) => {\n      switch (e.keyCode) {\n        case KeyCode.ENTER:\n          setOpened(!props.open);\n          break;\n        case KeyCode.TAB:\n          setOpened(false);\n          break;\n        case KeyCode.DOWN:\n          if (!props.open) {\n            setOpened(true);\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    const onInputBlur = (e: any) => {\n      if (invalid.value) {\n        e.target.value = formatTime(props.value, props.format);\n      }\n      emit('blur', e);\n    };\n\n    const focus = () => {\n      if (inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    return {\n      inputPrefixCls,\n      inputRef,\n      formatTime,\n      thisPlaceholder,\n      onInputChange,\n      onInputKeydown,\n      onInputFocus,\n      onInputBlur,\n      focus\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"TimePickerInput.mjs","sources":["../../../../../src/components/TimePicker/Trigger/TimePickerInput.vue"],"sourcesContent":["<template>\n  <input\n    ref=\"inputRef\"\n    :class=\"[`${prefixCls}-picker-input`]\"\n    :placeholder=\"thisPlaceholder\"\n    :disabled=\"disabled\"\n    :value=\"formatTime(value, format)\"\n    :size=\"format.length + 2\"\n    @input=\"onInputChange\"\n    @change=\"onInputChange\"\n    @focus=\"onInputFocus\"\n    @blur=\"onInputBlur\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, inject, shallowRef } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { oneOf } from '../../../utils/propsValidators';\nimport useGlobalConfig from '../../base/hooks/useGlobalConfig';\nimport KeyCode from '../../../utils/KeyCode';\nimport { isTimeDisabled } from '../utils';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction, TimePickerContext } from '../TimePicker.type';\nimport type { DatePickerLocal } from '../../locale/default';\nimport type { NormalSizeMap } from '../../../utils/globalType';\n\nconst formatTime = (value: Dayjs | null, format: string) => {\n  return value ? value.format(format) : '';\n};\n\nconst defineProps = {\n  prefixCls: {\n    type: String\n  },\n  value: {\n    type: Object as PropType<Dayjs | null>,\n    default: null as null\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['large', 'small', 'default'])\n  },\n  format: {\n    type: String,\n    default: 'HH:mm:ss'\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>,\n    default: () => ({}),\n    required: true\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  disabledHours: {\n    type: Function as PropType<DisabledHoursFunction>,\n    default: (() => []) as DisabledHoursFunction\n  },\n  disabledMinutes: {\n    type: Function as PropType<DisabledMinutesFunction>,\n    default: (() => []) as DisabledMinutesFunction\n  },\n  disabledSeconds: {\n    type: Function as PropType<DisabledSecondsFunction>,\n    default: (() => []) as DisabledSecondsFunction\n  },\n  open: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TimePickerInput',\n  props: defineProps,\n  emits: ['change', 'focus', 'blur', 'enter', 'keydown', 'open'],\n  setup(props, { emit }) {\n    const { prefixCls: inputPrefixCls } = useGlobalConfig('input');\n    const inputRef = shallowRef<HTMLInputElement | null>(null);\n\n    const { setOpened } = inject<TimePickerContext>('timePickerContext', {} as TimePickerContext);\n    const invalid = ref(false);\n    const setInValid = (val: boolean) => {\n      invalid.value = val;\n    };\n    const thisPlaceholder = computed(() => {\n      return props.placeholder || props.locale.selectTime;\n    });\n\n    const fireChangeValue = (date: Dayjs) => {\n      emit('change', date);\n    };\n\n    const onInputChange = (e: any) => {\n      const { value: str, composing } = e.target;\n      const oldStr = formatTime(props.value, props.format);\n\n      if (e.isComposing || composing || oldStr === str) {\n        setInValid(false);\n        return;\n      }\n\n      if (!str) {\n        emit('change', null);\n        setInValid(false);\n        return;\n      }\n\n      const newDate = dayjs(str, props.format, true);\n      if (!newDate.isValid()) {\n        setInValid(true);\n        return;\n      }\n      const { disabledHours, disabledMinutes, disabledSeconds } = props;\n      if (\n        !newDate ||\n        isTimeDisabled(newDate, {\n          disabledHours,\n          disabledMinutes,\n          disabledSeconds\n        })\n      ) {\n        setInValid(true);\n        return;\n      }\n\n      setInValid(false);\n      fireChangeValue(newDate);\n    };\n\n    const onInputFocus = (e: any) => {\n      emit('focus', e);\n    };\n\n    const onInputKeydown = (e: any) => {\n      switch (e.keyCode) {\n        case KeyCode.ENTER:\n          setOpened(!props.open);\n          break;\n        case KeyCode.TAB:\n          setOpened(false);\n          break;\n        case KeyCode.DOWN:\n          if (!props.open) {\n            setOpened(true);\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    const onInputBlur = (e: any) => {\n      if (invalid.value) {\n        e.target.value = formatTime(props.value, props.format);\n      }\n      emit('blur', e);\n    };\n\n    const focus = () => {\n      if (inputRef.value) {\n        inputRef.value?.focus();\n      }\n    };\n\n    return {\n      inputPrefixCls,\n      inputRef,\n      formatTime,\n      thisPlaceholder,\n      onInputChange,\n      onInputKeydown,\n      onInputFocus,\n      onInputBlur,\n      focus\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":"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"}

package/es/components/TimePicker/Trigger/TimePickerInput.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     inputPrefixCls: import("vue").ComputedRef<string>;
-    inputRef: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
+    inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
     formatTime: (value: Dayjs, format: string) => string;
     thisPlaceholder: import("vue").ComputedRef<string>;
     onInputChange: (e: any) => void;
@@ -108,17 +108,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChange?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
     onKeydown?: (...args: any[]) => any;
+    onEnter?: (...args: any[]) => any;
     onOpen?: (...args: any[]) => any;
 }>, {
     locale: DatePickerLocal;
     size: "small" | "default" | "large";
+    format: string;
     disabled: boolean;
     placeholder: string;
     open: boolean;
     value: Dayjs;
-    format: string;
     disabledHours: DisabledHoursFunction;
     disabledMinutes: DisabledMinutesFunction;
     disabledSeconds: DisabledSecondsFunction;

package/es/components/TimePicker/Trigger/TimePickerText.mjs

@@ -58,7 +58,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, toDisplayString(!!_ctx.value ? _ctx.formatTime(_ctx.value, _ctx.format) : _ctx.thisPlaceholder), 3);
 }
-var TimePickerText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\TimePicker\\Trigger\\TimePickerText.vue"]]);
+var TimePickerText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/TimePicker/Trigger/TimePickerText.vue"]]);
 
 export { TimePickerText as default };
 //# sourceMappingURL=TimePickerText.mjs.map

package/es/components/TimePicker/Trigger/TimePickerText.vue.d.ts

@@ -62,8 +62,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     locale: DatePickerLocal;
     size: "small" | "default" | "large";
+    format: string;
     placeholder: string;
     value: Dayjs;
-    format: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;