vft 0.0.249 → 0.0.252

package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js

@@ -1,191 +1,192 @@
-import { defineComponent as de, ref as j, inject as fe, computed as h, createElementBlock as be, createCommentVNode as ve, openBlock as ge, normalizeClass as c, unref as o, createElementVNode as m, createVNode as z } from "vue";
-import { isArray as A } from "@vft/utils";
-import { EVENT_CODE as he } from "../../../constants/aria.js";
+import { defineComponent as ve, ref as j, inject as be, computed as d, createElementBlock as ge, createCommentVNode as he, openBlock as ke, normalizeClass as u, unref as s, createElementVNode as m, createVNode as z } from "vue";
+import S from "dayjs";
+import { union as A } from "lodash-es";
 import "@vueuse/core";
+import { isArray as M } from "@vft/utils";
+import { EVENT_CODE as Se } from "../../../constants/aria.js";
 import "../../../utils/ns-cover.js";
-import { union as M } from "lodash-es";
 import { useNamespace as U } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import S from "dayjs";
-import { useTimePanel as ke } from "../composables/use-time-panel.js";
-import { useOldValue as Se, buildAvailableTimeSlotGetter as De } from "../composables/use-time-picker.js";
-import { panelTimeRangeProps as we } from "../props/panel-time-range.js";
+import { PICKER_BASE_INJECTION_KEY as Ce } from "../constants.js";
+import { panelTimeRangeProps as De } from "../props/panel-time-range.js";
+import { useTimePanel as we } from "../composables/use-time-panel.js";
+import { useOldValue as Ve, buildAvailableTimeSlotGetter as _e } from "../composables/use-time-picker.js";
 import G from "./basic-time-spinner.vue2.js";
