vft 0.0.149 → 0.0.151

package/es/components/time-picker/common/picker.vue2.js

@@ -1,26 +1,26 @@
-import { defineComponent as ge, ref as v, inject as je, watch as qe, nextTick as j, computed as i, unref as l, provide as He, openBlock as I, createBlock as w, mergeProps as Le, withCtx as q, normalizeClass as m, normalizeStyle as pe, withModifiers as F, createCommentVNode as H, createElementBlock as We, createElementVNode as ee, renderSlot as de, toDisplayString as Je } from "vue";
+import { defineComponent as ge, ref as v, inject as qe, watch as He, nextTick as j, computed as i, unref as l, provide as Le, openBlock as I, createBlock as C, mergeProps as We, withCtx as q, normalizeClass as m, normalizeStyle as pe, withModifiers as M, createCommentVNode as H, createElementBlock as Je, createElementVNode as ee, renderSlot as de, toDisplayString as Ge } from "vue";
 import { isArray as y } from "@vft/utils";
 import "../../form/index.js";
 import { VftIcon as L } from "../../icon/index.js";
-import { VftInput as Ge } from "../../input/index.js";
-import { VftTooltip as Qe } from "../../tooltip/index.js";
-import { EVENT_CODE as C } from "../../../constants/aria.js";
-import { onClickOutside as Xe } from "@vueuse/core";
+import { VftInput as Qe } from "../../input/index.js";
+import { VftTooltip as Xe } from "../../tooltip/index.js";
+import { EVENT_CODE as w } from "../../../constants/aria.js";
+import { onClickOutside as Ye } from "@vueuse/core";
 import { debugWarn as fe } from "../../../utils/error.js";
 import "../../../utils/ns-cover.js";
-import { isEqual as Ye } from "lodash";
+import { isEqual as Ze } from "lodash";
 import { useNamespace as ae } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import { valueEquals as ve, parseDate as me, formatter as he } from "../utils.js";
