ep-craft 0.1.40 → 0.1.42

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

@@ -1,17 +1,17 @@
-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 { 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 n, toDisplayString as xe, createCommentVNode as R, withDirectives as _, withKeys as ee, renderSlot as S, createVNode as $, withCtx as A, createBlock as L, createSlots as we } from "vue";
+import { isNil as F } from "lodash-unified";
 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 { useId as Le } from "../../hooks/use-id/index.js";
 import "../../hooks/use-size/index.js";
 import "../../hooks/use-aria/index.js";
-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 { useFloatLabel as Fe } from "../../hooks/use-float-label/index.js";
+import { debugWarn as z, throwError as ke } from "../../utils/error.js";
+import { isString as Ce, NOOP as re } from "@vue/shared";
+import { isNumber as h, isUndefined as k } 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";
@@ -40,6 +40,7 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     precision: {},
     validateEvent: { type: Boolean, default: !0 },
     ariaLabel: {},
+    ariaLabelledby: {},
     inputmode: { default: void 0 },
     align: { default: "center" },
     disabledScientific: { type: Boolean },
@@ -49,7 +50,7 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     floatLabel: { type: Boolean }
   },
   emits: $e,
-  setup(u, { expose: re, emit: ie }) {
+  setup(u, { expose: ne, emit: ie }) {
     const a = u, s = ie, { t: G } = Ae(), c = Se("input-number"), p = Q(), i = Ve({
       currentValue: a.modelValue,
       userInput: null
@@ -59,40 +60,38 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       () => 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(
+      return k(a.precision) ? Math.max(j(a.modelValue), e) : (e > a.precision && z(
         "InputNumber",
         "precision should not be less than the decimal places of step"
       ), a.precision);
-    }), C = N(() => a.controls && a.controlsPosition === "right"), X = Ke(), v = Ge(), D = Q(!1), oe = N(() => !k(i.currentValue)), { floatLabelClass: se } = ke({
+    }), C = N(() => a.controls && a.controlsPosition === "right"), X = Ke(), v = Ge(), D = Q(!1), oe = N(() => !F(i.currentValue)), { floatLabelClass: se } = Fe({
       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(() => {
+    }), H = Le(), ce = N(() => a.ariaLabelledby ? a.ariaLabelledby : 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 (F(e)) return "";
       if (h(e)) {
         if (Number.isNaN(e)) return "";
-        L(a.precision) || (e = e.toFixed(a.precision));
+        k(a.precision) || (e = e.toFixed(a.precision));
       }
       return e;
     }), y = (e, t) => {
-      if (L(t) && (t = ue.value), t === 0) return Math.round(e);
-      let n = String(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));
+      if (k(t) && (t = ue.value), t === 0) return Math.round(e);
+      let r = String(e);
+      const l = r.indexOf(".");
+      if (l === -1 || !r.replace(".", "").split("")[l + t]) return e;
+      const g = r.length;
+      return r.charAt(g - 1) === "5" && (r = `${r.slice(0, Math.max(0, g - 1))}6`), Number.parseFloat(Number(r).toFixed(t));
     }, j = (e) => {
-      if (k(e)) return 0;
-      const t = e.toString(), n = t.indexOf(".");
+      if (F(e)) return 0;
+      const t = e.toString(), r = t.indexOf(".");
       let l = 0;
-      return n !== -1 && (l = t.length - n - 1), l;
+      return r !== -1 && (l = t.length - r - 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."
@@ -100,8 +99,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       "InputNumber",
       "The value has reached the minimum safe integer limit."
     ), e) : y(e + a.step * t) : i.currentValue, de = (e) => {
-      const t = De(e), n = Me(e);
-      if (a.disabledScientific && ["e", "E"].includes(n)) {
+      const t = De(e), r = Me(e);
+      if (a.disabledScientific && ["e", "E"].includes(r)) {
         e.preventDefault();
         return;
       }
@@ -124,28 +123,28 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       const e = Number(M.value) || 0, t = q(e, -1);
       E(t), s(K, i.currentValue), O();
     }, B = (e, t) => {
-      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.");
+      const { max: r, min: l, step: m, precision: f, stepStrictly: g, valueOnClear: x } = a;
+      r < l && ke("InputNumber", "min should not be greater than max.");
       let o = e ? Number.parseFloat(String(e)) : Number(e);
-      if (k(e) || Number.isNaN(o))
+      if (F(e) || Number.isNaN(o))
         return null;
       if (e === "") {
         if (x === null)
           return null;
-        o = Ce(x) ? { min: l, max: n }[x] : x;
+        o = Ce(x) ? { min: l, max: r }[x] : x;
       }
       return g && (o = y(
         Math.round(y(o / m)) * m,
         f
-      ), 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;
+      ), o !== e && t && s(V, o)), k(f) || (o = y(o, f)), (o > r || o < l) && (o = o > r ? r : l, t && s(V, o)), o;
     }, E = (e, t = !0) => {
       var m;
-      const n = i.currentValue, l = B(e);
+      const r = i.currentValue, l = B(e);
       if (!t) {
         s(V, l);
         return;
       }
-      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);
+      i.userInput = null, !(r === l && e) && (s(V, l), r !== l && s(Re, l, r), a.validateEvent && ((m = d == null ? void 0 : d.validate) == null || m.call(d, "change").catch(re)), i.currentValue = l);
     }, me = (e) => {
       i.userInput = e;
       let t = e === "" ? null : Number.parseFloat(e);
@@ -162,8 +161,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     }, pe = (e) => {
       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));
+      var t, r, l;
+      D.value = !1, i.userInput = null, i.currentValue === null && ((t = p.value) != null && t.input) && (p.value.input.value = ((r = a.formatter) == null ? void 0 : r.call(a, "")) ?? ""), s("blur", e), a.validateEvent && ((l = d == null ? void 0 : d.validate) == null || l.call(d, "blur").catch(re));
     }, O = () => {
       i.currentValue !== a.modelValue && (i.currentValue = a.modelValue);
     }, ve = (e) => {
@@ -172,8 +171,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
     return Z(
       () => a.modelValue,
       (e, t) => {
-        const n = B(e, !0);
-        i.userInput === null && n !== t && (i.currentValue = n);
+        const r = B(e, !0);
+        i.userInput === null && r !== t && (i.currentValue = r);
       },
       { immediate: !0 }
     ), Z(
@@ -183,12 +182,12 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       }
     ), ye(() => {
       var m;
-      const { min: e, max: t, modelValue: n } = a, l = (m = p.value) == null ? void 0 : m.input;
+      const { min: e, max: t, modelValue: r } = 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) : ""
-      ), l.setAttribute("aria-disabled", String(v.value)), !h(n) && n != null) {
-        let f = Number(n);
+      ), l.setAttribute("aria-disabled", String(v.value)), !h(r) && r != null) {
+        let f = Number(r);
         Number.isNaN(f) && (f = null), s(V, f);
       }
       l.addEventListener("wheel", ve, { passive: !1 });
