adverich-kun-ui 0.1.379 → 0.1.381

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 +65 -69
  2. package/package.json +1 -1
package/dist/components/KunTextField/src/components/KunTextField.vue.js CHANGED
@@ -1,5 +1,5 @@
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";
2
- import { icons as V } from "../../../../icons/index.js";
1
+ import { getCurrentInstance as U, computed as d, useSlots as H, ref as q, createElementBlock as n, openBlock as o, createCommentVNode as r, createElementVNode as h, normalizeClass as u, toDisplayString as i, mergeProps as G, unref as t, renderSlot as k, withModifiers as J, createVNode as L } from "vue";
2
+ import { icons as P } from "../../../../icons/index.js";
3
3
  import Q from "../composables/KunTextFieldProps.js";
4
4
  import W from "../composables/useKunTextFieldComposable.js";
5
5
  import X from "../../../KunIcon/src/components/KunIcon.vue.js";
@@ -9,16 +9,16 @@ const Y = {
9
9
  }, Z = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "aria-invalid", "aria-describedby"], _ = ["disabled"], ee = {
10
10
  key: 3,
11
11
  class: "flex items-center justify-center min-w-[32px] h-full px-1"
12
- }, le = {
12
+ }, te = {
13
13
  key: 5,
14
14
  class: "ml-2"
15
- }, te = {
15
+ }, le = {
16
16
  key: 0,
17
17
  class: "h-[1.25rem]"
18
- }, ne = ["id"], oe = {
18
+ }, se = ["id"], ne = {
19
19
  key: 1,
20
20
  class: "text-xs text-center"
21
- }, se = {
21
+ }, oe = {
22
22
  key: 2,
23
23
  class: "text-xs text-right"
24
24
  }, pe = {
@@ -32,125 +32,121 @@ const Y = {
32
32
  "keyDown",
33
33
  "keyUp"
34
34
  ],
35
- setup(j, { expose: D, emit: B }) {
36
- const d = j, p = B, {
37
- inputField: b,
35
+ setup(V, { expose: D, emit: j }) {
36
+ const a = V, p = j, {
37
+ inputField: c,
38
38
  inputValue: f,
39
39
  rootRef: w,
40
- inputFocused: h,
41
- validationError: E,
40
+ inputFocused: b,
41
+ validationError: B,
42
42
  hasError: y,
43
43
  handleInput: g,
44
44
  handleBlur: C,
45
45
  focusInput: I,
46
- validate: K,
47
- reset: S,
48
- resetValidation: T,
46
+ validate: E,
47
+ reset: K,
48
+ resetValidation: S,
49
49
  clearInput: $
50
- } = W(d, p);
50
+ } = W(a, p);
51
51
  D({
52
- validate: K,
53
- reset: S,
54
- resetValidation: T,
55
- inputField: b,
52
+ validate: E,
53
+ reset: K,
54
+ resetValidation: S,
55
+ inputField: c,
56
56
  rootRef: w,
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);
63
- function M() {
62
+ const m = `input-${U().uid}`, T = d(() => b.value || !!f.value || a.dirty), x = H(), N = d(() => !!x["prepend-inner"]), O = d(() => !!x["append-inner"]), v = q(!1), z = d(() => v.value ? P.eyeOffOutline : P.eyeOutline);
63
+ function A() {
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");
67
- return (e, t) => {
68
- var P;
69
- return s(), o("div", {
66
+ const M = d(() => a.type === "password" ? v.value ? "text" : "password" : a.type), R = d(() => a.density === "compact" ? "p-1" : a.density === "comfortable" ? "p-2" : "p-3");
67
+ return (e, l) => {
68
+ var F;
69
+ return o(), n("div", {
70
70
  class: "w-full flex flex-col relative",
71
71
  ref_key: "rootRef",
72
72
  ref: w
73
73
  }, [
74
- e.label ? (s(), o("label", {
74
+ e.label ? (o(), n("label", {
75
75
  key: 0,
76
76
  for: m,
77
- class: i([
77
+ class: u([
78
78
  e.labelColor,
79
79
  "absolute left-2 transition-all duration-200 ease-in-out pointer-events-none select-none z-10",
80
- N.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
80
+ T.value || e.placeholder ? "-top-2.25 text-xs opacity-80" : "top-3 text-sm opacity-80"
81
81
  ])
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", {
85
- class: i(["flex flex-row items-center w-full h-full border", [
82
+ }, i(e.label), 3)) : r("", !0),
83
+ h("div", G({ class: "w-full flex flex-col justify-center relative" }, e.$attrs), [
84
+ h("div", {
85
+ class: u(["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
+ t(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
- l(y) ? "bg-red-200 dark:bg-red-900" : ""
90
+ t(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, i(e.prefix), 1)) : r("", !0),
94
+ N.value ? (o(), n("div", {
95
95
  key: 1,
96
- class: i([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
96
+ class: u([e.prependInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
97
97
  }, [
98
98
  k(e.$slots, "prepend-inner")
99
99
  ], 2)) : r("", !0),
100
- c("input", {
100
+ h("input", {
101
101
  ref_key: "inputField",
102
- ref: b,
103
- type: R.value,
104
- value: l(f),
102
+ ref: c,
103
+ type: M.value,
104
+ value: t(f),
105
105
  id: m,
106
106
  placeholder: e.placeholder,
107
107
  disabled: e.disabled,
108
108
  readonly: e.readonly,
109
109
  maxlength: e.maxlength,
110
110
  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
- "aria-invalid": l(y) ? "true" : "false",
113
- "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))
111
+ class: u(["w-full h-full bg-transparent focus:outline-none", [R.value, e.textColor, e.placeholderColor, e.rounded, e.textCenter ? "text-center" : ""]]),
112
+ "aria-invalid": t(y) ? "true" : "false",
113
+ "aria-describedby": t(y) ? `error-${m}` : null,
114
+ onInput: l[0] || (l[0] = (...s) => t(g) && t(g)(...s)),
115
+ onBlur: l[1] || (l[1] = (...s) => t(C) && t(C)(...s)),
116
+ onFocus: l[2] || (l[2] = (...s) => t(I) && t(I)(...s)),
117
+ onClick: l[3] || (l[3] = J((s) => p("handleClick"), ["stop"])),
118
+ onKeydown: l[4] || (l[4] = (s) => p("keyDown", s)),
119
+ onKeyup: l[5] || (l[5] = (s) => p("keyUp", s))
120
120
  }, null, 42, Z),
121
- e.clearable && l(f) ? (s(), o("button", {
121
+ e.clearable && t(f) ? (o(), n("button", {
122
122
  key: 2,
123
123
  type: "button",
124
- onClick: t[6] || (t[6] = (...n) => l($) && l($)(...n)),
125
- class: i(["ml-2", e.textColor]),
124
+ onClick: l[6] || (l[6] = (...s) => t($) && t($)(...s)),
125
+ class: u(["ml-2", e.textColor]),
126
126
  disabled: e.disabled || e.readonly
127
127
  }, " × ", 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, [
128
+ k(e.$slots, "default"),
129
+ e.type === "password" && e.showPasswordToggle ? (o(), n("div", ee, [
134
130
  L(X, {
135
- icon: A.value,
136
- onClick: M
131
+ icon: z.value,
132
+ onClick: A
137
133
  }, null, 8, ["icon"])
138
134
  ])) : r("", !0),
139
- z.value ? (s(), o("div", {
135
+ O.value ? (o(), n("div", {
140
136
  key: 4,
141
- class: i([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
137
+ class: u([e.appendInnerClass, "flex items-center justify-center min-w-[32px] h-full px-1"])
142
138
  }, [
143
139
  k(e.$slots, "append-inner")
144
140
  ], 2)) : r("", !0),
145
- e.suffix ? (s(), o("div", le, a(e.suffix), 1)) : r("", !0)
141
+ e.suffix ? (o(), n("div", te, i(e.suffix), 1)) : r("", !0)
146
142
  ], 2),
147
- e.hideDetails ? r("", !0) : (s(), o("div", te, [
148
- l(y) ? (s(), o("div", {
143
+ e.hideDetails ? r("", !0) : (o(), n("div", le, [
144
+ t(y) ? (o(), n("div", {
149
145
  key: 0,
150
146
  id: `error-${m}`,
151
147
  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)
148
+ }, i(t(B) || e.errorMessage), 9, se)) : e.hint && (e.persistentHint || t(b)) ? (o(), n("div", ne, i(e.hint), 1)) : r("", !0),
149
+ e.counter && e.maxlength ? (o(), n("div", oe, i(((F = t(f)) == null ? void 0 : F.length) || 0) + " / " + i(e.maxlength), 1)) : r("", !0)
154
150
  ]))
155
151
  ], 16)
156
152
  ], 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.381",
4
4
  "type": "module",
5
5
  "description": "Una librería de componentes Vue.js con Tailwind CSS",
6
6
  "main": "dist/index.js",