adverich-kun-ui 0.1.308 → 0.1.310

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

@@ -1,5 +1,5 @@
-import { computed as i, createElementBlock as o, openBlock as r, renderSlot as s, createCommentVNode as n, mergeProps as d, toDisplayString as u } from "vue";
-const f = { class: "relative inline-block" }, p = { key: 0 }, m = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+import { computed as l, createElementBlock as i, openBlock as a, renderSlot as u, createCommentVNode as s, mergeProps as d, toDisplayString as p } from "vue";
+const m = { class: "relative inline-block" }, g = { key: 0 }, y = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "KunBadge",
   props: {
     text: { type: [String, Number], default: "" },
@@ -9,32 +9,76 @@ const f = { class: "relative inline-block" }, p = { key: 0 }, m = /* @__PURE__ *
     fontWeight: { type: String, default: "font-bold" },
     rounded: { type: String, default: "rounded-full" },
     dot: { type: Boolean, default: !1 },
-    // Modo punto
-    visible: { type: Boolean, default: !0 }
-    // Mostrar u ocultar
+    visible: { type: Boolean, default: !0 },
+    position: {
+      type: String,
+      default: "top right",
+      validator: (t) => [
+        "top left",
+        "top center",
+        "top right",
+        "center left",
+        "center center",
+        "center right",
+        "bottom left",
+        "bottom center",
+        "bottom right"
+      ].includes(t)
+    },
+    ejeX: { type: Number, default: 0 },
+    // desplazamiento horizontal
+    ejeY: { type: Number, default: 0 }
+    // desplazamiento vertical
   },
-  setup(e) {
-    const t = e, a = i(() => [
+  setup(t) {
+    const e = t;
+    l(() => [
       "absolute -top-1 -right-1 flex items-center justify-center px-2 py-1",
       "transform translate-x-1/2 -translate-y-1/2",
       "min-w-[20px] min-h-[20px]",
-      t.bgColor,
-      t.textColor,
-      t.textSize,
-      t.fontWeight,
-      t.rounded
+      e.bgColor,
+      e.textColor,
+      e.textSize,
+      e.fontWeight,
+      e.rounded
     ].filter(Boolean));
-    return (l, c) => (r(), o("div", f, [
-      s(l.$slots, "default"),
-      e.visible ? (r(), o("div", d({
+    const c = l(() => {
+      const o = {
+        top: "top-0",
+        center: "top-1/2",
+        bottom: "bottom-0",
+        left: "left-0",
+        right: "right-0",
+        "center-x": "left-1/2",
+        "center-y": "top-1/2"
+      }, [n, r] = e.position.split(" ");
+      return [
+        o[n] || "",
+        r === "center" ? "left-1/2" : o[r],
+        n === "center" ? "top-1/2" : "",
+        "absolute",
+        "transform",
+        r === "center" ? "-translate-x-1/2" : "",
+        n === "center" ? "-translate-y-1/2" : ""
+      ].filter(Boolean);
+    }), f = l(() => ({
+      transform: `
+    ${e.position.includes("center") ? "translate(-50%, -50%)" : ""}
+    translate(${e.ejeX}px, ${e.ejeY}px)
+  `.trim()
+    }));
+    return (o, n) => (a(), i("div", m, [
+      u(o.$slots, "default"),
+      t.visible ? (a(), i("div", d({
         key: 0,
-        class: a.value
-      }, l.$attrs), [
-        e.dot ? n("", !0) : (r(), o("span", p, u(e.text), 1))
-      ], 16)) : n("", !0)
+        class: [...c.value, t.bgColor, t.textColor, t.textSize, t.fontWeight, t.rounded, "px-2 py-1 min-w-[20px] min-h-[20px] flex items-center justify-center"],
+        style: f.value
+      }, o.$attrs), [
+        t.dot ? s("", !0) : (a(), i("span", g, p(t.text), 1))
+      ], 16)) : s("", !0)
     ]));
   }
 });
 export {
-  m as default
+  y as default
 };

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

@@ -1,4 +1,4 @@
-import { mergeModels as j, toRefs as ce, useModel as de, ref as pe, watch as N, computed as z, createElementBlock as c, openBlock as l, mergeProps as P, createCommentVNode as d, createElementVNode as D, renderSlot as a, createBlock as w, unref as s, normalizeClass as K, withDirectives as ue, vModelText as me, normalizeProps as p, guardReactiveProps as g, Fragment as fe, createVNode as A, createSlots as L, renderList as U, withCtx as H, isRef as ge } from "vue";
+import { mergeModels as j, toRefs as ce, useModel as de, ref as pe, watch as N, computed as z, createElementBlock as c, openBlock as l, mergeProps as P, createCommentVNode as d, createElementVNode as D, renderSlot as a, createBlock as w, unref as s, normalizeClass as K, withDirectives as ue, vModelText as me, normalizeProps as p, guardReactiveProps as g, Fragment as fe, createVNode as A, createSlots as L, renderList as U, withCtx as x, isRef as ge } from "vue";
 import { isMobile as b } from "../../../../utils/_platform.js";
 import he from "./KunTableHeaders.vue.js";
 import ye from "./KunTableFooter.vue.js";
@@ -25,8 +25,8 @@ const Ae = ["placeholder"], Me = { class: "flex-1 overflow-auto" }, Ee = { key:
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ j(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
-  setup(M, { emit: x }) {
-    const E = x, u = M, v = ce(u), O = de(M, "selectedItems"), {
+  setup(M, { emit: H }) {
+    const E = H, u = M, v = ce(u), O = de(M, "selectedItems"), {
       headers: R,
       showExpand: S,
       showSelect: C,
@@ -149,7 +149,7 @@ const Ae = ["placeholder"], Me = { class: "flex-1 overflow-auto" }, Ee = { key:
             }, L({ _: 2 }, [
               U(e.$slots, (o, i) => ({
                 name: i,
-                fn: H((n) => [
+                fn: x((n) => [
                   a(e.$slots, i, p(g(n)))
                 ])
               }))
@@ -173,7 +173,7 @@ const Ae = ["placeholder"], Me = { class: "flex-1 overflow-auto" }, Ee = { key:
           }, L({ _: 2 }, [
             U(e.$slots, (o, i) => ({
               name: i,
-              fn: H((n) => [
+              fn: x((n) => [
                 a(e.$slots, i, p(g(n)))
               ])
             }))
@@ -184,7 +184,7 @@ const Ae = ["placeholder"], Me = { class: "flex-1 overflow-auto" }, Ee = { key:
         ]),
         s(m).length ? d("", !0) : (l(), c("div", Be, [
           A(Ce, {
-            class: "h-full flex justify-center items-center",
+            class: "h-full flex justify-center items-center text-center",
             title: e.noDataText,
             titleSize: "text-4xl"
           }, null, 8, ["title"])

package/dist/components/KunTable/src/components/KunTableIterator.vue.js

@@ -1,9 +1,9 @@
-import { computed as c, createElementBlock as o, openBlock as i, normalizeClass as x, createElementVNode as l, createCommentVNode as r, renderSlot as m, withModifiers as g, Fragment as h, renderList as S, toDisplayString as f, unref as u, createTextVNode as B } from "vue";
-import { getValue as C, formatValue as E } from "../../../../utils/tableFormatters.js";
-const $ = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }, j = { key: 0 }, V = { key: 0 }, A = { key: 1 }, N = { key: 1 }, T = ["checked"], F = { class: "flex flex-col gap-2" }, O = { class: "font-semibold text-slate-600 dark:text-slate-300" }, R = {
+import { computed as m, createElementBlock as o, openBlock as i, normalizeClass as f, createElementVNode as l, createCommentVNode as r, renderSlot as u, withModifiers as v, Fragment as h, renderList as B, toDisplayString as C, createBlock as $, resolveDynamicComponent as E, unref as d, createTextVNode as j } from "vue";
+import { getValue as x, formatValue as V } from "../../../../utils/tableFormatters.js";
+const A = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }, N = { key: 0 }, T = { key: 0 }, D = { key: 1 }, F = { key: 1 }, O = ["checked"], R = { class: "flex flex-col gap-2" }, z = { class: "font-semibold text-slate-600 dark:text-slate-300" }, I = {
   key: 0,
   class: "flex justify-between items-start mt-4 text-sm"
-}, z = { class: "text-right" }, D = "p-4 shadow-sm", I = "bg-slate-100 dark:bg-slate-900", M = {
+}, K = { class: "text-right" }, L = "p-4 shadow-sm", M = "bg-slate-100 dark:bg-slate-900", H = {
   __name: "KunTableIterator",
   props: {
     item: Object,
@@ -22,73 +22,83 @@ const $ = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }
     customSlots: Object
   },
   emits: ["toggle-expand", "toggle-select", "row-click"],
-  setup(e, { emit: b }) {
-    const s = e, d = b;
-    function k(a, n) {
-      const t = typeof s.rowClassCondition == "function" ? s.rowClassCondition({ item: a, index: n }) : s.rowClassCondition;
+  setup(e, { emit: k }) {
+    const n = e, c = k;
+    function b(a, s) {
+      const t = typeof n.rowClassCondition == "function" ? n.rowClassCondition({ item: a, index: s }) : n.rowClassCondition;
       return (t == null ? void 0 : t.trim()) || "";
     }
-    const v = c(() => s.rowClass || I), w = c(() => k(s.item, s.index)), y = c(() => [
-      D,
-      w.value || v.value,
-      s.isSelected ? s.selectedClass : "",
-      s.border,
-      s.rounded
+    const w = m(() => n.rowClass || M), y = m(() => b(n.item, n.index)), S = m(() => [
+      L,
+      y.value || w.value,
+      n.isSelected ? n.selectedClass : "",
+      n.border,
+      n.rounded
     ]);
-    return (a, n) => (i(), o("div", {
-      onClick: n[2] || (n[2] = (t) => d("row-click", { item: e.item, index: e.index, event: t })),
-      class: x(y.value)
+    return (a, s) => (i(), o("div", {
+      onClick: s[2] || (s[2] = (t) => c("row-click", { item: e.item, index: e.index, event: t })),
+      class: f(S.value)
     }, [
-      l("div", $, [
-        e.showExpand ? (i(), o("div", j, [
-          m(a.$slots, "expand-icon", {
+      l("div", A, [
+        e.showExpand ? (i(), o("div", N, [
+          u(a.$slots, "expand-icon", {
             item: e.item,
             index: e.index
           }, () => [
             l("button", {
               class: "text-xl font-bold focus:outline-none",
-              onClick: n[0] || (n[0] = g((t) => d("toggle-expand", e.item), ["stop"]))
+              onClick: s[0] || (s[0] = v((t) => c("toggle-expand", e.item), ["stop"]))
             }, [
-              e.isExpanded ? (i(), o("span", V, "−")) : (i(), o("span", A, "+"))
+              e.isExpanded ? (i(), o("span", T, "−")) : (i(), o("span", D, "+"))
             ])
           ])
         ])) : r("", !0),
-        e.showSelect ? (i(), o("div", N, [
+        e.showSelect ? (i(), o("div", F, [
           l("input", {
             type: "checkbox",
             checked: e.isSelected,
-            onChange: n[1] || (n[1] = g((t) => d("toggle-select", e.item), ["stop"])),
+            onChange: s[1] || (s[1] = v((t) => c("toggle-select", e.item), ["stop"])),
             class: "form-checkbox w-5 h-5"
-          }, null, 40, T)
+          }, null, 40, O)
         ])) : r("", !0)
       ]),
-      l("div", F, [
-        (i(!0), o(h, null, S(e.headers, (t) => (i(), o("div", {
-          key: t.value,
-          class: "flex justify-between text-sm"
-        }, [
-          l("div", O, f(t.label ?? t.text), 1),
-          l("div", {
-            class: x(["text-right text-slate-800 dark:text-slate-100", {
-              "text-right": t.align === "right",
-              "text-center": t.align === "center",
-              "text-left": t.align === "left" || !t.align
-            }])
+      l("div", R, [
+        (i(!0), o(h, null, B(e.headers, (t) => {
+          var g;
+          return i(), o("div", {
+            key: t.value,
+            class: "flex justify-between text-sm"
           }, [
-            m(a.$slots, `item.${t.value}`, {
-              item: e.item,
-              value: u(C)(t, e.item),
-              index: e.index
-            }, () => [
-              B(f(u(E)(t, u(C)(t, e.item))), 1)
-            ])
-          ], 2)
-        ]))), 128))
+            l("div", z, C(t.label ?? t.text), 1),
+            l("div", {
+              class: f(["text-right text-slate-800 dark:text-slate-100", {
+                "text-right": t.align === "right",
+                "text-center": t.align === "center",
+                "text-left": t.align === "left" || !t.align
+              }])
+            }, [
+              (g = e.customSlots) != null && g[`item.${t.value}`] ? (i(), $(E(e.customSlots[`item.${t.value}`]), {
+                key: 0,
+                item: e.item,
+                value: d(x)(t, e.item),
+                index: e.index,
+                header: t
+              }, null, 8, ["item", "value", "index", "header"])) : u(a.$slots, `item.${t.value}`, {
+                key: 1,
+                item: e.item,
+                value: d(x)(t, e.item),
+                index: e.index
+              }, () => [
+                j(C(d(V)(t, d(x)(t, e.item))), 1)
+              ])
+            ], 2)
+          ]);
+        }), 128))
       ]),
-      e.hasActions ? (i(), o("div", R, [
-        n[3] || (n[3] = l("div", { class: "font-semibold text-slate-600 dark:text-slate-300" }, " Acciones ", -1)),
-        l("div", z, [
-          m(a.$slots, "item.actions", {
+      e.hasActions ? (i(), o("div", I, [
+        s[3] || (s[3] = l("div", { class: "font-semibold text-slate-600 dark:text-slate-300" }, " Acciones ", -1)),
+        l("div", K, [
+          u(a.$slots, "item.actions", {
             item: e.item,
             index: e.index,
             loading: e.loading
@@ -99,5 +109,5 @@ const $ = { class: "flex items-center justify-between gap-2 mb-2 print:hidden" }
   }
 };
 export {
-  M as default
+  H as default
 };

package/package.json

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