-const Ce = ["disabled"], $e = /* @__PURE__ */ de({
+const Re = ["disabled"], Ue = /* @__PURE__ */ ve({
   __name: "panel-time-range",
-  props: we,
+  props: De,
   emits: ["pick", "select-range", "set-picker-option"],
-  setup(q, { emit: F }) {
-    const u = q, i = F, v = (e, t) => {
+  setup(J, { emit: Y }) {
+    const i = J, c = Y, g = (e, t) => {
       const n = [];
-      for (let a = e; a <= t; a++)
-        n.push(a);
+      for (let o = e; o <= t; o++)
+        n.push(o);
       return n;
-    }, k = j("zh-cn"), s = U("time"), J = U("picker"), L = fe("EP_PICKER_BASE"), {
-      arrowControl: D,
+    }, k = j("zh-cn"), a = U("time"), q = U("picker"), F = be(Ce), {
+      arrowControl: C,
       disabledHours: O,
       disabledMinutes: E,
-      disabledSeconds: P,
-      defaultValue: C
-    } = L.props, d = h(() => u.parsedValue[0]), f = h(() => u.parsedValue[1]), Q = Se(u), W = () => {
-      i("pick", Q.value, !1);
-    }, b = h(() => u.format.includes("ss")), H = h(() => u.format.includes("A") ? "A" : u.format.includes("a") ? "a" : ""), X = (e = !1) => {
-      i("pick", [d.value, f.value], e);
-    }, Y = (e) => {
-      N(e.millisecond(0), f.value);
-    }, Z = (e) => {
-      N(d.value, e.millisecond(0));
+      disabledSeconds: N,
+      defaultValue: w
+    } = F.props, L = d(() => [
+      a.be("range-picker", "body"),
+      a.be("panel", "content"),
+      a.is("arrow", C),
+      b.value ? "has-seconds" : ""
+    ]), Q = d(() => [
+      a.be("range-picker", "body"),
+      a.be("panel", "content"),
+      a.is("arrow", C),
+      b.value ? "has-seconds" : ""
+    ]), f = d(() => i.parsedValue[0]), v = d(() => i.parsedValue[1]), W = Ve(i), X = () => {
+      c("pick", W.value, !1);
+    }, b = d(() => i.format.includes("ss")), H = d(() => i.format.includes("A") ? "A" : i.format.includes("a") ? "a" : ""), Z = (e = !1) => {
+      c("pick", [f.value, v.value], e);
     }, ee = (e) => {
-      const t = e.map((a) => S(a).locale(k.value)), n = B(t);
+      I(e.millisecond(0), v.value);
+    }, te = (e) => {
+      I(f.value, e.millisecond(0));
+    }, ne = (e) => {
+      const t = e.map((o) => S(o).locale(k.value)), n = P(t);
       return t[0].isSame(n[0]) && t[1].isSame(n[1]);
-    }, N = (e, t) => {
-      i("pick", [e, t], !0);
-    }, te = h(() => d.value > f.value), w = j([0, 2]), ne = (e, t) => {
-      i("select-range", e, t, "min"), w.value = [e, t];
-    }, y = h(() => b.value ? 11 : 8), oe = (e, t) => {
-      i("select-range", e, t, "max");
-      const n = o(y);
-      w.value = [e + n, t + n];
-    }, ae = (e) => {
+    }, I = (e, t) => {
+      i.visible && c("pick", [e, t], !0);
+    }, oe = d(() => f.value > v.value), D = j([0, 2]), ae = (e, t) => {
+      c("select-range", e, t, "min"), D.value = [e, t];
+    }, K = d(() => b.value ? 11 : 8), se = (e, t) => {
+      c("select-range", e, t, "max");
+      const n = s(K);
+      D.value = [e + n, t + n];
+    }, re = (e) => {
       const t = b.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11], n = ["hours", "minutes"].concat(
         b.value ? ["seconds"] : []
-      ), r = (t.indexOf(w.value[0]) + e + t.length) % t.length, l = t.length / 2;
-      r < l ? x.start_emitSelectRange(n[r]) : x.end_emitSelectRange(n[r - l]);
-    }, se = (e) => {
-      const t = e.code, { left: n, right: a, up: r, down: l } = he;
-      if ([n, a].includes(t)) {
-        ae(t === n ? -1 : 1), e.preventDefault();
+      ), r = (t.indexOf(D.value[0]) + e + t.length) % t.length, l = t.length / 2;
+      r < l ? T.start_emitSelectRange(n[r]) : T.end_emitSelectRange(n[r - l]);
+    }, le = (e) => {
+      const t = e.code, { left: n, right: o, up: r, down: l } = Se;
+      if ([n, o].includes(t)) {
+        re(t === n ? -1 : 1), e.preventDefault();
         return;
       }
       if ([r, l].includes(t)) {
-        const p = t === r ? -1 : 1, g = w.value[0] < y.value ? "start" : "end";
-        x[`${g}_scrollDown`](p), e.preventDefault();
+        const p = t === r ? -1 : 1, h = D.value[0] < K.value ? "start" : "end";
+        T[`${h}_scrollDown`](p), e.preventDefault();
         return;
       }
     }, V = (e, t) => {
-      const n = O ? O(e) : [], a = e === "start", l = (t || (a ? f.value : d.value)).hour(), p = a ? v(l + 1, 23) : v(0, l - 1);
-      return M(n, p);
+      const n = O ? O(e) : [], o = e === "start", l = (t || (o ? v.value : f.value)).hour(), p = o ? g(l + 1, 23) : g(0, l - 1);
+      return A(n, p);
     }, _ = (e, t, n) => {
-      const a = E ? E(e, t) : [], r = t === "start", l = n || (r ? f.value : d.value), p = l.hour();
+      const o = E ? E(e, t) : [], r = t === "start", l = n || (r ? v.value : f.value), p = l.hour();
       if (e !== p)
-        return a;
-      const g = l.minute(), T = r ? v(g + 1, 59) : v(0, g - 1);
-      return M(a, T);
-    }, R = (e, t, n, a) => {
-      const r = P ? P(e, t, n) : [], l = n === "start", p = a || (l ? f.value : d.value), g = p.hour(), T = p.minute();
-      if (e !== g || t !== T)
+        return o;
+      const h = l.minute(), x = r ? g(h + 1, 59) : g(0, h - 1);
+      return A(o, x);
+    }, R = (e, t, n, o) => {
+      const r = N ? N(e, t, n) : [], l = n === "start", p = o || (l ? v.value : f.value), h = p.hour(), x = p.minute();
+      if (e !== h || t !== x)
         return r;
-      const K = p.second(), me = l ? v(K + 1, 59) : v(0, K - 1);
-      return M(r, me);
-    }, B = ([e, t]) => [
-      I(e, "start", !0, t),
-      I(t, "end", !1, e)
-    ], { getAvailableHours: re, getAvailableMinutes: le, getAvailableSeconds: ie } = De(
+      const $ = p.second(), fe = l ? g($ + 1, 59) : g(0, $ - 1);
+      return A(r, fe);
+    }, P = ([e, t]) => [
+      y(e, "start", !0, t),
+      y(t, "end", !1, e)
+    ], { getAvailableHours: ie, getAvailableMinutes: ce, getAvailableSeconds: ue } = _e(
       V,
       _,
       R
     ), {
-      timePickerOptions: x,
-      getAvailableTime: I,
-      onSetOption: $
-    } = ke({
-      getAvailableHours: re,
-      getAvailableMinutes: le,
-      getAvailableSeconds: ie
-    }), ce = (e) => e ? A(e) ? e.map((t) => S(t, u.format).locale(k.value)) : S(e, u.format).locale(k.value) : null, ue = (e) => e ? A(e) ? e.map((t) => t.format(u.format)) : e.format(u.format) : null, pe = () => {
-      if (A(C))
-        return C.map((t) => S(t).locale(k.value));
-      const e = S(C).locale(k.value);
+      timePickerOptions: T,
+      getAvailableTime: y,
+      onSetOption: B
+    } = we({
+      getAvailableHours: ie,
+      getAvailableMinutes: ce,
+      getAvailableSeconds: ue
+    }), pe = (e) => e ? M(e) ? e.map((t) => S(t, i.format).locale(k.value)) : S(e, i.format).locale(k.value) : null, me = (e) => e ? M(e) ? e.map((t) => t.format(i.format)) : e.format(i.format) : null, de = () => {
+      if (M(w))
+        return w.map((t) => S(t).locale(k.value));
+      const e = S(w).locale(k.value);
       return [e, e.add(60, "m")];
     };
-    return i("set-picker-option", ["formatToString", ue]), i("set-picker-option", ["parseUserInput", ce]), i("set-picker-option", ["isValidValue", ee]), i("set-picker-option", ["handleKeydownInput", se]), i("set-picker-option", ["getDefaultValue", pe]), i("set-picker-option", ["getRangeAvailableTime", B]), (e, t) => e.actualVisible ? (ge(), be("div", {
+    return c("set-picker-option", ["formatToString", me]), c("set-picker-option", ["parseUserInput", pe]), c("set-picker-option", ["isValidValue", ne]), c("set-picker-option", ["handleKeydownInput", le]), c("set-picker-option", ["getDefaultValue", de]), c("set-picker-option", ["getRangeAvailableTime", P]), (e, t) => e.actualVisible ? (ke(), ge("div", {
       key: 0,
-      class: c([o(s).b("range-picker"), o(J).b("panel")])
+      class: u([s(a).b("range-picker"), s(q).b("panel")])
     }, [
       m("div", {
-        class: c(o(s).be("range-picker", "content"))
+        class: u(s(a).be("range-picker", "content"))
       }, [
         m("div", {
-          class: c(o(s).be("range-picker", "cell"))
+          class: u(s(a).be("range-picker", "cell"))
         }, [
           m("div", {
-            class: c(o(s).be("range-picker", "header"))
+            class: u(s(a).be("range-picker", "header"))
           }, "开始时间", 2),
           m("div", {
-            class: c([
-              o(s).be("range-picker", "body"),
-              o(s).be("panel", "content"),
-              o(s).is("arrow", o(D)),
-              { "has-seconds": b.value }
-            ])
+            class: u(L.value)
           }, [
             z(G, {
               ref: "minSpinner",
               role: "start",
               "show-seconds": b.value,
               "am-pm-mode": H.value,
-              "arrow-control": o(D),
-              "spinner-date": d.value,
+              "arrow-control": s(C),
+              "spinner-date": f.value,
               "disabled-hours": V,
               "disabled-minutes": _,
               "disabled-seconds": R,
-              onChange: Y,
-              onSetOption: o($),
-              onSelectRange: ne
+              onChange: ee,
+              onSetOption: s(B),
+              onSelectRange: ae
             }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
           ], 2)
         ], 2),
         m("div", {
-          class: c(o(s).be("range-picker", "cell"))
+          class: u(s(a).be("range-picker", "cell"))
         }, [
           m("div", {
-            class: c(o(s).be("range-picker", "header"))
+            class: u(s(a).be("range-picker", "header"))
           }, "结束时间", 2),
           m("div", {
-            class: c([
-              o(s).be("range-picker", "body"),
-              o(s).be("panel", "content"),
-              o(s).is("arrow", o(D)),
-              { "has-seconds": b.value }
-            ])
+            class: u(Q.value)
           }, [
             z(G, {
               ref: "maxSpinner",
               role: "end",
               "show-seconds": b.value,
               "am-pm-mode": H.value,
-              "arrow-control": o(D),
-              "spinner-date": f.value,
+              "arrow-control": s(C),
+              "spinner-date": v.value,
               "disabled-hours": V,
               "disabled-minutes": _,
               "disabled-seconds": R,
-              onChange: Z,
-              onSetOption: o($),
-              onSelectRange: oe
+              onChange: te,
+              onSetOption: s(B),
+              onSelectRange: se
             }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "onSetOption"])
           ], 2)
         ], 2)
       ], 2),
       m("div", {
-        class: c(o(s).be("panel", "footer"))
+        class: u(s(a).be("panel", "footer"))
       }, [
         m("button", {
           type: "button",
-          class: c([o(s).be("panel", "btn"), "cancel"]),
-          onClick: t[0] || (t[0] = (n) => W())
+          class: u([s(a).be("panel", "btn"), "cancel"]),
+          onClick: t[0] || (t[0] = (n) => X())
         }, " 取消 ", 2),
         m("button", {
           type: "button",
-          class: c([o(s).be("panel", "btn"), "confirm"]),
-          disabled: te.value,
-          onClick: t[1] || (t[1] = (n) => X())
-        }, " 确认 ", 10, Ce)
+          class: u([s(a).be("panel", "btn"), "confirm"]),
+          disabled: oe.value,
+          onClick: t[1] || (t[1] = (n) => Z())
+        }, " 确认 ", 10, Re)
       ], 2)
-    ], 2)) : ve("", !0);
+    ], 2)) : he("", !0);
   }
 });
 export {
-  $e as default
+  Ue as default
 };

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

@@ -2,10 +2,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description whether to pick a time range
      */
-    isRange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    isRange: BooleanConstructor;
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -19,25 +16,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    arrowControl: BooleanConstructor;
     tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
+    placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    ariaLabel: StringConstructor;
+    showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showWeekNumber: BooleanConstructor;
     disabledHours: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -48,10 +51,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
+    name: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     format: StringConstructor;
     valueFormat: StringConstructor;
+    dateFormat: StringConstructor;
+    timeFormat: StringConstructor;
     type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
@@ -63,11 +73,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("vft/es/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>)) | null)[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/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)) | null)[], unknown, unknown, "", boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
     endPlaceholder: StringConstructor;
@@ -87,10 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description whether to pick a time range
      */
-    isRange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    isRange: BooleanConstructor;
     disabledDate: {
         readonly type: import("vue").PropType<Function>;
         readonly required: false;
@@ -104,25 +111,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         __epPropKey: true;
     };
     shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    arrowControl: BooleanConstructor;
     tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
     validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     unlinkPanels: BooleanConstructor;
+    placement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown, "bottom", boolean>;
+    fallbackPlacements: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | (((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
+    emptyValues: ArrayConstructor;
+    valueOnClear: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown, undefined, boolean>;
+    ariaLabel: StringConstructor;
+    showNow: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showWeekNumber: BooleanConstructor;
     disabledHours: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledHours>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledMinutes: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledMinutes>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabledSeconds: {
-        readonly type: import("vue").PropType<import("./props/shared").GetDisabledSeconds>;
+        readonly type: import("vue").PropType<import("./common/props").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -133,10 +146,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown, "", boolean>;
+    name: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     format: StringConstructor;
     valueFormat: StringConstructor;
+    dateFormat: StringConstructor;
+    timeFormat: StringConstructor;
     type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, "icon-circle-close", boolean>;
@@ -148,11 +168,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
     placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperOptions: import("vft/es/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>)) | null)[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/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)) | null)[], unknown, unknown, "", boolean>;
+    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown, "", boolean>;
     rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
     startPlaceholder: StringConstructor;
     endPlaceholder: StringConstructor;
@@ -171,25 +191,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    label: string;
-    name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>) | (((new (...args: any[]) => string | [string, string]) | (() => import("./common/props").SingleOrRange<string>)) | null)[], unknown, unknown>;
     type: string;
-    disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    modelValue: import("vft/es/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)) | null)[], unknown, unknown>;
-    readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    placeholder: string;
-    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
-    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
+    disabled: boolean;
+    modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("./common/props").DateModelType, import("./common/props").DateModelType]) | (() => import("./common/props").ModelValueType)) | null)[], unknown, unknown>;
+    placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+    readonly: boolean;
+    placeholder: string;
     validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fallbackPlacements: import("@popperjs/core").Placement[];
     popperOptions: Partial<import("@popperjs/core").Options>;
     popperClass: string;
+    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
+    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
+    valueOnClear: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor, FunctionConstructor], unknown, unknown>;
     editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     rangeSeparator: string;
-    isRange: boolean;
     shortcuts: unknown[];
-    arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showNow: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    arrowControl: boolean;
     unlinkPanels: boolean;
+    showWeekNumber: boolean;
+    isRange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,66 +1,64 @@
-import { defineComponent as p, ref as f, provide as s, createVNode as a, mergeProps as u } from "vue";
+import { defineComponent as s, ref as p, provide as u, createVNode as t, mergeProps as c } from "vue";
 import d from "dayjs";
-import c from "dayjs/plugin/customParseFormat.js";
-import P from "./common/picker.vue2.js";
-import { timePickerDefaultProps as _ } from "./common/props.js";
-import { DEFAULT_FORMATS_TIME as h } from "./constants.js";
-import V from "./time-picker-com/panel-time-pick.vue2.js";
+import P from "dayjs/plugin/customParseFormat.js";
+import { UPDATE_MODEL_EVENT as a } from "../../constants/event.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as _, DEFAULT_FORMATS_TIME as E } from "./constants.js";
+import O from "./common/picker.vue2.js";
+import T from "./time-picker-com/panel-time-pick.vue2.js";
 import v from "./time-picker-com/panel-time-range.vue2.js";
-d.extend(c);
-const R = /* @__PURE__ */ p({
+import { timePickerDefaultProps as C } from "./common/props.js";
+d.extend(P);
+const y = /* @__PURE__ */ s({
   name: "VftTimePicker",
   install: null,
   props: {
-    ..._,
+    ...C,
     /**
      * @description whether to pick a time range
      */
-    isRange: {
-      type: Boolean,
-      default: !1
-    }
+    isRange: Boolean
   },
-  emits: ["update:modelValue"],
-  setup(t, r) {
-    const o = f(), [m, n] = t.isRange ? ["timerange", v] : ["time", V], l = (e) => r.emit("update:modelValue", e);
-    return s("VftPopperOptions", t.popperOptions), r.expose({
+  emits: [a],
+  setup(o, m) {
+    const e = p(), [n, i] = o.isRange ? ["timerange", v] : ["time", T], l = (r) => m.emit(a, r);
+    return u(_, o.popperOptions), m.expose({
       /**
        * @description focus the Input component
        */
-      focus: (e) => {
-        o.value?.handleFocusInput(e);
+      focus: () => {
+        e.value?.focus();
       },
       /**
        * @description blur the Input component
        */
-      blur: (e) => {
-        o.value?.handleBlurInput(e);
+      blur: () => {
+        e.value?.blur();
       },
       /**
        * @description open the TimePicker popper
        */
       handleOpen: () => {
-        o.value?.handleOpen();
+        e.value?.handleOpen();
       },
       /**
        * @description close the TimePicker popper
        */
       handleClose: () => {
-        o.value?.handleClose();
+        e.value?.handleClose();
       }
     }), () => {
-      const e = t.format ?? h;
-      return a(P, u(t, {
-        ref: o,
-        type: m,
-        format: e,
+      const r = o.format ?? E;
+      return t(O, c(o, {
+        ref: e,
+        type: n,
+        format: r,
         "onUpdate:modelValue": l
       }), {
-        default: (i) => a(n, i, null)
+        default: (f) => t(i, f, null)
       });
     };
   }
 });
 export {
-  R as default
+  y as default
 };