ep-craft 0.1.26 → 0.1.27

package/dist/components/time-picker/src/common/picker.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as He, useAttrs as Ge, inject as Qe, ref as K, computed as u, toRef as Xe, watch as Ze, nextTick as ee, unref as l, onBeforeUnmount as _e, provide as he, openBlock as i, createBlock as d, mergeProps as xe, withCtx as p, renderSlot as ye, withModifiers as O, normalizeStyle as ge, normalizeClass as h, createElementBlock as ea, toDisplayString as ke, createCommentVNode as V, resolveDynamicComponent as L, createElementVNode as aa } from "vue";
+import { defineComponent as He, useAttrs as Ge, inject as Qe, ref as K, computed as u, toRef as Xe, watch as Ze, nextTick as ae, unref as l, onBeforeUnmount as xe, provide as ye, openBlock as i, createBlock as d, mergeProps as _e, withCtx as p, renderSlot as ge, withModifiers as V, normalizeStyle as ke, normalizeClass as h, createElementBlock as ea, toDisplayString as Pe, createCommentVNode as F, resolveDynamicComponent as $, createElementVNode as aa } from "vue";
 import { onClickOutside as la, unrefElement as oa } from "@vueuse/core";
-import { useNamespace as ae } from "../../../../hooks/use-namespace/index.js";
-import { NOOP as $, isArray as le } from "@vue/shared";
+import { useNamespace as le } from "../../../../hooks/use-namespace/index.js";
+import { NOOP as A, isArray as oe } from "@vue/shared";
 import "lodash-unified";
 import { getEventCode as na } from "../../../../utils/dom/event.js";
 import { Clock as ta, Calendar as ra } from "@element-plus/icons-vue";
-import { EVENT_CODE as F } from "../../../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as sa, CHANGE_EVENT as Pe } from "../../../../constants/event.js";
+import { EVENT_CODE as N } from "../../../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as sa, CHANGE_EVENT as Ce } from "../../../../constants/event.js";
 import "../../../../hooks/use-size/index.js";
 import "@popperjs/core";
 import "../../../../hooks/use-z-index/index.js";
@@ -15,25 +15,28 @@ import "../../../../hooks/use-aria/index.js";
 import "../../../../hooks/use-model-toggle/index.js";
 import { useEmptyValues as ua } from "../../../../hooks/use-empty-values/index.js";
 import { useFocusController as ia } from "../../../../hooks/use-focus-controller/index.js";
-import { useFloatLabel as pa } from "../../../../hooks/use-float-label/index.js";
+import { floatLabelProp as pa, useFloatLabel as ca } from "../../../../hooks/use-float-label/index.js";
 import "../../../form/index.js";
