adverich-kun-ui 0.1.379 → 0.1.380

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/KunTextField/src/components/KunTextField.vue.js +57 -56
  2. package/package.json +1 -1
package/dist/components/KunTextField/src/components/KunTextField.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { getCurrentInstance as U, computed as u, useSlots as H, ref as q, createElementBlock as o, openBlock as s, createCommentVNode as r, createElementVNode as c, normalizeClass as i, toDisplayString as a, mergeProps as G, unref as l, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
1
+ import { getCurrentInstance as U, computed as u, useSlots as H, ref as q, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as P, normalizeClass as i, toDisplayString as a, mergeProps as G, unref as l, renderSlot as h, withModifiers as J, createVNode as L } from "vue";
2
2
  import { icons as V } from "../../../../icons/index.js";
3
3
  import Q from "../composables/KunTextFieldProps.js";
4
4
  import W from "../composables/useKunTextFieldComposable.js";
@@ -7,10 +7,10 @@ const Y = {
7
7
  key: 0,
8
8
  class: "mr-2"
9
9
  }, Z = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], _ = ["disabled"], ee = {
10
- key: 3,
10
+ key: 5,
11
11
  class: "flex items-center justify-center min-w-[32px] h-full px-1"
12
12
  }, le = {
13
- key: 5,
13
+ key: 7,
14
14
  class: "ml-2"
15
15
  }, te = {
16
16
  key: 0,
@@ -33,45 +33,45 @@ const Y = {
33
33
  "keyUp"
34
34
  ],
35
35
  setup(j, { expose: D, emit: B }) {
36
- const d = j, p = B, {
37
- inputField: b,
38
- inputValue: f,
39
- rootRef: w,
40
- inputFocused: h,
36
+ const d = j, f = B, {
37
+ inputField: c,
38
+ inputValue: p,
39
+ rootRef: k,
40
+ inputFocused: b,
41
41
  validationError: E,
42
42
  hasError: y,
43
- handleInput: g,
44
- handleBlur: C,
45
- focusInput: I,
43
+ handleInput: w,
44
+ handleBlur: g,
45
+ focusInput: C,
46
46
  validate: K,
47
47
  reset: S,
48
48
  resetValidation: T,
49
- clearInput: $
50
- } = W(d, p);
49
+ clearInput: I
50
+ } = W(d, f);
51
51
  D({
52
52
  validate: K,
53
53
  reset: S,
54
54
  resetValidation: T,
55
- inputField: b,
56
- rootRef: w,
55
+ inputField: c,
56
+ rootRef: k,
57
57
  focus: () => {
58
58
  var e;
59
- return (e = b.value) == null ? void 0 : e.focus();
59
+ return (e = c.value) == null ? void 0 : e.focus();
60
60
  }
61
61
  });
62
- const m = `input-${U().uid}`, N = u(() => h.value || !!f.value || d.dirty), x = H(), O = u(() => !!x["prepend-inner"]), z = u(() => !!x["append-inner"]), v = q(!1), A = u(() => v.value ? V.eyeOffOutline : V.eyeOutline);
62
+ const m = `input-${U().uid}`, N = u(() => b.value || !!p.value || d.dirty), $ = H(), O = u(() => !!$["prepend-inner"]), z = u(() => !!$["append-inner"]), v = q(!1), A = u(() => v.value ? V.eyeOffOutline : V.eyeOutline);
63
63
  function M() {
64
64
  v.value = !v.value;
65
65
  }
66
- const R = u(() => d.type === "password" ? v.value ? "text" : "password" : d.type), F = u(() => d.density === "compact" ? "p-1" : d.density === "comfortable" ? "p-2" : "p-3");
66
+ const R = u(() => d.type === "password" ? v.value ? "text" : "password" : d.type), x = u(() => d.density === "compact" ? "p-1" : d.density === "comfortable" ? "p-2" : "p-3");
67
67
  return (e, t) => {
68
- var P;
69
- return s(), o("div", {
68
+ var F;
69
+ return o(), n("div", {
70
70
  class: "w-full flex flex-col relative",
71
71
  ref_key: "rootRef",
72
- ref: w
72
+ ref: k
73
73
  }, [
74
- e.label ? (s(), o("label", {
74
+ e.label ? (o(), n("label", {
75
75
  key: 0,
76
76
  for: m,
77
77
  class: i([
@@ -80,77 +80,78 @@ const Y = {
80
80
  N.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
81
81
  ])
82
82
  }, a(e.label), 3)) : r("", !0),
83
- c("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
84
- c("div", {
83
+ P("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
84
+ P("div", {
85
85
  class: i(["flex flex-row items-center w-full h-full border", [
86
86
  e.bgInput,
87
87
  e.rounded,
88
- l(h) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
88
+ l(b) ? "border-blue-600 shadow-[0_0_0_1px_rgba(59,130,246,0.5)]" : e.borderColor,
89
89
  e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-text",
90
90
  l(y) ? "bg-red-200 dark:bg-red-900" : ""
91
91
  ]])
92
92
  }, [
93
- e.prefix ? (s(), o("div", Y, a(e.prefix), 1)) : r("", !0),
94
- O.value ? (s(), o("div", {
93
+ e.prefix ? (o(), n("div", Y, a(e.prefix), 1)) : r("", !0),
94
+ O.value ? (o(), n("div", {
95
95
  key: 1,
96
96
  class: i([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
97
97
  }, [
98
- k(e.$slots, "prepend-inner")
98
+ h(e.$slots, "prepend-inner")
99
99
  ], 2)) : r("", !0),
100
- c("input", {
100
+ l(p) ? (o(), n("input", {
101
+ key: 2,
101
102
  ref_key: "inputField",
102
- ref: b,
103
+ ref: c,
103
104
  type: R.value,
104
- value: l(f),
105
+ value: l(p),
105
106
  id: m,
106
107
  placeholder: e.placeholder,
107
108
  disabled: e.disabled,
108
109
  readonly: e.readonly,
109
110
  maxlength: e.maxlength,
110
111
  autocomplete: "off",
111
- class: i(["w-full h-full bg-transparent focus:outline-none", [F.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
112
+ class: i(["w-full h-full bg-transparent focus:outline-none", [x.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
112
113
  "aria-invalid": l(y) ? "true" : "false",
113
114
  "aria-describedby": l(y) ? `error-${m}` : null,
114
- onInput: t[0] || (t[0] = (...n) => l(g) && l(g)(...n)),
115
- onBlur: t[1] || (t[1] = (...n) => l(C) && l(C)(...n)),
116
- onFocus: t[2] || (t[2] = (...n) => l(I) && l(I)(...n)),
117
- onClick: t[3] || (t[3] = J((n) => p("handleClick"), ["stop"])),
118
- onKeydown: t[4] || (t[4] = (n) => p("keyDown", n)),
119
- onKeyup: t[5] || (t[5] = (n) => p("keyUp", n))
120
- }, null, 42, Z),
121
- e.clearable && l(f) ? (s(), o("button", {
122
- key: 2,
115
+ onInput: t[0] || (t[0] = (...s) => l(w) && l(w)(...s)),
116
+ onBlur: t[1] || (t[1] = (...s) => l(g) && l(g)(...s)),
117
+ onFocus: t[2] || (t[2] = (...s) => l(C) && l(C)(...s)),
118
+ onClick: t[3] || (t[3] = J((s) => f("handleClick"), ["stop"])),
119
+ onKeydown: t[4] || (t[4] = (s) => f("keyDown", s)),
120
+ onKeyup: t[5] || (t[5] = (s) => f("keyUp", s))
121
+ }, null, 42, Z)) : (o(), n("div", {
122
+ key: 3,
123
+ class: i(["w-full h-full bg-transparent focus:outline-none flex items-center", [x.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "justify-center" : ""]])
124
+ }, [
125
+ h(e.$slots, "default")
126
+ ], 2)),
127
+ e.clearable && l(p) ? (o(), n("button", {
128
+ key: 4,
123
129
  type: "button",
124
- onClick: t[6] || (t[6] = (...n) => l($) && l($)(...n)),
130
+ onClick: t[6] || (t[6] = (...s) => l(I) && l(I)(...s)),
125
131
  class: i(["ml-2", e.textColor]),
126
132
  disabled: e.disabled || e.readonly
127
133
  }, " × ", 10, _)) : r("", !0),
128
- c("div", {
129
- class: i(["w-full h-full bg-transparent focus:outline-none flex items-center", [F.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "justify-center" : ""]])
130
- }, [
131
- k(e.$slots, "default")
132
- ], 2),
133
- e.type === "password" && e.showPasswordToggle ? (s(), o("div", ee, [
134
+ e.type === "password" && e.showPasswordToggle ? (o(), n("div", ee, [
134
135
  L(X, {
135
136
  icon: A.value,
136
137
  onClick: M
137
138
  }, null, 8, ["icon"])
138
139
  ])) : r("", !0),
139
- z.value ? (s(), o("div", {
140
- key: 4,
140
+ z.value ? (o(), n("div", {
141
+ key: 6,
141
142
  class: i([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
142
143
  }, [
143
- k(e.$slots, "append-inner")
144
+ h(e.$slots, "append-inner")
144
145
  ], 2)) : r("", !0),
145
- e.suffix ? (s(), o("div", le, a(e.suffix), 1)) : r("", !0)
146
+ e.suffix ? (o(), n("div", le, a(e.suffix), 1)) : r("", !0)
146
147
  ], 2),
147
- e.hideDetails ? r("", !0) : (s(), o("div", te, [
148
- l(y) ? (s(), o("div", {
148
+ e.hideDetails ? r("", !0) : (o(), n("div", te, [
149
+ l(y) ? (o(), n("div", {
149
150
  key: 0,
150
151
  id: `error-${m}`,
151
152
  class: "text-red-500 text-sm text-center"
152
- }, a(l(E) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || l(h)) ? (s(), o("div", oe, a(e.hint), 1)) : r("", !0),
153
- e.counter && e.maxlength ? (s(), o("div", se, a(((P = l(f)) == null ? void 0 : P.length) || 0) + " / " + a(e.maxlength), 1)) : r("", !0)
153
+ }, a(l(E) || e.errorMessage), 9, ne)) : e.hint && (e.persistentHint || l(b)) ? (o(), n("div", oe, a(e.hint), 1)) : r("", !0),
154
+ e.counter && e.maxlength ? (o(), n("div", se, a(((F = l(p)) == null ? void 0 : F.length) || 0) + " / " + a(e.maxlength), 1)) : r("", !0)
154
155
  ]))
155
156
  ], 16)
156
157
  ], 512);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adverich-kun-ui",
3
- "version": "0.1.379",
3
+ "version": "0.1.380",
4
4
  "type": "module",
5
5
  "description": "Una librería de componentes Vue.js con Tailwind CSS",
6
6
  "main": "dist/index.js",