adverich-kun-ui 0.1.222 → 0.1.223
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.
|
@@ -10,7 +10,7 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
10
10
|
class: "mr-2"
|
|
11
11
|
}, O = {
|
|
12
12
|
key: 2,
|
|
13
|
-
class: "flex items-center justify-center
|
|
13
|
+
class: "flex items-center justify-center h-full px-1"
|
|
14
14
|
}, Q = ["value", "placeholder", "readonly", "disabled", "maxlength", "aria-invalid"], R = ["disabled"], T = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "flex items-center h-full"
|
|
@@ -19,7 +19,7 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
19
19
|
class: "flex flex-col items-center justify-center border-l border-slate-600"
|
|
20
20
|
}, Y = ["disabled"], Z = ["disabled"], _ = {
|
|
21
21
|
key: 5,
|
|
22
|
-
class: "flex items-center justify-center
|
|
22
|
+
class: "flex items-center justify-center h-full px-1"
|
|
23
23
|
}, ee = {
|
|
24
24
|
key: 6,
|
|
25
25
|
class: "h-full"
|
|
@@ -39,8 +39,8 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
39
39
|
__name: "KunNumberField",
|
|
40
40
|
props: P,
|
|
41
41
|
emits: ["update:modelValue"],
|
|
42
|
-
setup(I, { emit:
|
|
43
|
-
const
|
|
42
|
+
setup(I, { emit: V }) {
|
|
43
|
+
const j = I, A = V, b = `number-input-${K().uid}`, y = D(), F = !!y["prepend-icon"], x = !!y["append-icon"], {
|
|
44
44
|
inputValue: c,
|
|
45
45
|
numberInput: B,
|
|
46
46
|
inputKey: M,
|
|
@@ -52,7 +52,7 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
52
52
|
handleFocus: h,
|
|
53
53
|
isActive: S,
|
|
54
54
|
handleBlur: m
|
|
55
|
-
} = H(
|
|
55
|
+
} = H(j, A);
|
|
56
56
|
return (e, s) => (o(), l("div", L, [
|
|
57
57
|
e.label ? (o(), l("label", {
|
|
58
58
|
key: 0,
|
|
@@ -82,7 +82,7 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
82
82
|
}, "−", 8, G)
|
|
83
83
|
])) : n("", !0),
|
|
84
84
|
e.prefix ? (o(), l("div", J, u(e.prefix), 1)) : n("", !0),
|
|
85
|
-
e.prependIcon ||
|
|
85
|
+
e.prependIcon || F ? (o(), l("div", O, [
|
|
86
86
|
e.prependIcon ? (o(), v(C, {
|
|
87
87
|
key: 0,
|
|
88
88
|
icon: e.prependIcon
|
|
@@ -100,7 +100,7 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
100
100
|
disabled: e.disabled,
|
|
101
101
|
maxlength: e.maxlength,
|
|
102
102
|
autocomplete: "off",
|
|
103
|
-
class: p(["w-full h-full bg-transparent rounded focus:outline-none p-3", [e.textColor, e.placeholderColor, e.textCenter ? "text-center" : ""]]),
|
|
103
|
+
class: p(["w-full h-full bg-transparent rounded focus:outline-none p-3", [e.inputClass, e.textColor, e.placeholderColor, e.textCenter ? "text-center" : ""]]),
|
|
104
104
|
"aria-invalid": e.error ? "true" : "false",
|
|
105
105
|
onInput: s[1] || (s[1] = (r) => t(N)(r.target.value)),
|
|
106
106
|
onFocus: s[2] || (s[2] = (...r) => t(h) && t(h)(...r)),
|
|
@@ -151,8 +151,11 @@ const L = { class: "w-full flex flex-col relative" }, q = {
|
|
|
151
151
|
])
|
|
152
152
|
])) : n("", !0)
|
|
153
153
|
], 64)),
|
|
154
|
-
e.appendIcon ||
|
|
155
|
-
e.appendIcon ? (o(), v(C, {
|
|
154
|
+
e.appendIcon || x ? (o(), l("div", _, [
|
|
155
|
+
e.appendIcon ? (o(), v(C, {
|
|
156
|
+
key: 0,
|
|
157
|
+
icon: e.appendIcon
|
|
158
|
+
}, null, 8, ["icon"])) : g(e.$slots, "append-icon", { key: 1 })
|
|
156
159
|
])) : n("", !0),
|
|
157
160
|
!e.noArrows && e.controlVariant === "split" ? (o(), l("div", ee, [
|
|
158
161
|
i("button", {
|
|
@@ -11,6 +11,7 @@ const e = {
|
|
|
11
11
|
prependIcon: String,
|
|
12
12
|
appendIcon: String,
|
|
13
13
|
// Estilo y diseño
|
|
14
|
+
inputClass: { type: String, default: "" },
|
|
14
15
|
rounded: { type: String, default: "rounded" },
|
|
15
16
|
borderColor: { type: String, default: "border-gray-300 dark:border-gray-700" },
|
|
16
17
|
textColor: { type: String, default: "text-black dark:text-white" },
|