vft 0.0.149 → 0.0.151

package/es/components/time-picker/time-picker-com/basic-time-spinner.vue.d.ts

@@ -1,82 +1,82 @@
 declare const _default: import("vue").DefineComponent<{
-    disabledHours: {
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabledHours: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    arrowControl: boolean;
-    showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
+    readonly arrowControl: boolean;
+    readonly showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
 }, {}>;
 export default _default;

package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js

@@ -1,51 +1,51 @@
-import { defineComponent as ie, ref as k, computed as C, unref as r, onMounted as le, nextTick as F, watch as ae, openBlock as l, createElementBlock as a, normalizeClass as m, Fragment as u, renderList as D, createBlock as ue, withCtx as me, createTextVNode as $, toDisplayString as f, createCommentVNode as N, withDirectives as I, createVNode as j, createElementVNode as de } from "vue";
+import { defineComponent as le, ref as k, computed as C, unref as r, onMounted as ae, nextTick as F, watch as ue, openBlock as l, createElementBlock as a, normalizeClass as m, Fragment as u, renderList as D, createBlock as me, withCtx as de, createTextVNode as $, toDisplayString as f, createCommentVNode as N, withDirectives as I, createVNode as j, createElementVNode as pe } from "vue";
 import { vRepeatClick as U } from "@vft/directives";
 import { VftIcon as q } from "../../icon/index.js";
-import { VftScrollbar as pe } from "../../scrollbar/index.js";
+import { VftScrollbar as he } from "../../scrollbar/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import { debounce as he } from "lodash";
-import { useNamespace as fe } from "../../../hooks/use-namespace/index.js";
+import { debounce as fe } from "lodash";
+import { useNamespace as be } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { getTimeLists as be } from "../composables/use-time-picker.js";
+import { getTimeLists as we } from "../composables/use-time-picker.js";
 import { timeUnits as z } from "../constants.js";
-import { basicTimeSpinnerProps as we } from "../props/basic-time-spinner.js";
+import { basicTimeSpinnerProps as ve } from "../props/basic-time-spinner.js";
 import { buildTimeList as V } from "../utils.js";
-const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
+const ge = ["onClick"], Se = ["onMouseenter"], Be = /* @__PURE__ */ le({
   __name: "basic-time-spinner",
-  props: we,
+  props: ve,
   emits: ["change", "select-range", "set-option"],
-  setup(G, { emit: v }) {
-    const c = G, i = fe("time"), { getHoursList: J, getMinutesList: K, getSecondsList: O } = be(
+  setup(G, { emit: J }) {
+    const c = G, v = J, i = be("time"), { getHoursList: K, getMinutesList: O, getSecondsList: Q } = we(
       c.disabledHours,
       c.disabledMinutes,
       c.disabledSeconds
     );
     let _ = !1;
-    const g = k(), Q = k(), W = k(), X = k(), h = {
-      hours: Q,
-      minutes: W,
-      seconds: X
+    const g = k(), W = k(), X = k(), Y = k(), h = {
+      hours: W,
+      minutes: X,
+      seconds: Y
     }, x = C(() => c.showSeconds ? z : z.slice(0, 2)), d = C(() => {
       const { spinnerDate: e } = c, s = e.hour(), o = e.minute(), n = e.second();
       return { hours: s, minutes: o, seconds: n };
     }), S = C(() => {
       const { hours: e, minutes: s } = r(d);
       return {
-        hours: J(c.role),
-        minutes: K(e, c.role),
-        seconds: O(e, s, c.role)
+        hours: K(c.role),
+        minutes: O(e, c.role),
+        seconds: Q(e, s, c.role)
       };
-    }), Y = C(() => {
+    }), Z = C(() => {
       const { hours: e, minutes: s, seconds: o } = r(d);
       return {
         hours: V(e, 23),
         minutes: V(s, 59),
         seconds: V(o, 59)
       };
-    }), Z = he((e) => {
+    }), y = fe((e) => {
       _ = !1, b(e);
     }, 200), A = (e) => {
       if (!!!c.amPmMode)
@@ -83,15 +83,15 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
     }, T = (e) => {
       const s = r(h[e]);
       return (s == null ? void 0 : s.$el.querySelector("li").offsetHeight) || 0;
-    }, y = () => {
-      L(1);
     }, ee = () => {
+      L(1);
+    }, se = () => {
       L(-1);
     }, L = (e) => {
       g.value || p("hours");
-      const s = g.value, o = r(d)[s], n = g.value === "hours" ? 24 : 60, t = se(s, o, e, n);
+      const s = g.value, o = r(d)[s], n = g.value === "hours" ? 24 : 60, t = oe(s, o, e, n);
       H(s, t), R(s, t), F(() => p(s));
-    }, se = (e, s, o, n) => {
+    }, oe = (e, s, o, n) => {
       let t = (s + o + n) % n;
       const w = r(S)[e];
       for (; w[t] && t !== s; )
@@ -114,35 +114,35 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
           break;
       }
       v("change", M);
-    }, oe = (e, { value: s, disabled: o }) => {
+    }, ne = (e, { value: s, disabled: o }) => {
       o || (H(e, s), p(e), R(e, s));
-    }, ne = (e) => {
-      _ = !0, Z(e);
+    }, re = (e) => {
+      _ = !0, y(e);
       const s = Math.min(
         Math.round(
-          (P(r(h[e]).$el).scrollTop - (re(e) * 0.5 - 10) / T(e) + 3) / T(e)
+          (P(r(h[e]).$el).scrollTop - (te(e) * 0.5 - 10) / T(e) + 3) / T(e)
         ),
         e === "hours" ? 23 : 59
       );
       H(e, s);
-    }, re = (e) => r(h[e]).$el.offsetHeight, te = () => {
+    }, te = (e) => r(h[e]).$el.offsetHeight, ce = () => {
       const e = (s) => {
         const o = r(h[s]);
         o && o.$el && (P(o.$el).onscroll = () => {
-          ne(s);
+          re(s);
         });
       };
       e("hours"), e("minutes"), e("seconds");
     };
-    le(() => {
+    ae(() => {
       F(() => {
-        !c.arrowControl && te(), B(), c.role === "start" && p("hours");
+        !c.arrowControl && ce(), B(), c.role === "start" && p("hours");
       });
     });
-    const ce = (e, s) => {
+    const ie = (e, s) => {
       h[s].value = e;
     };
-    return v("set-option", [`${c.role}_scrollDown`, L]), v("set-option", [`${c.role}_emitSelectRange`, p]), ae(
+    return v("set-option", [`${c.role}_scrollDown`, L]), v("set-option", [`${c.role}_emitSelectRange`, p]), ue(
       () => c.spinnerDate,
       () => {
         _ || B();
@@ -150,10 +150,10 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
     ), (e, s) => (l(), a("div", {
       class: m([r(i).b("spinner"), { "has-seconds": e.showSeconds }])
     }, [
-      e.arrowControl ? N("", !0) : (l(!0), a(u, { key: 0 }, D(x.value, (o) => (l(), ue(r(pe), {
+      e.arrowControl ? N("", !0) : (l(!0), a(u, { key: 0 }, D(x.value, (o) => (l(), me(r(he), {
         key: o,
         ref_for: !0,
-        ref: (n) => ce(n, o),
+        ref: (n) => ie(n, o),
         class: m(r(i).be("spinner", "wrapper")),
         "wrap-style": "max-height: inherit;",
         "view-class": r(i).be("spinner", "list"),
@@ -162,7 +162,7 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
         onMouseenter: (n) => p(o),
         onMousemove: (n) => b(o)
       }, {
-        default: me(() => [
+        default: de(() => [
           (l(!0), a(u, null, D(S.value[o], (n, t) => (l(), a("li", {
             key: t,
             class: m([
@@ -170,14 +170,14 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
               r(i).is("active", t === d.value[o]),
               r(i).is("disabled", n)
             ]),
-            onClick: (w) => oe(o, { value: t, disabled: n })
+            onClick: (w) => ne(o, { value: t, disabled: n })
           }, [
             o === "hours" ? (l(), a(u, { key: 0 }, [
               $(f(("0" + (e.amPmMode ? t % 12 || 12 : t)).slice(-2)) + f(A(t)), 1)
             ], 64)) : (l(), a(u, { key: 1 }, [
               $(f(("0" + t).slice(-2)), 1)
             ], 64))
-          ], 10, ve))), 128))
+          ], 10, ge))), 128))
         ]),
         _: 2
       }, 1032, ["class", "view-class", "onMouseenter", "onMousemove"]))), 128)),
@@ -190,18 +190,18 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
           icon: "icon-arrow-up",
           class: m(["arrow-up", r(i).be("spinner", "arrow")])
         }, null, 8, ["class"]), [
-          [r(U), ee]
+          [r(U), se]
         ]),
         I(j(r(q), {
           icon: "icon-arrow-down",
           class: m(["arrow-down", r(i).be("spinner", "arrow")])
         }, null, 8, ["class"]), [
-          [r(U), y]
+          [r(U), ee]
         ]),
-        de("ul", {
+        pe("ul", {
           class: m(r(i).be("spinner", "list"))
         }, [
-          (l(!0), a(u, null, D(Y.value[o], (n, t) => (l(), a("li", {
+          (l(!0), a(u, null, D(Z.value[o], (n, t) => (l(), a("li", {
             key: t,
             class: m([
               r(i).be("spinner", "item"),
@@ -218,10 +218,10 @@ const ve = ["onClick"], ge = ["onMouseenter"], Ae = /* @__PURE__ */ ie({
             ], 64)) : N("", !0)
           ], 2))), 128))
         ], 2)
-      ], 42, ge))), 128)) : N("", !0)
+      ], 42, Se))), 128)) : N("", !0)
     ], 2));
   }
 });
 export {
-  Ae as default
+  Be as default
 };

package/es/components/time-picker/time-picker-com/panel-time-pick.vue.d.ts

@@ -1,37 +1,37 @@
 import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<{
-    datetimeRole: StringConstructor;
-    parsedValue: {
+    readonly datetimeRole: StringConstructor;
+    readonly parsedValue: {
         readonly type: globalThis.PropType<Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pick: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    datetimeRole: StringConstructor;
-    parsedValue: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly datetimeRole: StringConstructor;
+    readonly parsedValue: {
         readonly type: globalThis.PropType<Dayjs>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
     onPick?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    visible: boolean;
-    format: string;
-    actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly visible: boolean;
+    readonly format: string;
+    readonly actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -1,107 +1,107 @@
-import { defineComponent as J, inject as L, ref as C, computed as m, openBlock as w, createBlock as Q, Transition as W, withCtx as X, createElementBlock as Y, normalizeClass as l, unref as s, createElementVNode as u, createVNode as Z, createCommentVNode as ee } from "vue";
-import { isUndefined as te } from "@vft/utils";
-import { EVENT_CODE as ne } from "../../../constants/aria.js";
+import { defineComponent as L, inject as Q, ref as C, computed as d, openBlock as w, createBlock as W, Transition as X, withCtx as Y, createElementBlock as Z, normalizeClass as r, unref as s, createElementVNode as u, createVNode as ee, createCommentVNode as te } from "vue";
+import { isUndefined as ne } from "@vft/utils";
+import { EVENT_CODE as oe } from "../../../constants/aria.js";
 import "@vueuse/core";
 import "../../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as oe } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as se } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import f from "dayjs";
-import { useTimePanel as se } from "../composables/use-time-panel.js";
-import { useOldValue as ae, buildAvailableTimeSlotGetter as re } from "../composables/use-time-picker.js";
+import { useTimePanel as ae } from "../composables/use-time-panel.js";
+import { useOldValue as ie, buildAvailableTimeSlotGetter as re } from "../composables/use-time-picker.js";
 import { panelTimePickerProps as le } from "../props/panel-time-picker.js";
-import ie from "./basic-time-spinner.vue2.js";
-const we = /* @__PURE__ */ J({
+import ce from "./basic-time-spinner.vue2.js";
+const Ae = /* @__PURE__ */ L({
   __name: "panel-time-pick",
   props: le,
   emits: ["pick", "select-range", "set-picker-option"],
-  setup(A, { emit: n }) {
-    const o = A, R = L("EP_PICKER_BASE"), {
-      arrowControl: T,
+  setup(A, { emit: R }) {
+    const n = A, o = R, T = Q("EP_PICKER_BASE"), {
+      arrowControl: E,
       disabledHours: b,
       disabledMinutes: g,
       disabledSeconds: v,
-      defaultValue: E
-    } = R.props, { getAvailableHours: _, getAvailableMinutes: D, getAvailableSeconds: O } = re(b, g, v), r = oe("time"), p = C("zh-cn"), k = C([0, 2]), P = ae(o), y = m(() => te(o.actualVisible) ? `${r.namespace.value}-zoom-in-top` : ""), i = m(() => o.format.includes("ss")), N = m(() => o.format.includes("A") ? "A" : o.format.includes("a") ? "a" : ""), B = (e) => {
-      const t = f(e).locale(p.value), a = d(t);
+      defaultValue: _
+    } = T.props, { getAvailableHours: D, getAvailableMinutes: O, getAvailableSeconds: P } = re(b, g, v), i = se("time"), p = C("zh-cn"), k = C([0, 2]), y = ie(n), N = d(() => ne(n.actualVisible) ? `${i.namespace.value}-zoom-in-top` : ""), l = d(() => n.format.includes("ss")), B = d(() => n.format.includes("A") ? "A" : n.format.includes("a") ? "a" : ""), I = (e) => {
+      const t = f(e).locale(p.value), a = m(t);
       return t.isSame(a);
-    }, I = () => {
-      n("pick", P.value, !1);
-    }, x = (e = !1, t = !1) => {
-      t || n("pick", o.parsedValue, e);
-    }, z = (e) => {
-      if (!o.visible)
+    }, x = () => {
+      o("pick", y.value, !1);
+    }, z = (e = !1, t = !1) => {
+      t || o("pick", n.parsedValue, e);
+    }, K = (e) => {
+      if (!n.visible)
         return;
-      const t = d(e).millisecond(0);
-      n("pick", t, !0);
-    }, K = (e, t) => {
-      n("select-range", e, t), k.value = [e, t];
-    }, M = (e) => {
-      const t = [0, 3].concat(i.value ? [6] : []), a = ["hours", "minutes"].concat(
-        i.value ? ["seconds"] : []
+      const t = m(e).millisecond(0);
+      o("pick", t, !0);
+    }, M = (e, t) => {
+      o("select-range", e, t), k.value = [e, t];
+    }, U = (e) => {
+      const t = [0, 3].concat(l.value ? [6] : []), a = ["hours", "minutes"].concat(
+        l.value ? ["seconds"] : []
       ), c = (t.indexOf(k.value[0]) + e + t.length) % t.length;
       h.start_emitSelectRange(a[c]);
-    }, U = (e) => {
-      const t = e.code, { left: a, right: V, up: c, down: F } = ne;
+    }, $ = (e) => {
+      const t = e.code, { left: a, right: V, up: c, down: J } = oe;
       if ([a, V].includes(t)) {
-        M(t === a ? -1 : 1), e.preventDefault();
+        U(t === a ? -1 : 1), e.preventDefault();
         return;
       }
-      if ([c, F].includes(t)) {
+      if ([c, J].includes(t)) {
         const S = t === c ? -1 : 1;
         h.start_scrollDown(S), e.preventDefault();
         return;
       }
-    }, { timePickerOptions: h, onSetOption: $, getAvailableTime: j } = se({
-      getAvailableHours: _,
-      getAvailableMinutes: D,
-      getAvailableSeconds: O
-    }), d = (e) => j(e, o.datetimeRole || "", !0), H = (e) => e ? f(e, o.format).locale(p.value) : null, G = (e) => e ? e.format(o.format) : null, q = () => f(E).locale(p.value);
-    return n("set-picker-option", ["isValidValue", B]), n("set-picker-option", ["formatToString", G]), n("set-picker-option", ["parseUserInput", H]), n("set-picker-option", ["handleKeydownInput", U]), n("set-picker-option", ["getRangeAvailableTime", d]), n("set-picker-option", ["getDefaultValue", q]), (e, t) => (w(), Q(W, { name: y.value }, {
-      default: X(() => [
-        e.actualVisible || e.visible ? (w(), Y("div", {
+    }, { timePickerOptions: h, onSetOption: j, getAvailableTime: H } = ae({
+      getAvailableHours: D,
+      getAvailableMinutes: O,
+      getAvailableSeconds: P
+    }), m = (e) => H(e, n.datetimeRole || "", !0), G = (e) => e ? f(e, n.format).locale(p.value) : null, q = (e) => e ? e.format(n.format) : null, F = () => f(_).locale(p.value);
+    return o("set-picker-option", ["isValidValue", I]), o("set-picker-option", ["formatToString", q]), o("set-picker-option", ["parseUserInput", G]), o("set-picker-option", ["handleKeydownInput", $]), o("set-picker-option", ["getRangeAvailableTime", m]), o("set-picker-option", ["getDefaultValue", F]), (e, t) => (w(), W(X, { name: N.value }, {
+      default: Y(() => [
+        e.actualVisible || e.visible ? (w(), Z("div", {
           key: 0,
-          class: l(s(r).b("panel"))
+          class: r(s(i).b("panel"))
         }, [
           u("div", {
-            class: l([s(r).be("panel", "content"), { "has-seconds": i.value }])
+            class: r([s(i).be("panel", "content"), { "has-seconds": l.value }])
           }, [
-            Z(ie, {
+            ee(ce, {
               ref: "spinner",
               role: e.datetimeRole || "start",
-              "arrow-control": s(T),
-              "show-seconds": i.value,
-              "am-pm-mode": N.value,
+              "arrow-control": s(E),
+              "show-seconds": l.value,
+              "am-pm-mode": B.value,
               "spinner-date": e.parsedValue,
               "disabled-hours": s(b),
               "disabled-minutes": s(g),
               "disabled-seconds": s(v),
-              onChange: z,
-              onSetOption: s($),
-              onSelectRange: K
+              onChange: K,
+              onSetOption: s(j),
+              onSelectRange: M
             }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onSetOption"])
           ], 2),
           u("div", {
-            class: l(s(r).be("panel", "footer"))
+            class: r(s(i).be("panel", "footer"))
           }, [
             u("button", {
               type: "button",
-              class: l([s(r).be("panel", "btn"), "cancel"]),
-              onClick: I
+              class: r([s(i).be("panel", "btn"), "cancel"]),
+              onClick: x
             }, " 取消 ", 2),
             u("button", {
               type: "button",
-              class: l([s(r).be("panel", "btn"), "confirm"]),
-              onClick: t[0] || (t[0] = (a) => x())
+              class: r([s(i).be("panel", "btn"), "confirm"]),
+              onClick: t[0] || (t[0] = (a) => z())
             }, " 确认 ", 2)
           ], 2)
-        ], 2)) : ee("", !0)
+        ], 2)) : te("", !0)
       ]),
       _: 1
     }, 8, ["name"]));
   }
 });
 export {
-  we as default
+  Ae as default
 };

package/es/components/time-picker/time-picker-com/panel-time-range.vue.d.ts

@@ -1,35 +1,35 @@
 import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<{
-    parsedValue: {
+    readonly parsedValue: {
         readonly type: globalThis.PropType<[Dayjs, Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pick: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    parsedValue: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly parsedValue: {
         readonly type: globalThis.PropType<[Dayjs, Dayjs]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    visible: BooleanConstructor;
-    actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly visible: BooleanConstructor;
+    readonly actualVisible: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly format: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & {
     onPick?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    visible: boolean;
-    format: string;
-    actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly visible: boolean;
+    readonly format: string;
+    readonly actualVisible: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;