ep-craft 0.1.39 → 0.1.40

package/dist/components/input/input.js

@@ -1,21 +1,15 @@
 import { markRaw as a } from "vue";
-import { isString as o } from "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { mutable as p } from "../../utils/typescript.js";
-import { UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
-import { iconPropType as i } from "../../utils/vue/icon.js";
-import { buildProps as s, definePropType as t } from "../../utils/vue/props/runtime.js";
-import { useSizeProp as m } from "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
-import { useAriaProps as u } from "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
-import { floatLabelProp as d } from "../../hooks/use-float-label/index.js";
+import { iconPropType as o } from "../../utils/vue/icon.js";
+import { buildProps as l, definePropType as t } from "../../utils/vue/props/runtime.js";
+import { UPDATE_MODEL_EVENT as s } from "../../constants/event.js";
+import "@vueuse/core";
+import { useSizeProp as u } from "../../hooks/use-size/index.js";
+import { useAriaProps as d } from "../../hooks/use-aria/index.js";
+import { floatLabelProp as m } from "../../hooks/use-float-label/index.js";
 import { CircleClose as r } from "@element-plus/icons-vue";
-const C = s({
+import { isString as i } from "@vue/shared";
+const B = l({
   /**
    * @description native input id
    */
@@ -26,7 +20,7 @@ const C = s({
   /**
    * @description input box size
    */
-  size: m,
+  size: u,
   /**
    * @description whether to disable
    */
@@ -128,7 +122,7 @@ const C = s({
    * @description custom clear icon component
    */
   clearIcon: {
-    type: i,
+    type: o,
     default: r
   },
   /**
@@ -151,13 +145,13 @@ const C = s({
    * @description suffix icon
    */
   suffixIcon: {
-    type: i
+    type: o
   },
   /**
    * @description prefix icon
    */
   prefixIcon: {
-    type: i
+    type: o
   },
   /**
    * @description container role, internal properties provided for use by the picker component
@@ -201,7 +195,7 @@ const C = s({
     type: Number,
     default: 2
   },
-  ...u(["ariaLabel"]),
+  ...d(["ariaLabel"]),
   /**
    * @description native input mode for virtual keyboards
    */
@@ -213,11 +207,11 @@ const C = s({
    * @description same as `name` in native input
    */
   name: String,
-  ...d
-}), F = {
-  [l]: (e) => o(e),
-  input: (e) => o(e),
-  change: (e, n) => o(e) && (n instanceof Event || n === void 0),
+  ...m
+}), x = {
+  [s]: (e) => i(e),
+  input: (e) => i(e),
+  change: (e, n) => i(e) && (n instanceof Event || n === void 0),
   focus: (e) => e instanceof FocusEvent,
   blur: (e) => e instanceof FocusEvent,
   clear: (e) => e === void 0 || e instanceof MouseEvent,
@@ -229,7 +223,7 @@ const C = s({
   compositionstart: (e) => e instanceof CompositionEvent,
   compositionupdate: (e) => e instanceof CompositionEvent,
   compositionend: (e) => e instanceof CompositionEvent
-}, O = {
+}, L = {
   disabled: void 0,
   modelValue: "",
   modelModifiers: () => ({}),
@@ -243,7 +237,7 @@ const C = s({
   rows: 2
 };
 export {
-  F as inputEmits,
-  C as inputProps,
-  O as inputPropsDefaults
+  x as inputEmits,
+  B as inputProps,
+  L as inputPropsDefaults
 };

package/dist/components/input/instance.d.ts

@@ -1,2 +1,2 @@
-import type _EpInput from './EpInput.vue';
+import type _EpInput from './EpInput.vue.js';
 export type InputInstance = InstanceType<typeof _EpInput>;

package/dist/components/input/utils.js

@@ -1,11 +1,7 @@
-import { isNumber as h } from "../../utils/types.js";
-import "lodash-unified";
 import { isFirefox as u } from "../../utils/browser.js";
-import "@vue/shared";
-import "@element-plus/icons-vue";
-import "vue";
+import { isNumber as h } from "../../utils/types.js";
 let t;
-const m = {
+const f = {
   height: "0",
   visibility: "hidden",
   overflow: u() ? "" : "hidden",
@@ -13,7 +9,7 @@ const m = {
   "z-index": "-1000",
   top: "0",
   right: "0"
-}, f = [
+}, m = [
   "letter-spacing",
   "line-height",
   "padding-top",
@@ -30,28 +26,28 @@ const m = {
   "border-width",
   "box-sizing",
   "word-break"
-], P = (i) => {
+], S = (i) => {
   const o = Number.parseFloat(i);
   return Number.isNaN(o) ? i : o;
 };
 function x(i) {
-  const o = window.getComputedStyle(i), p = o.getPropertyValue("box-sizing"), n = Number.parseFloat(o.getPropertyValue("padding-bottom")) + Number.parseFloat(o.getPropertyValue("padding-top")), d = Number.parseFloat(o.getPropertyValue("border-bottom-width")) + Number.parseFloat(o.getPropertyValue("border-top-width"));
-  return { contextStyle: f.map((a) => [
-    a,
-    o.getPropertyValue(a)
-  ]), paddingSize: n, borderSize: d, boxSizing: p };
+  const o = window.getComputedStyle(i), a = o.getPropertyValue("box-sizing"), n = Number.parseFloat(o.getPropertyValue("padding-bottom")) + Number.parseFloat(o.getPropertyValue("padding-top")), d = Number.parseFloat(o.getPropertyValue("border-bottom-width")) + Number.parseFloat(o.getPropertyValue("border-top-width"));
+  return { contextStyle: m.map((p) => [
+    p,
+    o.getPropertyValue(p)
+  ]), paddingSize: n, borderSize: d, boxSizing: a };
 }
-function v(i, o = 1, p) {
+function z(i, o = 1, a) {
   var c;
   if (!t) {
     t = document.createElement("textarea");
     let e = document.body;
     !u() && i.parentNode && (e = i.parentNode), e.appendChild(t);
   }
-  const { paddingSize: n, borderSize: d, boxSizing: l, contextStyle: a } = x(i);
-  a.forEach(
+  const { paddingSize: n, borderSize: d, boxSizing: l, contextStyle: p } = x(i);
+  p.forEach(
     ([e, g]) => t == null ? void 0 : t.style.setProperty(e, g)
-  ), Object.entries(m).forEach(
+  ), Object.entries(f).forEach(
     ([e, g]) => t == null ? void 0 : t.style.setProperty(e, g, "important")
   ), t.value = i.value || i.placeholder || "";
   let r = t.scrollHeight;
@@ -62,13 +58,13 @@ function v(i, o = 1, p) {
     let e = b * o;
     l === "border-box" && (e = e + n + d), r = Math.max(e, r), s.minHeight = `${e}px`;
   }
-  if (h(p)) {
-    let e = b * p;
+  if (h(a)) {
+    let e = b * a;
     l === "border-box" && (e = e + n + d), r = Math.min(e, r);
   }
   return s.height = `${r}px`, (c = t.parentNode) == null || c.removeChild(t), t = void 0, s;
 }
 export {
-  v as calcTextareaHeight,
-  P as looseToNumber
+  z as calcTextareaHeight,
+  S as looseToNumber
 };

package/dist/components/input-number/EpInputNumber.vue.d.ts

@@ -1,4 +1,4 @@
-import type { InputNumberProps } from './input-number';
+import type { InputNumberProps } from './input-number.js';
 declare var __VLS_1: {}, __VLS_15: {}, __VLS_43: {}, __VLS_45: {};
 type __VLS_Slots = {} & {
     'decrease-icon'?: (props: typeof __VLS_1) => any;

package/dist/components/input-number/EpInputNumber.vue.js

@@ -1,33 +1,25 @@
-import { defineComponent as Ne, ref as J, reactive as ve, computed as v, toRef as Q, watch as Y, onMounted as he, onUpdated as Ve, openBlock as p, createElementBlock as w, withModifiers as ye, normalizeClass as S, unref as l, toDisplayString as Ee, createCommentVNode as R, withDirectives as Z, withKeys as _, renderSlot as A, createVNode as $, withCtx as I, createBlock as F, createSlots as ge } from "vue";
+import { defineComponent as he, ref as Q, reactive as Ve, computed as N, toRef as Y, watch as Z, onMounted as ye, onUpdated as Ee, openBlock as b, createElementBlock as w, withModifiers as ge, normalizeClass as I, unref as r, toDisplayString as xe, createCommentVNode as R, withDirectives as _, withKeys as ee, renderSlot as S, createVNode as $, withCtx as A, createBlock as F, createSlots as we } from "vue";
 import { isNil as k } from "lodash-unified";
-import { EpInput as xe } from "../input/index.js";
-import { ElIcon as ee } from "../icon/index.js";
-import "../form/index.js";
-import "../../directives/click-outside/index.js";
-import { vRepeatClick as te } from "../../directives/repeat-click/index.js";
-import { isNumber as h, isUndefined as C } from "../../utils/types.js";
-import "@vueuse/core";
-import { debugWarn as z, throwError as we } from "../../utils/error.js";
-import { isString as Se, NOOP as re } from "@vue/shared";
-import { getEventCode as Ae, getEventKey as Ie } from "../../utils/dom/event.js";
-import { ArrowDown as Fe, Minus as ke, ArrowUp as Ce, Plus as De } from "@element-plus/icons-vue";
-import { EVENT_CODE as ne } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as V, INPUT_EVENT as K, CHANGE_EVENT as Le } from "../../constants/event.js";
-import "normalize-wheel-es";
-import { useNamespace as Me } from "../../hooks/use-namespace/index.js";
-import { useLocale as Pe } from "../../hooks/use-locale/index.js";
+import { EpInput as Ie } from "../input/index.js";
+import { ElIcon as te } from "../icon/index.js";
+import { vRepeatClick as ae } from "../../directives/repeat-click/index.js";
+import { useNamespace as Se } from "../../hooks/use-namespace/index.js";
+import { useLocale as Ae } from "../../hooks/use-locale/index.js";
+import { useId as Fe } from "../../hooks/use-id/index.js";
 import "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
-import { useFloatLabel as Te } from "../../hooks/use-float-label/index.js";
-import { inputNumberEmits as Be } from "./input-number.js";
-import { useFormItem as Oe } from "../form/src/hooks/use-form-item.js";
-import { useFormSize as Re, useFormDisabled as $e } from "../form/src/hooks/use-form-common-props.js";
-const ze = ["aria-label"], Ke = ["aria-label"], vt = /* @__PURE__ */ Ne({
+import { useFloatLabel as ke } from "../../hooks/use-float-label/index.js";
+import { debugWarn as z, throwError as Le } from "../../utils/error.js";
+import { isString as Ce, NOOP as ne } from "@vue/shared";
+import { isNumber as h, isUndefined as L } from "../../utils/types.js";
+import { getEventCode as De, getEventKey as Me } from "../../utils/dom/event.js";
+import { ArrowDown as Pe, Minus as Te, ArrowUp as Be, Plus as Oe } from "@element-plus/icons-vue";
+import { EVENT_CODE as le } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as V, INPUT_EVENT as K, CHANGE_EVENT as Re } from "../../constants/event.js";
+import { inputNumberEmits as $e } from "./input-number.js";
+import { useFormItem as ze } from "../form/src/hooks/use-form-item.js";
+import { useFormSize as Ke, useFormDisabled as Ge } from "../form/src/hooks/use-form-common-props.js";
+const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ */ he({
   name: "ElInputNumber",
   __name: "EpInputNumber",
   props: {
@@ -56,255 +48,259 @@ const ze = ["aria-label"], Ke = ["aria-label"], vt = /* @__PURE__ */ Ne({
     tabindex: { default: 0 },
     floatLabel: { type: Boolean }
   },
-  emits: Be,
-  setup(u, { expose: ae, emit: le }) {
-    const r = u, s = le, { t: G } = Pe(), m = Me("input-number"), b = J(), i = ve({
-      currentValue: r.modelValue,
+  emits: $e,
+  setup(u, { expose: re, emit: ie }) {
+    const a = u, s = ie, { t: G } = Ae(), c = Se("input-number"), p = Q(), i = Ve({
+      currentValue: a.modelValue,
       userInput: null
-    }), { formItem: c } = Oe(), U = v(
-      () => h(r.modelValue) && r.modelValue <= r.min
-    ), W = v(
-      () => h(r.modelValue) && r.modelValue >= r.max
-    ), ie = v(() => {
-      const e = H(r.step);
-      return C(r.precision) ? Math.max(H(r.modelValue), e) : (e > r.precision && z(
+    }), { formItem: d } = ze(), U = N(
+      () => h(a.modelValue) && a.modelValue <= a.min
+    ), W = N(
+      () => h(a.modelValue) && a.modelValue >= a.max
+    ), ue = N(() => {
+      const e = j(a.step);
+      return L(a.precision) ? Math.max(j(a.modelValue), e) : (e > a.precision && z(
         "InputNumber",
         "precision should not be less than the decimal places of step"
-      ), r.precision);
-    }), D = v(() => r.controls && r.controlsPosition === "right"), X = Re(), N = $e(), L = J(!1), ue = v(() => !k(i.currentValue)), { floatLabelClass: oe } = Te({
-      floatLabel: Q(r, "floatLabel"),
-      isFocused: L,
-      hasValue: ue,
-      isDisabled: N,
-      isReadonly: Q(r, "readonly")
-    }), M = v(() => {
+      ), a.precision);
+    }), C = N(() => a.controls && a.controlsPosition === "right"), X = Ke(), v = Ge(), D = Q(!1), oe = N(() => !k(i.currentValue)), { floatLabelClass: se } = ke({
+      floatLabel: Y(a, "floatLabel"),
+      isFocused: D,
+      hasValue: oe,
+      isDisabled: v,
+      isReadonly: Y(a, "readonly")
+    }), H = Fe(), ce = N(
+      () => a.floatLabel && a.placeholder && !a.ariaLabel ? H.value : void 0
+    ), M = N(() => {
       if (i.userInput !== null)
         return i.userInput;
       let e = i.currentValue;
       if (k(e)) return "";
       if (h(e)) {
         if (Number.isNaN(e)) return "";
-        C(r.precision) || (e = e.toFixed(r.precision));
+        L(a.precision) || (e = e.toFixed(a.precision));
       }
       return e;
     }), y = (e, t) => {
-      if (C(t) && (t = ie.value), t === 0) return Math.round(e);
+      if (L(t) && (t = ue.value), t === 0) return Math.round(e);
       let n = String(e);
-      const a = n.indexOf(".");
-      if (a === -1 || !n.replace(".", "").split("")[a + t]) return e;
+      const l = n.indexOf(".");
+      if (l === -1 || !n.replace(".", "").split("")[l + t]) return e;
       const g = n.length;
       return n.charAt(g - 1) === "5" && (n = `${n.slice(0, Math.max(0, g - 1))}6`), Number.parseFloat(Number(n).toFixed(t));
-    }, H = (e) => {
+    }, j = (e) => {
       if (k(e)) return 0;
       const t = e.toString(), n = t.indexOf(".");
-      let a = 0;
-      return n !== -1 && (a = t.length - n - 1), a;
-    }, j = (e, t = 1) => h(e) ? e >= Number.MAX_SAFE_INTEGER && t === 1 ? (z(
+      let l = 0;
+      return n !== -1 && (l = t.length - n - 1), l;
+    }, q = (e, t = 1) => h(e) ? e >= Number.MAX_SAFE_INTEGER && t === 1 ? (z(
       "InputNumber",
       "The value has reached the maximum safe integer limit."
     ), e) : e <= Number.MIN_SAFE_INTEGER && t === -1 ? (z(
       "InputNumber",
       "The value has reached the minimum safe integer limit."
-    ), e) : y(e + r.step * t) : i.currentValue, se = (e) => {
-      const t = Ae(e), n = Ie(e);
-      if (r.disabledScientific && ["e", "E"].includes(n)) {
+    ), e) : y(e + a.step * t) : i.currentValue, de = (e) => {
+      const t = De(e), n = Me(e);
+      if (a.disabledScientific && ["e", "E"].includes(n)) {
         e.preventDefault();
         return;
       }
       switch (t) {
-        case ne.up: {
+        case le.up: {
           e.preventDefault(), P();
           break;
         }
-        case ne.down: {
+        case le.down: {
           e.preventDefault(), T();
           break;
         }
       }
     }, P = () => {
-      if (r.readonly || N.value || W.value) return;
-      const e = Number(M.value) || 0, t = j(e);
+      if (a.readonly || v.value || W.value) return;
+      const e = Number(M.value) || 0, t = q(e);
       E(t), s(K, i.currentValue), O();
     }, T = () => {
-      if (r.readonly || N.value || U.value) return;
-      const e = Number(M.value) || 0, t = j(e, -1);
+      if (a.readonly || v.value || U.value) return;
+      const e = Number(M.value) || 0, t = q(e, -1);
       E(t), s(K, i.currentValue), O();
     }, B = (e, t) => {
-      const { max: n, min: a, step: d, precision: f, stepStrictly: g, valueOnClear: x } = r;
-      n < a && we("InputNumber", "min should not be greater than max.");
+      const { max: n, min: l, step: m, precision: f, stepStrictly: g, valueOnClear: x } = a;
+      n < l && Le("InputNumber", "min should not be greater than max.");
       let o = e ? Number.parseFloat(String(e)) : Number(e);
       if (k(e) || Number.isNaN(o))
         return null;
       if (e === "") {
         if (x === null)
           return null;
-        o = Se(x) ? { min: a, max: n }[x] : x;
+        o = Ce(x) ? { min: l, max: n }[x] : x;
       }
       return g && (o = y(
-        Math.round(y(o / d)) * d,
+        Math.round(y(o / m)) * m,
         f
-      ), o !== e && t && s(V, o)), C(f) || (o = y(o, f)), (o > n || o < a) && (o = o > n ? n : a, t && s(V, o)), o;
+      ), o !== e && t && s(V, o)), L(f) || (o = y(o, f)), (o > n || o < l) && (o = o > n ? n : l, t && s(V, o)), o;
     }, E = (e, t = !0) => {
-      var d;
-      const n = i.currentValue, a = B(e);
+      var m;
+      const n = i.currentValue, l = B(e);
       if (!t) {
-        s(V, a);
+        s(V, l);
         return;
       }
-      i.userInput = null, !(n === a && e) && (s(V, a), n !== a && s(Le, a, n), r.validateEvent && ((d = c == null ? void 0 : c.validate) == null || d.call(c, "change").catch(re)), i.currentValue = a);
+      i.userInput = null, !(n === l && e) && (s(V, l), n !== l && s(Re, l, n), a.validateEvent && ((m = d == null ? void 0 : d.validate) == null || m.call(d, "change").catch(ne)), i.currentValue = l);
     }, me = (e) => {
       i.userInput = e;
       let t = e === "" ? null : Number.parseFloat(e);
       Number.isNaN(t) && (t = null), s(K, t), E(t, !1);
-    }, ce = (e) => {
+    }, fe = (e) => {
       const t = e !== "" ? Number.parseFloat(e) : "";
-      (h(t) && !Number.isNaN(t) || r.formatter && Number.isNaN(t) || t === "") && E(t), O(), i.userInput = null;
-    }, q = () => {
+      (h(t) && !Number.isNaN(t) || a.formatter && Number.isNaN(t) || t === "") && E(t), O(), i.userInput = null;
+    }, J = () => {
       var e, t;
-      (t = (e = b.value) == null ? void 0 : e.focus) == null || t.call(e);
-    }, de = () => {
+      (t = (e = p.value) == null ? void 0 : e.focus) == null || t.call(e);
+    }, be = () => {
       var e, t;
-      (t = (e = b.value) == null ? void 0 : e.blur) == null || t.call(e);
-    }, fe = (e) => {
-      L.value = !0, s("focus", e);
+      (t = (e = p.value) == null ? void 0 : e.blur) == null || t.call(e);
     }, pe = (e) => {
-      var t, n, a;
-      L.value = !1, i.userInput = null, i.currentValue === null && ((t = b.value) != null && t.input) && (b.value.input.value = ((n = r.formatter) == null ? void 0 : n.call(r, "")) ?? ""), s("blur", e), r.validateEvent && ((a = c == null ? void 0 : c.validate) == null || a.call(c, "blur").catch(re));
+      D.value = !0, s("focus", e);
+    }, Ne = (e) => {
+      var t, n, l;
+      D.value = !1, i.userInput = null, i.currentValue === null && ((t = p.value) != null && t.input) && (p.value.input.value = ((n = a.formatter) == null ? void 0 : n.call(a, "")) ?? ""), s("blur", e), a.validateEvent && ((l = d == null ? void 0 : d.validate) == null || l.call(d, "blur").catch(ne));
     }, O = () => {
-      i.currentValue !== r.modelValue && (i.currentValue = r.modelValue);
-    }, be = (e) => {
+      i.currentValue !== a.modelValue && (i.currentValue = a.modelValue);
+    }, ve = (e) => {
       document.activeElement === e.target && e.preventDefault();
     };
-    return Y(
-      () => r.modelValue,
+    return Z(
+      () => a.modelValue,
       (e, t) => {
         const n = B(e, !0);
         i.userInput === null && n !== t && (i.currentValue = n);
       },
       { immediate: !0 }
-    ), Y(
-      () => r.precision,
+    ), Z(
+      () => a.precision,
       () => {
-        i.currentValue = B(r.modelValue);
+        i.currentValue = B(a.modelValue);
       }
-    ), he(() => {
-      var d;
-      const { min: e, max: t, modelValue: n } = r, a = (d = b.value) == null ? void 0 : d.input;
-      if (a.setAttribute("role", "spinbutton"), Number.isFinite(t) ? a.setAttribute("aria-valuemax", String(t)) : a.removeAttribute("aria-valuemax"), Number.isFinite(e) ? a.setAttribute("aria-valuemin", String(e)) : a.removeAttribute("aria-valuemin"), a.setAttribute(
+    ), ye(() => {
+      var m;
+      const { min: e, max: t, modelValue: n } = a, l = (m = p.value) == null ? void 0 : m.input;
+      if (l.setAttribute("role", "spinbutton"), Number.isFinite(t) ? l.setAttribute("aria-valuemax", String(t)) : l.removeAttribute("aria-valuemax"), Number.isFinite(e) ? l.setAttribute("aria-valuemin", String(e)) : l.removeAttribute("aria-valuemin"), l.setAttribute(
         "aria-valuenow",
         i.currentValue || i.currentValue === 0 ? String(i.currentValue) : ""
-      ), a.setAttribute("aria-disabled", String(N.value)), !h(n) && n != null) {
+      ), l.setAttribute("aria-disabled", String(v.value)), !h(n) && n != null) {
         let f = Number(n);
         Number.isNaN(f) && (f = null), s(V, f);
       }
-      a.addEventListener("wheel", be, { passive: !1 });
-    }), Ve(() => {
+      l.addEventListener("wheel", ve, { passive: !1 });
+    }), Ee(() => {
       var t;
-      const e = (t = b.value) == null ? void 0 : t.input;
+      const e = (t = p.value) == null ? void 0 : t.input;
       e == null || e.setAttribute("aria-valuenow", `${i.currentValue ?? ""}`);
-    }), ae({
+    }), re({
       /** @description get focus the input component */
-      focus: q,
+      focus: J,
       /** @description remove focus the input component */
-      blur: de
-    }), (e, t) => (p(), w("div", {
-      class: S([
-        l(m).b(),
-        l(m).m(l(X)),
-        l(m).is("disabled", l(N)),
-        l(m).is("without-controls", !u.controls),
-        l(m).is("controls-right", D.value),
-        l(m).is(u.align, !!u.align),
-        l(m).is("float-label", r.floatLabel)
+      blur: be
+    }), (e, t) => (b(), w("div", {
+      class: I([
+        r(c).b(),
+        r(c).m(r(X)),
+        r(c).is("disabled", r(v)),
+        r(c).is("without-controls", !u.controls),
+        r(c).is("controls-right", C.value),
+        r(c).is(u.align, !!u.align),
+        r(c).is("float-label", a.floatLabel)
       ]),
-      onDragstart: t[0] || (t[0] = ye(() => {
+      onDragstart: t[0] || (t[0] = ge(() => {
       }, ["prevent"]))
     }, [
-      r.floatLabel ? (p(), w("span", {
+      a.floatLabel ? (b(), w("span", {
         key: 0,
-        class: S(["el-float-label", l(oe)]),
-        onClick: q
-      }, Ee(u.placeholder), 3)) : R("", !0),
-      u.controls ? Z((p(), w("span", {
+        id: r(H),
+        class: I(["el-float-label", r(se)]),
+        onClick: J
+      }, xe(u.placeholder), 11, Ue)) : R("", !0),
+      u.controls ? _((b(), w("span", {
         key: 1,
         role: "button",
-        "aria-label": l(G)("el.inputNumber.decrease"),
-        class: S([l(m).e("decrease"), l(m).is("disabled", U.value)]),
-        onKeydown: _(T, ["enter"])
+        "aria-label": r(G)("el.inputNumber.decrease"),
+        class: I([r(c).e("decrease"), r(c).is("disabled", U.value)]),
+        onKeydown: ee(T, ["enter"])
       }, [
-        A(e.$slots, "decrease-icon", {}, () => [
-          $(l(ee), null, {
-            default: I(() => [
-              D.value ? (p(), F(l(Fe), { key: 0 })) : (p(), F(l(ke), { key: 1 }))
+        S(e.$slots, "decrease-icon", {}, () => [
+          $(r(te), null, {
+            default: A(() => [
+              C.value ? (b(), F(r(Pe), { key: 0 })) : (b(), F(r(Te), { key: 1 }))
             ]),
             _: 1
           })
         ])
-      ], 42, ze)), [
-        [l(te), T]
+      ], 42, We)), [
+        [r(ae), T]
       ]) : R("", !0),
-      u.controls ? Z((p(), w("span", {
+      u.controls ? _((b(), w("span", {
         key: 2,
         role: "button",
-        "aria-label": l(G)("el.inputNumber.increase"),
-        class: S([l(m).e("increase"), l(m).is("disabled", W.value)]),
-        onKeydown: _(P, ["enter"])
+        "aria-label": r(G)("el.inputNumber.increase"),
+        class: I([r(c).e("increase"), r(c).is("disabled", W.value)]),
+        onKeydown: ee(P, ["enter"])
       }, [
-        A(e.$slots, "increase-icon", {}, () => [
-          $(l(ee), null, {
-            default: I(() => [
-              D.value ? (p(), F(l(Ce), { key: 0 })) : (p(), F(l(De), { key: 1 }))
+        S(e.$slots, "increase-icon", {}, () => [
+          $(r(te), null, {
+            default: A(() => [
+              C.value ? (b(), F(r(Be), { key: 0 })) : (b(), F(r(Oe), { key: 1 }))
             ]),
             _: 1
           })
         ])
-      ], 42, Ke)), [
-        [l(te), P]
+      ], 42, Xe)), [
+        [r(ae), P]
       ]) : R("", !0),
-      $(l(xe), {
+      $(r(Ie), {
         id: u.id,
         ref_key: "input",
-        ref: b,
+        ref: p,
         type: u.formatter ? "text" : "number",
         step: u.step,
         "model-value": M.value,
-        placeholder: r.floatLabel ? void 0 : u.placeholder,
+        placeholder: a.floatLabel ? void 0 : u.placeholder,
         readonly: u.readonly,
-        disabled: l(N),
-        size: l(X),
+        disabled: r(v),
+        size: r(X),
         max: u.max,
         min: u.min,
         name: u.name,
         "aria-label": u.ariaLabel,
+        "aria-labelledby": ce.value,
         "validate-event": !1,
         inputmode: u.inputmode,
         formatter: u.formatter,
         parser: u.parser,
         tabindex: u.tabindex,
-        onKeydown: se,
-        onBlur: pe,
-        onFocus: fe,
+        onKeydown: de,
+        onBlur: Ne,
+        onFocus: pe,
         onInput: me,
-        onChange: ce
-      }, ge({ _: 2 }, [
+        onChange: fe
+      }, we({ _: 2 }, [
         e.$slots.prefix ? {
           name: "prefix",
-          fn: I(() => [
-            A(e.$slots, "prefix")
+          fn: A(() => [
+            S(e.$slots, "prefix")
           ]),
           key: "0"
         } : void 0,
         e.$slots.suffix ? {
           name: "suffix",
-          fn: I(() => [
-            A(e.$slots, "suffix")
+          fn: A(() => [
+            S(e.$slots, "suffix")
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["id", "type", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "inputmode", "formatter", "parser", "tabindex"])
+      ]), 1032, ["id", "type", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "aria-labelledby", "inputmode", "formatter", "parser", "tabindex"])
     ], 34));
   }
 });
 export {
-  vt as default
+  ft as default
 };