-import { timePickerDefaultProps as Ze } from "./props.js";
-import { useFormItem as _e } from "../../form/hooks/use-form-item.js";
-import { useFormSize as xe } from "../../form/hooks/use-form-common-props.js";
-const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa = ["id", "name", "placeholder", "value", "disabled", "readonly"], la = ge({
+import { timePickerDefaultProps as _e } from "./props.js";
+import { useFormItem as xe } from "../../form/hooks/use-form-item.js";
+import { useFormSize as ea } from "../../form/hooks/use-form-common-props.js";
+const aa = ["id", "name", "placeholder", "value", "disabled", "readonly"], la = ["id", "name", "placeholder", "value", "disabled", "readonly"], na = ge({
   name: "Picker"
-}), Ia = /* @__PURE__ */ ge({
-  ...la,
-  props: Ze,
+}), Va = /* @__PURE__ */ ge({
+  ...na,
+  props: _e,
   emits: [
     "update:modelValue",
     "change",
@@ -31,10 +31,10 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
     "visible-change",
     "keydown"
   ],
-  setup(ye, { expose: be, emit: p }) {
-    const t = ye, E = v("zh-cn"), h = ae("date"), D = ae("input"), g = ae("range"), { form: W, formItem: V } = _e(), ke = je("VftPopperOptions", {}), J = v(), b = v(), u = v(!1), G = v(!1), le = v(null);
+  setup(ye, { expose: be, emit: ke }) {
+    const t = ye, p = ke, E = v("zh-cn"), h = ae("date"), D = ae("input"), g = ae("range"), { form: W, formItem: V } = xe(), Ie = qe("VftPopperOptions", {}), J = v(), b = v(), u = v(!1), G = v(!1), le = v(null);
     let Q = !1, S = !1;
-    qe(u, (e) => {
+    He(u, (e) => {
       e ? j(() => {
         e && (le.value = t.modelValue);
       }) : (n.value = null, j(() => {
@@ -50,7 +50,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
           (o) => he(o, t.valueFormat, E.value)
         ) : e && (a = he(e, t.valueFormat, E.value)), p("update:modelValue", e && a, E.value);
       }
-    }, Ie = (e) => {
+    }, Ve = (e) => {
       p("keydown", e);
     }, T = i(() => {
       if (b.value) {
@@ -58,10 +58,10 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         return Array.from(e.querySelectorAll("input"));
       }
       return [];
-    }), Ve = (e, a, o) => {
+    }), Pe = (e, a, o) => {
       const r = T.value;
       r.length && (!o || o === "min" ? (r[0].setSelectionRange(e, a), r[0].focus()) : o === "max" && (r[1].setSelectionRange(e, a), r[1].focus()));
-    }, Pe = () => {
+    }, Ce = () => {
       Y(!0, !0), j(() => {
         S = !1;
       });
@@ -71,15 +71,15 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
       y(e) ? o = e.map((r) => r.toDate()) : o = e && e.toDate(), n.value = null, k(o);
     }, we = () => {
       G.value = !0;
-    }, Ce = () => {
+    }, Ee = () => {
       p("visible-change", !0);
-    }, Ee = (e) => {
-      (e == null ? void 0 : e.key) === C.esc && Y(!0, !0);
-    }, De = () => {
-      G.value = !1, u.value = !1, S = !1, p("visible-change", !1);
+    }, De = (e) => {
+      (e == null ? void 0 : e.key) === w.esc && Y(!0, !0);
     }, Se = () => {
-      u.value = !0;
+      G.value = !1, u.value = !1, S = !1, p("visible-change", !1);
     }, Te = () => {
+      u.value = !0;
+    }, Re = () => {
       u.value = !1;
     }, Y = (e = !0, a = !1) => {
       S = a;
@@ -106,7 +106,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         const a = s.value.getRangeAvailableTime(
           e
         );
-        Ye(a, e) || (e = a, k(
+        Ze(a, e) || (e = a, k(
           y(e) ? e.map((o) => o.toDate()) : e.toDate()
         ));
       }
@@ -119,14 +119,14 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         n.value[0] || e && e[0] || "",
         n.value[1] || e && e[1] || ""
       ] : n.value !== null ? n.value : !Me.value && K.value || !u.value && K.value ? "" : e ? te.value ? e.join(", ") : e : "";
-    }), Re = i(() => t.type.includes("time")), Me = i(() => t.type.startsWith("time")), te = i(() => t.type === "dates"), O = i(
-      () => t.prefixIcon || (Re.value ? "icon-clock" : "icon-calendar")
+    }), Fe = i(() => t.type.includes("time")), Me = i(() => t.type.startsWith("time")), te = i(() => t.type === "dates"), O = i(
+      () => t.prefixIcon || (Fe.value ? "icon-clock" : "icon-calendar")
     ), P = v(!1), ue = (e) => {
-      t.readonly || c.value || P.value && (e.stopPropagation(), Pe(), k(null), X(null, !0), P.value = !1, u.value = !1, s.value.handleClear && s.value.handleClear());
+      t.readonly || c.value || P.value && (e.stopPropagation(), Ce(), k(null), X(null, !0), P.value = !1, u.value = !1, s.value.handleClear && s.value.handleClear());
     }, K = i(() => {
       const { modelValue: e } = t;
       return !e || y(e) && !e.filter(Boolean).length;
-    }), M = async (e) => {
+    }), F = async (e) => {
       var a;
       t.readonly || c.value || (((a = e.target) == null ? void 0 : a.tagName) !== "INPUT" || T.value.includes(document.activeElement)) && (u.value = !0);
     }, re = () => {
@@ -136,15 +136,15 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
     }, z = (e) => {
       var a;
       t.readonly || c.value || (((a = e.touches[0].target) == null ? void 0 : a.tagName) !== "INPUT" || T.value.includes(document.activeElement)) && (u.value = !0);
-    }, N = i(() => t.type.includes("range")), Z = xe(), Fe = i(() => {
+    }, N = i(() => t.type.includes("range")), Z = ea(), Be = i(() => {
       var e, a;
       return (a = (e = l(J)) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
     }), ie = i(() => {
       var e;
       return l(N) ? l(b) : (e = l(b)) == null ? void 0 : e.$el;
     });
-    Xe(ie, (e) => {
-      const a = l(Fe), o = l(ie);
+    Ye(ie, (e) => {
+      const a = l(Be), o = l(ie);
       a && (e.target === a || e.composedPath().includes(a)) || e.target === o || e.composedPath().includes(o) || (u.value = !1);
     });
     const n = v(null), _ = () => {
@@ -159,19 +159,19 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
       if (t.readonly || c.value)
         return;
       const { code: a } = e;
-      if (Ie(e), a === C.esc) {
+      if (Ve(e), a === w.esc) {
         u.value === !0 && (u.value = !1, e.preventDefault(), e.stopPropagation());
         return;
       }
-      if (a === C.down && (s.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), u.value === !1 && (u.value = !0, await j()), s.value.handleFocusPicker)) {
+      if (a === w.down && (s.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), u.value === !1 && (u.value = !0, await j()), s.value.handleFocusPicker)) {
         s.value.handleFocusPicker();
         return;
       }
-      if (a === C.tab) {
+      if (a === w.tab) {
         Q = !0;
         return;
       }
-      if (a === C.enter || a === C.numpadEnter) {
+      if (a === w.enter || a === w.numpadEnter) {
         (n.value === null || n.value === "" || U(A(d.value))) && (_(), u.value = !1), e.stopPropagation();
         return;
       }
@@ -180,15 +180,15 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         return;
       }
       s.value.handleKeydownInput && s.value.handleKeydownInput(e);
-    }, Be = (e) => {
-      n.value = e, u.value || (u.value = !0);
     }, $e = (e) => {
+      n.value = e, u.value || (u.value = !0);
+    }, Oe = (e) => {
       const a = e.target;
       n.value ? n.value = [a.value, n.value[1]] : n.value = [a.value, null];
-    }, Oe = (e) => {
+    }, Ke = (e) => {
       const a = e.target;
       n.value ? n.value = [n.value[0], a.value] : n.value = [null, a.value];
-    }, Ke = () => {
+    }, ze = () => {
       var r;
       const e = n.value, a = A(e && e[0]), o = l($);
       if (a && a.isValid()) {
@@ -199,7 +199,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         const f = [a, o && (o[1] || null)];
         U(f) && (k(f), n.value = null);
       }
-    }, ze = () => {
+    }, Ne = () => {
       var r;
       const e = l(n), a = A(e && e[1]), o = l($);
       if (a && a.isValid()) {
@@ -210,14 +210,14 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         const f = [o && o[0], a];
         U(f) && (k(f), n.value = null);
       }
-    }, s = v({}), Ne = (e) => {
+    }, s = v({}), Ae = (e) => {
       s.value[e[0]] = e[1], s.value.panelReady = !0;
-    }, Ae = (e) => {
+    }, Ue = (e) => {
       p("calendar-change", e);
-    }, Ue = (e, a, o) => {
+    }, je = (e, a, o) => {
       p("panel-change", e, a, o);
     };
-    return He("EP_PICKER_BASE", {
+    return Le("EP_PICKER_BASE", {
       props: t
     }), be({
       /**
@@ -235,16 +235,16 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
       /**
        * @description opens picker
        */
-      handleOpen: Se,
+      handleOpen: Te,
       /**
        * @description closes picker
        */
-      handleClose: Te,
+      handleClose: Re,
       /**
        * @description pick item manually
        */
       onPick: ne
-    }), (e, a) => (I(), w(l(Qe), Le({
+    }), (e, a) => (I(), C(l(Xe), We({
       ref_key: "refPopper",
       ref: J,
       visible: u.value,
@@ -256,18 +256,18 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
       teleported: "",
       transition: `${l(h).namespace.value}-zoom-in-top`,
       "popper-class": [`${l(h).namespace.value}-picker__popper`, e.popperClass],
-      "popper-options": l(ke),
+      "popper-options": l(Ie),
       "fallback-placements": ["bottom", "top", "right", "left"],
       "gpu-acceleration": !1,
       "stop-popper-mouse-event": !1,
       "hide-after": 0,
       persistent: "",
       onBeforeShow: we,
-      onShow: Ce,
-      onHide: De
+      onShow: Ee,
+      onHide: Se
     }), {
       default: q(() => [
-        N.value ? (I(), We("div", {
+        N.value ? (I(), Je("div", {
           key: 1,
           ref_key: "inputRef",
           ref: b,
@@ -288,13 +288,13 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
           onTouchstart: z,
           onKeydown: ce
         }, [
-          O.value ? (I(), w(l(L), {
+          O.value ? (I(), C(l(L), {
             key: 0,
             icon: O.value,
             class: m([l(D).e("icon"), l(g).e("icon")]),
-            onMousedown: F(M, ["prevent"]),
+            onMousedown: M(F, ["prevent"]),
             onTouchstart: z
-          }, null, 8, ["icon", "class", "onMousedown"])) : H("", !0),
+          }, null, 8, ["icon", "class"])) : H("", !0),
           ee("input", {
             id: e.id && e.id[0],
             autocomplete: "off",
@@ -304,16 +304,16 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
             disabled: c.value,
             readonly: !e.editable || e.readonly,
             class: m(l(g).b("input")),
-            onMousedown: M,
-            onInput: $e,
-            onChange: Ke,
+            onMousedown: F,
+            onInput: Oe,
+            onChange: ze,
             onFocus: R,
             onBlur: B
-          }, null, 42, ea),
+          }, null, 42, aa),
           de(e.$slots, "range-separator", {}, () => [
             ee("span", {
               class: m(l(g).b("separator"))
-            }, Je(e.rangeSeparator), 3)
+            }, Ge(e.rangeSeparator), 3)
           ]),
           ee("input", {
             id: e.id && e.id[1],
@@ -324,13 +324,13 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
             disabled: c.value,
             readonly: !e.editable || e.readonly,
             class: m(l(g).b("input")),
-            onMousedown: M,
+            onMousedown: F,
             onFocus: R,
             onBlur: B,
-            onInput: Oe,
-            onChange: ze
-          }, null, 42, aa),
-          e.clearIcon ? (I(), w(l(L), {
+            onInput: Ke,
+            onChange: Ne
+          }, null, 42, la),
+          e.clearIcon ? (I(), C(l(L), {
             key: 1,
             icon: e.clearIcon,
             class: m([
@@ -342,7 +342,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
             ]),
             onClick: ue
           }, null, 8, ["icon", "class"])) : H("", !0)
-        ], 38)) : (I(), w(l(Ge), {
+        ], 38)) : (I(), C(l(Qe), {
           key: 0,
           id: e.id,
           ref_key: "inputRef",
@@ -359,34 +359,34 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
           label: e.label,
           tabindex: e.tabindex,
           "validate-event": !1,
-          onInput: Be,
+          onInput: $e,
           onFocus: R,
           onBlur: B,
           onKeydown: ce,
           onChange: _,
-          onMousedown: M,
+          onMousedown: F,
           onMouseenter: re,
           onMouseleave: se,
           onTouchstart: z,
-          onClick: a[0] || (a[0] = F(() => {
+          onClick: a[0] || (a[0] = M(() => {
           }, ["stop"]))
         }, {
           prefix: q(() => [
-            O.value ? (I(), w(l(L), {
+            O.value ? (I(), C(l(L), {
               key: 0,
               icon: O.value,
               class: m(l(D).e("icon")),
-              onMousedown: F(M, ["prevent"]),
+              onMousedown: M(F, ["prevent"]),
               onTouchstart: z
-            }, null, 8, ["icon", "class", "onMousedown"])) : H("", !0)
+            }, null, 8, ["icon", "class"])) : H("", !0)
           ]),
           suffix: q(() => [
-            P.value && e.clearIcon ? (I(), w(l(L), {
+            P.value && e.clearIcon ? (I(), C(l(L), {
               key: 0,
               icon: e.clearIcon,
               class: m(`${l(D).e("icon")} clear-icon`),
-              onClick: F(ue, ["stop"])
-            }, null, 8, ["icon", "class", "onClick"])) : H("", !0)
+              onClick: M(ue, ["stop"])
+            }, null, 8, ["icon", "class"])) : H("", !0)
           ]),
           _: 1
         }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "label", "tabindex", "onKeydown"]))
@@ -401,12 +401,12 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
           type: e.type,
           defaultValue: e.defaultValue,
           onPick: ne,
-          onSelectRange: Ve,
-          onSetPickerOption: Ne,
-          onCalendarChange: Ae,
-          onPanelChange: Ue,
-          onKeydown: Ee,
-          onMousedown: a[1] || (a[1] = F(() => {
+          onSelectRange: Pe,
+          onSetPickerOption: Ae,
+          onCalendarChange: Ue,
+          onPanelChange: je,
+          onKeydown: De,
+          onMousedown: a[1] || (a[1] = M(() => {
           }, ["stop"]))
         })
       ]),
@@ -415,5 +415,5 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
   }
 });
 export {
-  Ia as default
+  Va as default
 };

package/es/components/time-picker/common/props.d.ts

@@ -1,4 +1,3 @@
-import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
 import type { Component, ExtractPropTypes } from 'vue';
 export type SingleOrRange<T> = T | [T, T];
@@ -71,7 +70,15 @@ export declare const timePickerDefaultProps: {
     readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
     readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     readonly startPlaceholder: StringConstructor;

package/es/components/time-picker/composables/use-time-picker.d.ts

@@ -56,7 +56,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "y" | "s" | "ms" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;
@@ -65,9 +65,9 @@ export declare const useOldValue: (props: {
     toISOString: () => string;
     toString: () => string;
     utcOffset: () => number;
-    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     locale: {
         (): string;
         (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
@@ -76,8 +76,8 @@ export declare const useOldValue: (props: {
         (): number;
         (value: number): Dayjs;
     };
-    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     localeData: () => import("dayjs").InstanceLocaleDataReturn;
     week: {
         (): number;
@@ -126,7 +126,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "y" | "s" | "ms" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;
@@ -135,9 +135,9 @@ export declare const useOldValue: (props: {
     toISOString: () => string;
     toString: () => string;
     utcOffset: () => number;
-    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     locale: {
         (): string;
         (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
@@ -146,8 +146,8 @@ export declare const useOldValue: (props: {
         (): number;
         (value: number): Dayjs;
     };
-    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     localeData: () => import("dayjs").InstanceLocaleDataReturn;
     week: {
         (): number;

package/es/components/time-picker/index.d.ts

@@ -68,7 +68,15 @@ declare const _TimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -85,7 +93,7 @@ declare const _TimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;
@@ -150,7 +158,15 @@ declare const _TimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -176,13 +192,13 @@ declare const _TimePicker: import("vue").DefineComponent<{
     modelValue: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    popperOptions: any;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
@@ -258,7 +274,15 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -275,7 +299,7 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;
@@ -340,7 +364,15 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     readonly: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     disabled: import("../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     placeholder: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
+    popperOptions: import("../../utils").EpPropFinalized<(new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => any) | (() => Options) | {
+        (): Options;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => {}, boolean>;
     modelValue: import("../../utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown, "", boolean>;
     rangeSeparator: import("../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
@@ -366,13 +398,13 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
     modelValue: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType))[], unknown, unknown>;
     readonly: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     placeholder: string;
     clearable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     prefixIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
     clearIcon: import("../../utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("../../utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<import("@popperjs/core").Options>;
+    popperOptions: any;
     popperClass: string;
     editable: import("../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;