adverich-kun-ui 0.1.384 → 0.1.385

package/dist/components/KunNumberField/src/composables/useKunNumberFieldComposable.js

@@ -1,58 +1,141 @@
-import { ref as o, watch as R } from "vue";
-import { format as i, toRawNumberString as m, fromRawString as r, clamp as f } from "./numberFormatUtils.js";
-function I(e, a) {
-  const u = o(""), x = o(null), N = o(null), c = o(!1);
-  let t = "";
-  R(
-    () => e.modelValue,
-    (n) => {
-      n == null || isNaN(n) ? (u.value = i(0, e), t = "") : (t = m(n, e.precision), u.value = i(parseFloat(n), e));
-    },
-    { immediate: !0 }
-  );
-  function V(n) {
-    const l = n.key, s = /^[0-9]$/.test(l), v = l === "Backspace";
-    if (!s && !v) {
-      n.preventDefault();
+import { ref as S, watch as j, nextTick as C } from "vue";
+import { format as d, clamp as b, toRawNumberString as x, fromRawString as L } from "./numberFormatUtils.js";
+function J(t, o) {
+  const l = S(""), r = S(null), F = S(null), D = S(!1), s = S(0);
+  let e = "";
+  const K = t.precision + 1;
+  function v(n) {
+    return n.padStart(K, "0");
+  }
+  j(() => t.modelValue, (n) => {
+    if (n == null || isNaN(n))
+      l.value = d(0, t), e = "0".repeat(t.precision + 1);
+    else {
+      const i = parseFloat(n), u = b(i, t.min, t.max);
+      e = x(u, t.precision), e.length < t.precision + 1 && (e = e.padStart(t.precision + 1, "0")), l.value = d(u, t);
+    }
+  }, { immediate: !0 });
+  function B(n) {
+    const { key: i, target: u } = n, c = /^[0-9]$/.test(i), A = i === "Backspace", y = i === "Delete", m = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(i), h = n.ctrlKey || n.metaKey, f = i === "Home", z = i === "End";
+    if (f) {
+      C(() => {
+        if (!r.value) return;
+        const w = l.value.search(/\d/);
+        r.value.setSelectionRange(w, w);
+      });
+      return;
+    }
+    if (z) {
+      C(() => {
+        if (!r.value) return;
+        const a = l.value;
+        r.value.setSelectionRange(a.length, a.length);
+      });
       return;
     }
-    s ? t += l : v && (t = t.slice(0, -1));
-    const b = t.padStart(e.precision + 1, "0"), h = b.slice(0, -e.precision), y = b.slice(-e.precision), B = parseFloat(`${h}.${y}`), d = f(B, e.min, e.max);
-    u.value = i(d, e), a("update:modelValue", d), a("input", d), n.preventDefault();
+    if (m || h) return;
+    const R = M(l.value, u.selectionStart);
+    n.preventDefault();
+    const k = t.precision + 1;
+    for (; e.length < k; )
+      e = "0" + e;
+    const g = N(l.value, R);
+    if (c)
+      e = e.substring(0, g) + i + e.substring(g), s.value = g + 1;
+    else if (A && R > 0) {
+      const a = N(l.value, R), w = a - 1;
+      if (e.length <= 3) {
+        const U = Math.max(0, a - 1);
+        e = e.slice(0, U) + e.slice(a), e = v(e), s.value = a, V();
+        return;
+      }
+      a > 0 && (e = e.slice(0, w) + e.slice(a), e = v(e), s.value = w);
+    } else y && R < l.value.length && g < e.length && (e = e.substring(0, g) + e.substring(g + 1), s.value = g);
+    for (e = v(e); e.length < k; )
+      e = "0" + e;
+    V();
+  }
+  function N(n, i) {
+    let u = 0;
+    for (let c = 0; c < i; c++)
+      /\d/.test(n[c]) && u++;
+    return u;
+  }
+  function E(n, i) {
+    let u = 0;
+    for (let c = 0; c < n.length; c++)
+      if (/\d/.test(n[c])) {
+        if (u === i)
+          return c;
+        u++;
+      }
+    for (let c = n.length - 1; c >= 0; c--)
+      if (/\d/.test(n[c]))
+        return c + 1;
+    return n.length;
+  }
+  function M(n, i) {
+    for (; i < n.length && !/\d/.test(n[i]); )
+      i++;
+    if (i >= n.length)
+      for (i = n.length; i > 0 && !/\d/.test(n[i - 1]); )
+        i--;
+    const u = n.search(/\d/);
+    return i < u && (i = u), i;
+  }
+  function V() {
+    const n = t.precision + 1;
+    e.padStart(n, "0");
+    const i = Math.max(1, e.length - t.precision), u = e.slice(0, i) || "0", c = e.slice(i).padEnd(t.precision, "0").slice(0, t.precision), A = `${u}.${c}`, y = parseFloat(A), m = b(y, t.min, t.max);
+    e = x(m, t.precision), l.value = d(m, t), o("update:modelValue", m), o("input", m), C(() => {
+      if (r.value)
+        try {
+          const h = l.value;
+          let f = E(h, s.value);
+          for (; f < h.length && !/\d/.test(h[f]); )
+            f++;
+          r.value.setSelectionRange(f, f);
+        } catch {
+          r.value.setSelectionRange(l.value.length, l.value.length);
+        }
+    });
   }
-  function g() {
-    c.value = !1;
-    const n = r(t, e.precision), l = f(n, e.min, e.max);
-    t = m(l, e.precision), u.value = i(l, e), a("update:modelValue", l), a("blur");
+  function P() {
+    D.value = !1, e = v(e);
+    const n = L(e, t.precision), i = b(n, t.min, t.max);
+    e = x(i, t.precision), e = v(e), l.value = d(i, t), o("update:modelValue", i), o("blur");
   }
-  function k() {
-    c.value = !0, a("focus");
+  function T() {
+    var i;
+    D.value = !0;
+    const n = ((i = r.value) == null ? void 0 : i.selectionStart) || 0;
+    s.value = N(l.value, n), o("focus");
   }
-  function D() {
-    let n = r(t, e.precision) || 0;
-    n = f(n + Number(e.step), e.min, e.max), t = m(n, e.precision), u.value = i(n, e), a("update:modelValue", n);
+  function $() {
+    let n = L(e, t.precision) || 0;
+    n = b(n + Number(t.step), t.min, t.max), e = x(n, t.precision), l.value = d(n, t), o("update:modelValue", n);
   }
-  function F() {
-    let n = r(t, e.precision) || 0;
-    n = f(n - Number(e.step), e.min, e.max), t = m(n, e.precision), u.value = i(n, e), a("update:modelValue", n);
+  function H() {
+    let n = L(e, t.precision) || 0;
+    n = b(n - Number(t.step), t.min, t.max), e = x(n, t.precision), l.value = d(n, t), o("update:modelValue", n);
   }
-  function S() {
-    t = "", u.value = i(0, e), a("update:modelValue", null);
+  function I() {
+    e = "0".repeat(t.precision + 1), s.value = t.precision + 1, V();
   }
   return {
-    inputValue: u,
-    numberInput: x,
-    rootRef: N,
-    validateKey: V,
-    handleFocus: k,
-    handleBlur: g,
-    onIncrement: D,
-    onDecrement: F,
-    onClear: S,
-    isActive: c,
-    focus: c
+    inputValue: l,
+    numberInput: r,
+    rootRef: F,
+    validateKey: B,
+    handleFocus: T,
+    handleBlur: P,
+    onIncrement: $,
+    onDecrement: H,
+    onClear: I,
+    isActive: D,
+    focus: D
   };
 }
 export {
-  I as useKunNumberField
+  J as useKunNumberField
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.384",
+  "version": "0.1.385",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",