@@ -196,67 +195,67 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
       var t;
       const e = (t = p.value) == null ? void 0 : t.input;
       e == null || e.setAttribute("aria-valuenow", `${i.currentValue ?? ""}`);
-    }), re({
+    }), ne({
       /** @description get focus the input component */
       focus: J,
       /** @description remove focus the input component */
       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)
+        n(c).b(),
+        n(c).m(n(X)),
+        n(c).is("disabled", n(v)),
+        n(c).is("without-controls", !u.controls),
+        n(c).is("controls-right", C.value),
+        n(c).is(u.align, !!u.align),
+        n(c).is("float-label", a.floatLabel)
       ]),
       onDragstart: t[0] || (t[0] = ge(() => {
       }, ["prevent"]))
     }, [
       a.floatLabel ? (b(), w("span", {
         key: 0,
-        id: r(H),
-        class: I(["el-float-label", r(se)]),
+        id: n(H),
+        class: I(["el-float-label", n(se)]),
         onClick: J
       }, xe(u.placeholder), 11, Ue)) : R("", !0),
       u.controls ? _((b(), w("span", {
         key: 1,
         role: "button",
-        "aria-label": r(G)("el.inputNumber.decrease"),
-        class: I([r(c).e("decrease"), r(c).is("disabled", U.value)]),
+        "aria-label": n(G)("el.inputNumber.decrease"),
+        class: I([n(c).e("decrease"), n(c).is("disabled", U.value)]),
         onKeydown: ee(T, ["enter"])
       }, [
         S(e.$slots, "decrease-icon", {}, () => [
-          $(r(te), null, {
+          $(n(te), null, {
             default: A(() => [
-              C.value ? (b(), F(r(Pe), { key: 0 })) : (b(), F(r(Te), { key: 1 }))
+              C.value ? (b(), L(n(Pe), { key: 0 })) : (b(), L(n(Te), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, We)), [
-        [r(ae), T]
+        [n(ae), T]
       ]) : R("", !0),
       u.controls ? _((b(), w("span", {
         key: 2,
         role: "button",
-        "aria-label": r(G)("el.inputNumber.increase"),
-        class: I([r(c).e("increase"), r(c).is("disabled", W.value)]),
+        "aria-label": n(G)("el.inputNumber.increase"),
+        class: I([n(c).e("increase"), n(c).is("disabled", W.value)]),
         onKeydown: ee(P, ["enter"])
       }, [
         S(e.$slots, "increase-icon", {}, () => [
-          $(r(te), null, {
+          $(n(te), null, {
             default: A(() => [
-              C.value ? (b(), F(r(Be), { key: 0 })) : (b(), F(r(Oe), { key: 1 }))
+              C.value ? (b(), L(n(Be), { key: 0 })) : (b(), L(n(Oe), { key: 1 }))
             ]),
             _: 1
           })
         ])
       ], 42, Xe)), [
-        [r(ae), P]
+        [n(ae), P]
       ]) : R("", !0),
-      $(r(Ie), {
+      $(n(Ie), {
         id: u.id,
         ref_key: "input",
         ref: p,
@@ -265,8 +264,8 @@ const Ue = ["id"], We = ["aria-label"], Xe = ["aria-label"], ft = /* @__PURE__ *
         "model-value": M.value,
         placeholder: a.floatLabel ? void 0 : u.placeholder,
         readonly: u.readonly,
-        disabled: r(v),
-        size: r(X),
+        disabled: n(v),
+        size: n(X),
         max: u.max,
         min: u.min,
         name: u.name,

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

@@ -72,6 +72,10 @@ export interface InputNumberProps {
      * @description native aria-label attribute
      */
     ariaLabel?: string;
+    /**
+     * @description native aria-labelledby attribute
+     */
+    ariaLabelledby?: string;
     /**
      * @description native input mode for virtual keyboards
      */
@@ -123,6 +127,7 @@ export declare const inputNumberProps: {
     };
     readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
     readonly ariaLabel: StringConstructor;
+    readonly ariaLabelledby: StringConstructor;
     readonly id: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     readonly step: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly stepStrictly: BooleanConstructor;

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

@@ -3,9 +3,9 @@ import { isNumber as r } from "../../utils/types.js";
 import { buildProps as n, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
 import "@vueuse/core";
-import { useSizeProp as u } from "../../hooks/use-size/index.js";
-import { useAriaProps as l } from "../../hooks/use-aria/index.js";
-import { floatLabelProp as a } from "../../hooks/use-float-label/index.js";
+import { useSizeProp as l } from "../../hooks/use-size/index.js";
+import { useAriaProps as a } from "../../hooks/use-aria/index.js";
+import { floatLabelProp as u } from "../../hooks/use-float-label/index.js";
 import { UPDATE_MODEL_EVENT as p, INPUT_EVENT as m, CHANGE_EVENT as d } from "../../constants/event.js";
 n({
   /**
@@ -60,7 +60,7 @@ n({
   /**
    * @description size of the component
    */
-  size: u,
+  size: l,
   /**
    * @description whether to enable the control buttons
    */
@@ -106,7 +106,7 @@ n({
     type: Boolean,
     default: !0
   },
-  ...l(["ariaLabel"]),
+  ...a(["ariaLabel", "ariaLabelledby"]),
   /**
    * @description native input mode for virtual keyboards
    */
@@ -144,7 +144,7 @@ n({
     type: [String, Number],
     default: 0
   },
-  ...a
+  ...u
 });
 const P = {
   [d]: (e, i) => i !== e,