-import { EpInput as ca } from "../../../input/index.js";
-import { EpIcon as A } from "../../../icon/index.js";
-import { EpTooltip as da } from "../../../tooltip/index.js";
-import { valueEquals as fa, dayOrDaysToDate as oe } from "../utils.js";
-import { PICKER_POPPER_OPTIONS_INJECTION_KEY as va, PICKER_BASE_INJECTION_KEY as ma, ROOT_COMMON_PICKER_INJECTION_KEY as ba } from "../constants.js";
-import { useCommonPicker as ha } from "../composables/use-common-picker.js";
-import { timePickerDefaultProps as ya } from "./props.js";
-import ga from "./picker-range-trigger.vue.js";
-import { useFormItem as ka } from "../../../form/src/hooks/use-form-item.js";
-import { useFormDisabled as Pa, useFormSize as Ca } from "../../../form/src/hooks/use-form-common-props.js";
+import { EpInput as da } from "../../../input/index.js";
+import { EpIcon as z } from "../../../icon/index.js";
+import { EpTooltip as fa } from "../../../tooltip/index.js";
+import { valueEquals as va, dayOrDaysToDate as ne } from "../utils.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY as ma, PICKER_BASE_INJECTION_KEY as ba, ROOT_COMMON_PICKER_INJECTION_KEY as ha } from "../constants.js";
+import { useCommonPicker as ya } from "../composables/use-common-picker.js";
+import { timePickerDefaultProps as ga } from "./props.js";
+import ka from "./picker-range-trigger.vue.js";
+import { useFormItem as Pa } from "../../../form/src/hooks/use-form-item.js";
+import { useFormDisabled as Ca, useFormSize as Ea } from "../../../form/src/hooks/use-form-common-props.js";
 const _a = /* @__PURE__ */ He({
   name: "Picker",
   __name: "picker",
-  props: ya,
+  props: {
+    ...ga,
+    floatLabelEnabled: pa.floatLabel
+  },
   emits: [
     sa,
-    Pe,
+    Ce,
     "focus",
     "blur",
     "clear",
@@ -42,25 +45,25 @@ const _a = /* @__PURE__ */ He({
     "visible-change",
     "keydown"
   ],
-  setup(Ce, { expose: Ee, emit: we }) {
-    const o = Ce, g = we, Ie = Ge(), f = ae("date"), C = ae("input"), k = ae("range"), { formItem: v } = ka(), Oe = Qe(
-      va,
+  setup(C, { expose: Ee, emit: we }) {
+    const o = C, g = we, Ie = Ge(), f = le("date"), E = le("input"), k = le("range"), { formItem: v } = Pa(), Oe = Qe(
+      ma,
       {}
-    ), E = ua(o, null), z = K(), b = K(), U = K(null);
-    let J = !1;
-    const c = Pa(), ne = ha(o, g), {
-      parsedValue: N,
-      pickerActualVisible: Y,
+    ), w = ua(o, null), U = K(), b = K(), J = K(null);
+    let Y = !1;
+    const c = Ca(), te = ya(o, g), {
+      parsedValue: S,
+      pickerActualVisible: j,
       userInput: n,
       pickerVisible: r,
       pickerOptions: m,
       valueIsEmpty: y,
-      emitInput: w,
-      onPick: j,
-      onSetPickerOption: te,
-      onCalendarChange: re,
-      onPanelChange: se
-    } = ne, { isFocused: S, handleFocus: ue, handleBlur: ie } = ia(b, {
+      emitInput: I,
+      onPick: W,
+      onSetPickerOption: re,
+      onCalendarChange: se,
+      onPanelChange: ue
+    } = te, { isFocused: T, handleFocus: ie, handleBlur: pe } = ia(b, {
       disabled: c,
       beforeFocus() {
         return o.readonly;
@@ -70,41 +73,41 @@ const _a = /* @__PURE__ */ He({
       },
       beforeBlur(e) {
         var a;
-        return !J && ((a = z.value) == null ? void 0 : a.isFocusInsideContent(e));
+        return !Y && ((a = U.value) == null ? void 0 : a.isFocusInsideContent(e));
       },
       afterBlur() {
         var e, a, t, s;
-        T.value && !o.saveOnBlur ? y.value || (a = (e = m.value).handleCancel) == null || a.call(e) : _(), r.value = !1, J = !1, o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "blur")) == null || s.catch($));
+        D.value && !o.saveOnBlur ? y.value || (a = (e = m.value).handleCancel) == null || a.call(e) : _(), r.value = !1, Y = !1, o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "blur")) == null || s.catch(A));
       }
-    }), { floatLabelClass: Ve } = pa({
-      floatLabel: Xe(o, "floatLabel"),
-      isFocused: u(() => r.value || S.value),
+    }), { floatLabelClass: Ve } = ca({
+      floatLabel: Xe(o, "floatLabelEnabled"),
+      isFocused: u(() => r.value || T.value),
       hasValue: u(() => !y.value),
       isDisabled: c
-    }), W = K(!1), Fe = u(() => [
+    }), q = K(!1), Fe = u(() => [
       f.b("editor"),
       f.bm("editor", o.type),
-      C.e("wrapper"),
+      E.e("wrapper"),
       f.is("disabled", c.value),
       f.is("active", r.value),
       k.b("editor"),
-      X ? k.bm("editor", X.value) : "",
+      Z ? k.bm("editor", Z.value) : "",
       Ie.class
     ]), Ne = u(() => [
-      C.e("icon"),
+      E.e("icon"),
       k.e("close-icon"),
-      H.value ? "" : k.em("close-icon", "hidden")
+      G.value ? "" : k.em("close-icon", "hidden")
     ]);
     Ze(r, (e) => {
-      e ? ee(() => {
-        e && (U.value = o.modelValue);
-      }) : (n.value = null, ee(() => {
-        q(o.modelValue);
+      e ? ae(() => {
+        e && (J.value = o.modelValue);
+      }) : (n.value = null, ae(() => {
+        H(o.modelValue);
       }));
     });
-    const q = (e, a) => {
+    const H = (e, a) => {
       var t, s;
-      (a || !fa(e, U.value)) && (g(Pe, e), a && (U.value = e), o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "change")) == null || s.catch($)));
+      (a || !va(e, J.value)) && (g(Ce, e), a && (J.value = e), o.validateEvent && ((s = (t = v == null ? void 0 : v.validate) == null ? void 0 : t.call(v, "change")) == null || s.catch(A)));
     }, Se = (e) => {
       g("keydown", e);
     }, Te = u(() => b.value ? Array.from(
@@ -113,75 +116,75 @@ const _a = /* @__PURE__ */ He({
       const s = Te.value;
       s.length && (!t || t === "min" ? (s[0].setSelectionRange(e, a), s[0].focus()) : t === "max" && (s[1].setSelectionRange(e, a), s[1].focus()));
     }, Me = () => {
-      Y.value = !0;
+      j.value = !0;
     }, Re = () => {
       g("visible-change", !0);
-    }, pe = () => {
-      Y.value = !1, r.value = !1, g("visible-change", !1);
+    }, ce = () => {
+      j.value = !1, r.value = !1, g("visible-change", !1);
     }, Be = () => {
       r.value = !0;
-    }, Ke = () => {
+    }, Le = () => {
       r.value = !1;
     }, P = u(() => {
-      const e = x(N.value);
-      return le(n.value) ? [
+      const e = ee(S.value);
+      return oe(n.value) ? [
         n.value[0] ?? (e && e[0]) ?? "",
         n.value[1] ?? (e && e[1]) ?? ""
-      ] : n.value !== null ? n.value : T.value && y.value && !o.saveOnBlur || !T.value && y.value || !r.value && y.value ? "" : e ? ce.value || de.value || fe.value ? e.join(", ") : e : "";
-    }), Le = u(() => o.type.includes("time")), T = u(() => o.type.startsWith("time")), ce = u(() => o.type === "dates"), de = u(() => o.type === "months"), fe = u(() => o.type === "years"), D = u(
-      () => o.prefixIcon || (Le.value ? ta : ra)
-    ), H = u(
-      () => o.clearable && !c.value && !o.readonly && !y.value && (W.value || S.value)
-    ), G = (e) => {
-      o.readonly || c.value || (H.value && (e == null || e.stopPropagation(), m.value.handleClear ? m.value.handleClear() : w(E.valueOnClear.value), q(E.valueOnClear.value, !0), pe()), g("clear"));
-    }, M = async (e) => {
+      ] : n.value !== null ? n.value : D.value && y.value && !o.saveOnBlur || !D.value && y.value || !r.value && y.value ? "" : e ? de.value || fe.value || ve.value ? e.join(", ") : e : "";
+    }), Ke = u(() => o.type.includes("time")), D = u(() => o.type.startsWith("time")), de = u(() => o.type === "dates"), fe = u(() => o.type === "months"), ve = u(() => o.type === "years"), M = u(
+      () => o.prefixIcon || (Ke.value ? ta : ra)
+    ), G = u(
+      () => o.clearable && !c.value && !o.readonly && !y.value && (q.value || T.value)
+    ), Q = (e) => {
+      o.readonly || c.value || (G.value && (e == null || e.stopPropagation(), m.value.handleClear ? m.value.handleClear() : I(w.valueOnClear.value), H(w.valueOnClear.value, !0), ce()), g("clear"));
+    }, R = async (e) => {
       var a;
-      o.readonly || c.value || (((a = e.target) == null ? void 0 : a.tagName) !== "INPUT" || S.value || !o.automaticDropdown) && (r.value = !0);
-    }, ve = () => {
-      o.readonly || c.value || !y.value && o.clearable && (W.value = !0);
+      o.readonly || c.value || (((a = e.target) == null ? void 0 : a.tagName) !== "INPUT" || T.value || !o.automaticDropdown) && (r.value = !0);
     }, me = () => {
-      W.value = !1;
-    }, Q = (e) => {
+      o.readonly || c.value || !y.value && o.clearable && (q.value = !0);
+    }, be = () => {
+      q.value = !1;
+    }, X = (e) => {
       var a;
-      o.readonly || c.value || (((a = e.touches[0].target) == null ? void 0 : a.tagName) !== "INPUT" || S.value || !o.automaticDropdown) && (r.value = !0);
-    }, $e = u(() => o.type.includes("range")), X = Ca(), Ae = u(() => {
+      o.readonly || c.value || (((a = e.touches[0].target) == null ? void 0 : a.tagName) !== "INPUT" || T.value || !o.automaticDropdown) && (r.value = !0);
+    }, $e = u(() => o.type.includes("range")), Z = Ea(), Ae = u(() => {
       var e, a;
-      return (a = (e = l(z)) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
-    }), Z = la(
+      return (a = (e = l(U)) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
+    }), x = la(
       b,
       (e) => {
         const a = l(Ae), t = oa(b);
         a && (e.target === a || e.composedPath().includes(a)) || e.target === t || t && e.composedPath().includes(t) || (r.value = !1);
       }
     );
-    _e(() => {
-      Z == null || Z();
+    xe(() => {
+      x == null || x();
     });
     const _ = () => {
-      if (T.value && !o.saveOnBlur) return;
-      const e = le(n.value) && n.value.every((a) => a === "");
+      if (D.value && !o.saveOnBlur) return;
+      const e = oe(n.value) && n.value.every((a) => a === "");
       if (n.value && !e) {
-        const a = R(P.value);
-        a && (B(a) && w(oe(a)), n.value = null);
+        const a = B(P.value);
+        a && (L(a) && I(ne(a)), n.value = null);
       }
-      (n.value === "" || e) && (w(E.valueOnClear.value), q(E.valueOnClear.value, !0), n.value = null);
-    }, R = (e) => e ? m.value.parseUserInput(e) : null, x = (e) => e ? le(e) ? e.map((t) => t.format(o.format)) : e.format(o.format) : null, B = (e) => m.value.isValidValue(e), be = async (e) => {
+      (n.value === "" || e) && (I(w.valueOnClear.value), H(w.valueOnClear.value, !0), n.value = null);
+    }, B = (e) => e ? m.value.parseUserInput(e) : null, ee = (e) => e ? oe(e) ? e.map((t) => t.format(o.format)) : e.format(o.format) : null, L = (e) => m.value.isValidValue(e), he = async (e) => {
       if (o.readonly || c.value) return;
       const a = na(e);
-      if (Se(e), a === F.esc) {
+      if (Se(e), a === N.esc) {
         r.value === !0 && (r.value = !1, e.preventDefault(), e.stopPropagation());
         return;
       }
-      if (a === F.down && (m.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), r.value === !1 && (r.value = !0, await ee()), m.value.handleFocusPicker)) {
+      if (a === N.down && (m.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), r.value === !1 && (r.value = !0, await ae()), m.value.handleFocusPicker)) {
         m.value.handleFocusPicker();
         return;
       }
-      if (a === F.tab) {
-        J = !0;
+      if (a === N.tab) {
+        Y = !0;
         return;
       }
-      if (a === F.enter || a === F.numpadEnter) {
-        r.value ? (n.value === null || n.value === "" || B(R(P.value))) && (_(), r.value = !1) : r.value = !0, e.preventDefault(), e.stopPropagation();
+      if (a === N.enter || a === N.numpadEnter) {
+        r.value ? (n.value === null || n.value === "" || L(B(P.value))) && (_(), r.value = !1) : r.value = !0, e.preventDefault(), e.stopPropagation();
         return;
       }
       if (n.value) {
@@ -199,25 +202,25 @@ const _a = /* @__PURE__ */ He({
       n.value ? n.value = [n.value[0], a.value] : n.value = [null, a.value];
     }, Ye = () => {
       var s;
-      const e = n.value, a = R(e && e[0]), t = l(N);
+      const e = n.value, a = B(e && e[0]), t = l(S);
       if (a && a.isValid()) {
         n.value = [
-          x(a),
+          ee(a),
           ((s = P.value) == null ? void 0 : s[1]) || null
         ];
-        const I = [a, t && (t[1] || null)];
-        B(I) && (w(oe(I)), n.value = null);
+        const O = [a, t && (t[1] || null)];
+        L(O) && (I(ne(O)), n.value = null);
       }
     }, je = () => {
       var s;
-      const e = l(n), a = R(e && e[1]), t = l(N);
+      const e = l(n), a = B(e && e[1]), t = l(S);
       if (a && a.isValid()) {
         n.value = [
           ((s = l(P)) == null ? void 0 : s[0]) || null,
-          x(a)
+          ee(a)
         ];
-        const I = [t && t[0], a];
-        B(I) && (w(oe(I)), n.value = null);
+        const O = [t && t[0], a];
+        L(O) && (I(ne(O)), n.value = null);
       }
     }, We = () => {
       var e;
@@ -226,10 +229,10 @@ const _a = /* @__PURE__ */ He({
       var e;
       (e = b.value) == null || e.blur();
     };
-    return he(ma, {
+    return ye(ba, {
       props: o,
-      emptyValues: E
-    }), he(ba, ne), Ee({
+      emptyValues: w
+    }), ye(ha, te), Ee({
       /**
        * @description focus input box.
        */
@@ -245,14 +248,14 @@ const _a = /* @__PURE__ */ He({
       /**
        * @description closes picker
        */
-      handleClose: Ke,
+      handleClose: Le,
       /**
        * @description pick item manually
        */
-      onPick: j
-    }), (e, a) => (i(), d(l(da), xe({
+      onPick: W
+    }), (e, a) => (i(), d(l(fa), _e({
       ref_key: "refPopper",
-      ref: z,
+      ref: U,
       visible: l(r),
       effect: "light",
       pure: "",
@@ -272,10 +275,10 @@ const _a = /* @__PURE__ */ He({
       persistent: "",
       onBeforeShow: Me,
       onShow: Re,
-      onHide: pe
+      onHide: ce
     }), {
       default: p(() => [
-        $e.value ? (i(), d(ga, {
+        $e.value ? (i(), d(ka, {
           key: 1,
           id: (
             // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
@@ -293,59 +296,59 @@ const _a = /* @__PURE__ */ He({
           "start-placeholder": e.startPlaceholder,
           "end-placeholder": e.endPlaceholder,
           placeholder: e.placeholder,
-          "float-label": e.floatLabel,
+          "float-label": C.floatLabelEnabled,
           class: h(Fe.value),
-          style: ge(e.$attrs.style),
+          style: ke(e.$attrs.style),
           "aria-label": e.ariaLabel,
           tabindex: e.tabindex,
           autocomplete: "off",
           role: "combobox",
-          onClick: M,
-          onFocus: l(ue),
-          onBlur: l(ie),
+          onClick: R,
+          onFocus: l(ie),
+          onBlur: l(pe),
           onStartInput: Ue,
           onStartChange: Ye,
           onEndInput: Je,
           onEndChange: je,
-          onMousedown: M,
-          onMouseenter: ve,
-          onMouseleave: me,
-          onTouchstartPassive: Q,
-          onKeydown: be
+          onMousedown: R,
+          onMouseenter: me,
+          onMouseleave: be,
+          onTouchstartPassive: X,
+          onKeydown: he
         }, {
           prefix: p(() => [
-            D.value ? (i(), d(l(A), {
+            M.value ? (i(), d(l(z), {
               key: 0,
-              class: h([l(C).e("icon"), l(k).e("icon")])
+              class: h([l(E).e("icon"), l(k).e("icon")])
             }, {
               default: p(() => [
-                (i(), d(L(D.value)))
+                (i(), d($(M.value)))
               ]),
               _: 1
-            }, 8, ["class"])) : V("", !0)
+            }, 8, ["class"])) : F("", !0)
           ]),
           "range-separator": p(() => [
-            ye(e.$slots, "range-separator", {}, () => [
+            ge(e.$slots, "range-separator", {}, () => [
               aa("span", {
                 class: h(l(k).b("separator"))
-              }, ke(e.rangeSeparator), 3)
+              }, Pe(e.rangeSeparator), 3)
             ])
           ]),
           suffix: p(() => [
-            e.clearIcon ? (i(), d(l(A), {
+            e.clearIcon ? (i(), d(l(z), {
               key: 0,
               class: h(Ne.value),
-              onMousedown: O(l($), ["prevent"]),
-              onClick: G
+              onMousedown: V(l(A), ["prevent"]),
+              onClick: Q
             }, {
               default: p(() => [
-                (i(), d(L(e.clearIcon)))
+                (i(), d($(e.clearIcon)))
               ]),
               _: 1
-            }, 8, ["class", "onMousedown"])) : V("", !0)
+            }, 8, ["class", "onMousedown"])) : F("", !0)
           ]),
           _: 3
-        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "placeholder", "float-label", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (i(), d(l(ca), {
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "placeholder", "float-label", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (i(), d(l(da), {
           key: 0,
           id: (
             // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
@@ -362,73 +365,73 @@ const _a = /* @__PURE__ */ He({
             // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
             e.name
           ),
-          size: l(X),
+          size: l(Z),
           disabled: l(c),
-          placeholder: e.floatLabel ? void 0 : e.placeholder,
+          placeholder: C.floatLabelEnabled ? void 0 : e.placeholder,
           class: h([
             l(f).b("editor"),
             l(f).bm("editor", e.type),
             l(f).is("focus", l(r)),
-            l(f).is("float-label", e.floatLabel),
+            l(f).is("float-label", C.floatLabelEnabled),
             e.$attrs.class
           ]),
-          style: ge(e.$attrs.style),
-          readonly: !e.editable || e.readonly || ce.value || de.value || fe.value || e.type === "week",
+          style: ke(e.$attrs.style),
+          readonly: !e.editable || e.readonly || de.value || fe.value || ve.value || e.type === "week",
           "aria-label": e.ariaLabel,
           tabindex: e.tabindex,
           "validate-event": !1,
           onInput: ze,
-          onFocus: l(ue),
-          onBlur: l(ie),
-          onKeydown: be,
+          onFocus: l(ie),
+          onBlur: l(pe),
+          onKeydown: he,
           onChange: _,
-          onMousedown: M,
-          onMouseenter: ve,
-          onMouseleave: me,
-          onTouchstartPassive: Q,
-          onClick: a[0] || (a[0] = O(() => {
+          onMousedown: R,
+          onMouseenter: me,
+          onMouseleave: be,
+          onTouchstartPassive: X,
+          onClick: a[0] || (a[0] = V(() => {
           }, ["stop"]))
         }, {
           prefix: p(() => [
-            D.value ? (i(), d(l(A), {
+            M.value ? (i(), d(l(z), {
               key: 0,
-              class: h(l(C).e("icon")),
-              onMousedown: O(M, ["prevent"]),
-              onTouchstartPassive: Q
+              class: h(l(E).e("icon")),
+              onMousedown: V(R, ["prevent"]),
+              onTouchstartPassive: X
             }, {
               default: p(() => [
-                (i(), d(L(D.value)))
+                (i(), d($(M.value)))
               ]),
               _: 1
-            }, 8, ["class"])) : V("", !0)
+            }, 8, ["class"])) : F("", !0)
           ]),
           suffix: p(() => [
-            H.value && e.clearIcon ? (i(), d(l(A), {
+            G.value && e.clearIcon ? (i(), d(l(z), {
               key: 0,
-              class: h(`${l(C).e("icon")} clear-icon`),
-              onMousedown: O(l($), ["prevent"]),
-              onClick: G
+              class: h(`${l(E).e("icon")} clear-icon`),
+              onMousedown: V(l(A), ["prevent"]),
+              onClick: Q
             }, {
               default: p(() => [
-                (i(), d(L(e.clearIcon)))
+                (i(), d($(e.clearIcon)))
               ]),
               _: 1
-            }, 8, ["class", "onMousedown"])) : V("", !0)
+            }, 8, ["class", "onMousedown"])) : F("", !0)
           ]),
           default: p(() => [
-            e.floatLabel ? (i(), ea("span", {
+            C.floatLabelEnabled ? (i(), ea("span", {
               key: 0,
               class: h(["el-float-label", l(Ve)])
-            }, ke(e.placeholder), 3)) : V("", !0)
+            }, Pe(e.placeholder), 3)) : F("", !0)
           ]),
           _: 1
         }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
       ]),
       content: p(() => [
-        ye(e.$slots, "default", {
+        ge(e.$slots, "default", {
           visible: l(r),
-          actualVisible: l(Y),
-          parsedValue: l(N),
+          actualVisible: l(j),
+          parsedValue: l(S),
           format: e.format,
           dateFormat: e.dateFormat,
           timeFormat: e.timeFormat,
@@ -441,16 +444,16 @@ const _a = /* @__PURE__ */ He({
           showWeekNumber: e.showWeekNumber,
           singlePanel: e.singlePanel,
           onPick: a[1] || (a[1] = //@ts-ignore
-          (...t) => l(j) && l(j)(...t)),
+          (...t) => l(W) && l(W)(...t)),
           onSelectRange: De,
           onSetPickerOption: a[2] || (a[2] = //@ts-ignore
-          (...t) => l(te) && l(te)(...t)),
-          onCalendarChange: a[3] || (a[3] = //@ts-ignore
           (...t) => l(re) && l(re)(...t)),
-          onClear: G,
-          onPanelChange: a[4] || (a[4] = //@ts-ignore
+          onCalendarChange: a[3] || (a[3] = //@ts-ignore
           (...t) => l(se) && l(se)(...t)),
-          onMousedown: a[5] || (a[5] = O(() => {
+          onClear: Q,
+          onPanelChange: a[4] || (a[4] = //@ts-ignore
+          (...t) => l(ue) && l(ue)(...t)),
+          onMousedown: a[5] || (a[5] = V(() => {
           }, ["stop"]))
         })
       ]),

package/dist/components/time-picker/src/common/props.d.ts

@@ -12,7 +12,6 @@ export type GetDisabledHours = (role: string, comparingDate?: Dayjs) => number[]
 export type GetDisabledMinutes = (hour: number, role: string, comparingDate?: Dayjs) => number[];
 export type GetDisabledSeconds = (hour: number, minute: number, role: string, comparingDate?: Dayjs) => number[];
 export declare const timePickerDefaultProps: {
-    readonly floatLabel: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly showNow: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly showConfirm: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly showFooter: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/dist/components/time-picker/src/common/props.js

@@ -1,17 +1,17 @@
-import { placements as a } from "@popperjs/core";
+import { placements as o } from "@popperjs/core";
 import "@vue/shared";
 import "lodash-unified";
 import "@vueuse/core";
-import { CircleClose as l } from "@element-plus/icons-vue";
+import { CircleClose as a } from "@element-plus/icons-vue";
 import { buildProps as r, definePropType as e } from "../../../../utils/vue/props/runtime.js";
 import "vue";
-import { useSizeProp as p } from "../../../../hooks/use-size/index.js";
+import { useSizeProp as l } from "../../../../hooks/use-size/index.js";
 import "../../../../hooks/use-z-index/index.js";
 import "../../../../hooks/use-delayed-toggle/index.js";
-import { useAriaProps as i } from "../../../../hooks/use-aria/index.js";
+import { useAriaProps as p } from "../../../../hooks/use-aria/index.js";
 import "../../../../hooks/use-model-toggle/index.js";
-import { useEmptyValuesProps as n } from "../../../../hooks/use-empty-values/index.js";
-import { floatLabelProp as o } from "../../../../hooks/use-float-label/index.js";
+import { useEmptyValuesProps as i } from "../../../../hooks/use-empty-values/index.js";
+import { floatLabelProp as n } from "../../../../hooks/use-float-label/index.js";
 import "../../../tooltip/index.js";
 import { disabledTimeListsProps as d } from "../props/shared.js";
 import { useTooltipContentProps as t } from "../../../tooltip/src/content.js";
@@ -78,7 +78,7 @@ const F = r({
    */
   clearIcon: {
     type: e([String, Object]),
-    default: l
+    default: a
   },
   /**
    * @description whether the input is editable
@@ -104,7 +104,7 @@ const F = r({
   /**
    * @description size of Input
    */
-  size: p,
+  size: l,
   /**
    * @description whether TimePicker is read only
    */
@@ -219,7 +219,7 @@ const F = r({
    */
   placement: {
     type: e(String),
-    values: a,
+    values: o,
     default: "bottom"
   },
   /**
@@ -229,8 +229,8 @@ const F = r({
     type: e(Array),
     default: ["bottom", "top", "right", "left"]
   },
-  ...n,
-  ...i(["ariaLabel"]),
+  ...i,
+  ...p(["ariaLabel"]),
   /**
    * @description whether to show the now button
    */
@@ -255,8 +255,7 @@ const F = r({
   /**
    * @description whether to show the number of the calendar week
    */
-  showWeekNumber: Boolean,
-  ...o
+  showWeekNumber: Boolean
 }), k = r({
   id: {
     type: e(Array)
@@ -274,7 +273,7 @@ const F = r({
    */
   placeholder: String,
   disabled: Boolean,
-  ...o
+  ...n
 });
 export {
   F as timePickerDefaultProps,