adverich-kun-ui 0.1.370 → 0.1.371

package/dist/components/KunNumberField/src/components/KunNumberField.vue.js

@@ -1,24 +1,24 @@
-import { getCurrentInstance as A, computed as F, useSlots as P, createElementBlock as r, openBlock as s, createCommentVNode as n, createElementVNode as i, normalizeClass as b, toDisplayString as d, mergeProps as R, unref as t, renderSlot as D } from "vue";
-import U from "../composables/useKunNumberFieldComposable.js";
-import { KunNumberFieldProps as x } from "../composables/KunNumberFieldProps.js";
-const H = {
+import { getCurrentInstance as P, ref as s, computed as N, watch as R, createElementBlock as o, openBlock as a, createCommentVNode as u, createElementVNode as c, normalizeClass as y, toDisplayString as f, mergeProps as S, renderSlot as V } from "vue";
+import { KunNumberFieldProps as U } from "../composables/KunNumberFieldProps.js";
+import { parseNumber as g } from "../composables/numberFormatUtils.js";
+const x = {
   key: 0,
   class: "mx-2"
-}, M = ["value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], q = {
+}, H = ["value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], M = ["disabled"], T = {
   key: 2,
   class: "flex flex-col items-center justify-center border-l border-slate-600"
-}, G = ["disabled"], J = ["disabled"], L = {
+}, q = ["disabled"], G = ["disabled"], J = {
   key: 3,
   class: "ml-2"
-}, O = {
+}, L = {
   key: 0,
   class: "h-[1.25rem]"
-}, Q = ["id"], T = {
+}, O = ["id"], Q = {
   key: 1,
   class: "text-xs text-center"
 }, Z = {
   __name: "KunNumberField",
-  props: x,
+  props: U,
   emits: [
     "update:modelValue",
     "focus",
@@ -27,113 +27,124 @@ const H = {
     "keyDown",
     "keyUp"
   ],
-  setup($, { expose: K, emit: N }) {
-    const a = $, f = N, {
-      rawInput: m,
-      inputField: y,
-      rootRef: k,
-      inputFocused: v,
-      handleInput: c,
-      handleBlur: C,
-      focusInput: g,
-      clearInput: h,
-      validationError: B,
-      hasError: u,
-      onIncrement: w,
-      onDecrement: I,
-      validate: E,
-      reset: V,
-      resetValidation: S
-    } = U(a, f), p = `number-input-${A().uid}`, j = F(() => v.value || !!m.value || a.dirty);
-    K({
-      inputField: y,
-      rootRef: k,
-      validate: E,
-      reset: V,
-      resetValidation: S,
+  setup(I, { expose: F, emit: D }) {
+    const l = I, n = D, v = `number-input-${P().uid}`, h = s(null), C = s(null), d = s(!1), w = s(""), k = s(!1), i = s(!1), r = s(l.modelValue != null ? m(l.modelValue, l.separator, l.precision) : ""), b = N(() => l.error || !!w.value && k.value), $ = N(() => d.value || !!r.value || l.dirty);
+    function m(e, t = ".", p = 2) {
+      return e == null || isNaN(e) ? "" : Number(e).toFixed(p).replace(".", t);
+    }
+    R(() => l.modelValue, (e) => {
+      if (i.value) {
+        i.value = !1;
+        return;
+      }
+      const t = m(e, l.separator, l.precision);
+      t !== r.value && (r.value = t);
+    });
+    function B(e) {
+      r.value = e.target.value;
+      const t = g(r.value, l.separator);
+      i.value = !0, n("update:modelValue", t);
+    }
+    function E() {
+      d.value = !1, k.value = !0, n("blur");
+    }
+    function K() {
+      d.value = !0, n("focus");
+    }
+    function j() {
+      r.value = "", i.value = !0, n("update:modelValue", null), k.value = !0;
+    }
+    function z() {
+      const t = (g(r.value, l.separator) || 0) + Number(l.step);
+      r.value = m(t, l.separator, l.precision), i.value = !0, n("update:modelValue", t);
+    }
+    function A() {
+      const t = (g(r.value, l.separator) || 0) - Number(l.step);
+      r.value = m(t, l.separator, l.precision), i.value = !0, n("update:modelValue", t);
+    }
+    return F({
+      inputField: h,
+      rootRef: C,
       focus: () => {
         var e;
-        return (e = y.value) == null ? void 0 : e.focus();
+        return (e = h.value) == null ? void 0 : e.focus();
       }
-    }), P();
-    const z = F(
-      () => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3"
-    );
-    return (e, o) => (s(), r("div", {
+    }), (e, t) => (a(), o("div", {
       class: "w-full flex flex-col relative",
       ref_key: "rootRef",
-      ref: k
+      ref: C
     }, [
-      e.label ? (s(), r("label", {
+      e.label ? (a(), o("label", {
         key: 0,
-        for: p,
-        class: b([
+        for: v,
+        class: y([
           e.labelColor,
           "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
-          j.value ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
+          $.value ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
         ])
-      }, d(e.label), 3)) : n("", !0),
-      i("div", R({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
-        i("div", {
-          class: b(["flex items-center w-full border", [
+      }, f(e.label), 3)) : u("", !0),
+      c("div", S({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
+        c("div", {
+          class: y(["flex items-center w-full border", [
             e.bgInput,
             e.rounded,
-            t(v) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
+            d.value ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
             e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
-            t(u) ? "bg-red-200 dark:bg-red-900" : ""
+            b.value ? "bg-red-200 dark:bg-red-900" : ""
           ]])
         }, [
-          e.prefix ? (s(), r("div", H, d(e.prefix), 1)) : n("", !0),
-          D(e.$slots, "prepend-inner"),
-          i("input", {
+          e.prefix ? (a(), o("div", x, f(e.prefix), 1)) : u("", !0),
+          V(e.$slots, "prepend-inner"),
+          c("input", {
             ref_key: "inputField",
-            ref: y,
-            id: p,
+            ref: h,
+            id: v,
             type: "text",
-            value: t(m),
+            value: r.value,
             placeholder: e.placeholder,
             disabled: e.disabled,
             readonly: e.readonly,
             maxlength: e.maxlength,
             autocomplete: "off",
-            "aria-invalid": t(u) ? "true" : "false",
-            "aria-describedby": t(u) ? `error-${p}` : null,
-            class: b([z.value, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : "", "w-full h-full bg-transparent focus:outline-none"]),
-            onInput: o[0] || (o[0] = (...l) => t(c) && t(c)(...l)),
-            onBlur: o[1] || (o[1] = (...l) => t(C) && t(C)(...l)),
-            onFocus: o[2] || (o[2] = (...l) => t(g) && t(g)(...l)),
-            onKeydown: o[3] || (o[3] = (l) => f("keyDown", l)),
-            onKeyup: o[4] || (o[4] = (l) => f("keyUp", l))
-          }, null, 42, M),
-          e.clearable && t(m) ? (s(), r("button", {
+            "aria-invalid": b.value ? "true" : "false",
+            "aria-describedby": b.value ? `error-${v}` : null,
+            class: y([e.inputDensity, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : "", "w-full h-full bg-transparent focus:outline-none"]),
+            onInput: B,
+            onBlur: E,
+            onFocus: K,
+            onKeydown: t[0] || (t[0] = (p) => n("keyDown", p)),
+            onKeyup: t[1] || (t[1] = (p) => n("keyUp", p))
+          }, null, 42, H),
+          e.clearable && r.value ? (a(), o("button", {
             key: 1,
             type: "button",
-            onClick: o[5] || (o[5] = (...l) => t(h) && t(h)(...l)),
-            class: b(["ml-2", e.textColor])
-          }, " × ", 2)) : n("", !0),
-          e.noArrows ? n("", !0) : (s(), r("div", q, [
-            i("button", {
+            onClick: j,
+            class: y(["ml-2", e.textColor]),
+            disabled: e.disabled || e.readonly
+          }, " × ", 10, M)) : u("", !0),
+          e.noArrows ? u("", !0) : (a(), o("div", T, [
+            c("button", {
               type: "button",
               class: "p-2",
-              onClick: o[6] || (o[6] = (...l) => t(w) && t(w)(...l)),
+              onClick: z,
               disabled: e.disabled || e.readonly
-            }, "▲", 8, G),
-            i("button", {
+            }, "▲", 8, q),
+            c("button", {
               type: "button",
               class: "p-2",
-              onClick: o[7] || (o[7] = (...l) => t(I) && t(I)(...l)),
+              onClick: A,
               disabled: e.disabled || e.readonly
-            }, "▼", 8, J)
+            }, "▼", 8, G)
           ])),
-          D(e.$slots, "append-inner"),
-          e.suffix ? (s(), r("div", L, d(e.suffix), 1)) : n("", !0)
+          V(e.$slots, "append-inner"),
+          e.suffix ? (a(), o("div", J, f(e.suffix), 1)) : u("", !0)
         ], 2),
-        e.hideDetails ? n("", !0) : (s(), r("div", O, [
-          t(u) ? (s(), r("div", {
+        e.hideDetails ? u("", !0) : (a(), o("div", L, [
+          b.value ? (a(), o("div", {
             key: 0,
-            id: `error-${p}`,
+            id: `error-${v}`,
             class: "text-red-500 text-sm text-center"
-          }, d(t(B) || e.errorMessage), 9, Q)) : e.hint && (e.persistentHint || t(v)) ? (s(), r("div", T, d(e.hint), 1)) : n("", !0)
+          }, f(w.value || e.errorMessage), 9, O)) : e.hint && (e.persistentHint || d.value) ? (a(), o("div", Q, f(e.hint), 1)) : u("", !0)
         ]))
       ], 16)
     ], 512));

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

@@ -1,18 +1,7 @@
-function t(e, n = ",") {
-  const r = e.replace(/[^\d.,]/g, "");
-  return n === "," ? r.replace(/\./g, ",") : r.replace(/,/g, ".");
-}
-function l(e, n = ",") {
-  const r = e.replace(new RegExp(`\\${n}`, "g"), "."), a = parseFloat(r);
-  return isNaN(a) ? null : a;
-}
-function c(e, n = ",", r = 2) {
-  if (e === null || isNaN(e)) return "";
-  const a = Number(e).toFixed(r);
-  return n === "," ? a.replace(".", ",") : a;
+function o(r, n = ",") {
+  const a = r.replace(new RegExp(`\\${n}`, "g"), "."), e = parseFloat(a);
+  return isNaN(e) ? null : e;
 }
 export {
-  c as formatNumber,
-  t as normalizeNumber,
-  l as parseNumber
+  o as parseNumber
 };

package/package.json

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

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

@@ -1,75 +0,0 @@
-import { ref as t, inject as N, computed as D, watch as K, onUnmounted as P } from "vue";
-import { debounce as R } from "../../../../utils/utils.js";
-import { formatNumber as i, normalizeNumber as T, parseNumber as U } from "./numberFormatUtils.js";
-function C(e, n) {
-  const l = t(i(e.modelValue, e.separator, e.precision)), a = t(e.modelValue), d = t(!1), r = t(""), o = t(!1), F = t(null), g = t(null), h = t(!1), f = N("registerField", null), m = N("unregisterField", null), I = D(() => e.error || !!r.value && o.value), b = async () => {
-    for (const u of e.rules) {
-      const c = await Promise.resolve(u(a.value));
-      if (c !== !0) return c;
-    }
-    return !0;
-  }, V = R(async () => {
-    const u = await b();
-    r.value = u === !0 ? "" : u;
-  }, e.debounce ?? 300);
-  K(() => e.modelValue, (u) => {
-    u !== a.value && (h.value = !0, a.value = u, l.value = i(u, e.separator, e.precision));
-  });
-  function y(u) {
-    const c = T(u.target.value, e.separator);
-    l.value = c;
-    const s = U(c, e.separator);
-    isNaN(s) || (a.value = s, n("update:modelValue", s), e.validateOnBlur || V());
-  }
-  function B() {
-    d.value = !1, l.value = i(a.value, e.separator, e.precision), e.validateOnBlur && v(), n("blur");
-  }
-  function w() {
-    d.value = !0, n("focus");
-  }
-  function O() {
-    l.value = "", a.value = null, n("update:modelValue", null), o.value = !0, e.validateOnBlur || V();
-  }
-  function E() {
-    let u = a.value || 0;
-    u += Number(e.step), a.value = u, l.value = i(u, e.separator, e.precision), n("update:modelValue", u);
-  }
-  function j() {
-    let u = a.value || 0;
-    u -= Number(e.step), a.value = u, l.value = i(u, e.separator, e.precision), n("update:modelValue", u);
-  }
-  async function v() {
-    o.value = !0;
-    const u = await b();
-    return r.value = u === !0 ? "" : u, u === !0;
-  }
-  function x() {
-    a.value = e.modelValue, l.value = i(e.modelValue, e.separator, e.precision), o.value = !1, r.value = "";
-  }
-  function z() {
-    o.value = !1, r.value = "";
-  }
-  return f && f({ validate: v }), P(() => {
-    m && m({ validate: v });
-  }), {
-    rawInput: l,
-    inputValue: a,
-    inputField: F,
-    rootRef: g,
-    inputFocused: d,
-    validationError: r,
-    hasError: I,
-    handleInput: y,
-    handleBlur: B,
-    focusInput: w,
-    clearInput: O,
-    onIncrement: E,
-    onDecrement: j,
-    validate: v,
-    reset: x,
-    resetValidation: z
-  };
-}
-export {
-  C as default
-};