@wikicasa-dev/components 2.2.9-alpha.50 → 2.2.9-alpha.52
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.
- package/dist/Swiper/autoplay.js +1 -1
- package/dist/Swiper/controller.js +1 -1
- package/dist/Swiper/keyboard.js +1 -1
- package/dist/Swiper/thumbs.js +1 -1
- package/dist/UIKit/BaseInput.js +1 -1
- package/dist/assets/BaseInput.css +1 -1
- package/dist/packages/components/lib/UIKit/BaseInput.vue.js +34 -34
- package/package.json +3 -3
- /package/dist/assets/{swiper-autoplay.css → swiper-keyboard.css} +0 -0
package/dist/Swiper/autoplay.js
CHANGED
package/dist/Swiper/keyboard.js
CHANGED
package/dist/Swiper/thumbs.js
CHANGED
package/dist/UIKit/BaseInput.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "../packages/components/lib/UIKit/BaseInput.vue.js";
|
|
2
2
|
import '../assets/BaseInput.css';/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-wrapper[data-v-
|
|
1
|
+
.input-wrapper[data-v-9dab04c5]{--icon-default-size: 44px}.invalid-bg[data-v-9dab04c5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9dab04c5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9dab04c5],.valid-bg[data-v-9dab04c5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-9dab04c5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-9dab04c5]>label.inline-label{left:var(--icon-default-size)}[data-v-9dab04c5] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-9dab04c5] .text-input-icon.left{left:5px}[data-v-9dab04c5] .text-input-icon.right{right:5px}[data-v-9dab04c5] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-9dab04c5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-9dab04c5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-9dab04c5]{left:4px;font-style:italic}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as A, mergeModels as C, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as G, createCommentVNode as x, withKeys as J, withModifiers as Q, Fragment as T, renderList as B } from "vue";
|
|
2
2
|
import W from "../../../../UIKit/BaseFloatingLabel.js";
|
|
3
3
|
import { useFloatingLabel as X } from "../../../../composables/useFloatingLabel.js";
|
|
4
4
|
const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "under-label uikit-absolute uikit-text-12"
|
|
7
|
-
}, ne = /* @__PURE__ */
|
|
7
|
+
}, ne = /* @__PURE__ */ A({
|
|
8
8
|
inheritAttrs: !1,
|
|
9
9
|
__name: "BaseInput",
|
|
10
|
-
props: /* @__PURE__ */
|
|
10
|
+
props: /* @__PURE__ */ C({
|
|
11
11
|
id: {},
|
|
12
12
|
inputClass: {},
|
|
13
13
|
labelText: { default: "" },
|
|
@@ -27,42 +27,42 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
27
27
|
modelValue: { default: "" },
|
|
28
28
|
modelModifiers: {}
|
|
29
29
|
}),
|
|
30
|
-
emits: /* @__PURE__ */
|
|
31
|
-
setup(e, { expose:
|
|
32
|
-
const o =
|
|
30
|
+
emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
|
|
31
|
+
setup(e, { expose: M, emit: E }) {
|
|
32
|
+
const o = N(e, "modelValue"), a = m(""), k = E, {
|
|
33
33
|
labelState: s,
|
|
34
|
-
handleFocusIn:
|
|
35
|
-
handleFocusOut:
|
|
36
|
-
setInlineLabel:
|
|
37
|
-
setFloatingLabel:
|
|
38
|
-
} = X(k),
|
|
34
|
+
handleFocusIn: H,
|
|
35
|
+
handleFocusOut: $,
|
|
36
|
+
setInlineLabel: I,
|
|
37
|
+
setFloatingLabel: V
|
|
38
|
+
} = X(k), R = O(), f = j(() => e.id || R), n = m("text"), b = m({}), c = m(null), P = () => {
|
|
39
39
|
e.feedback && (b.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (b.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (b.value.invalid = [e.feedback.invalid]));
|
|
40
|
-
},
|
|
40
|
+
}, L = (t, i) => {
|
|
41
41
|
if (!e.formatter || !e.formatter.formatFn)
|
|
42
42
|
return a.value = t, "";
|
|
43
43
|
const l = t.length ? e.formatter.formatFn(t) : t;
|
|
44
44
|
return i && (i.value = l), a.value = l, l;
|
|
45
|
-
},
|
|
45
|
+
}, F = (t, i = !0) => {
|
|
46
46
|
if (i && (!e.formatter || !e.formatter.unFormatFn))
|
|
47
47
|
return o.value = t, t;
|
|
48
48
|
if (!i || !e.formatter || !e.formatter.unFormatFn) return;
|
|
49
49
|
const l = e.formatter.unFormatFn(t);
|
|
50
50
|
return o.value = l ?? "", l;
|
|
51
|
-
},
|
|
52
|
-
const i = t, l =
|
|
53
|
-
|
|
51
|
+
}, q = ({ target: t }) => {
|
|
52
|
+
const i = t, l = F(i.value);
|
|
53
|
+
L(
|
|
54
54
|
`${l}`,
|
|
55
55
|
l === o.value ? i : void 0
|
|
56
56
|
);
|
|
57
|
+
}, K = () => {
|
|
58
|
+
o.value = "", I();
|
|
57
59
|
}, S = () => {
|
|
58
|
-
o.value = "", V();
|
|
59
|
-
}, z = () => {
|
|
60
60
|
n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
|
|
61
61
|
};
|
|
62
62
|
y(
|
|
63
63
|
() => e.feedback,
|
|
64
64
|
() => {
|
|
65
|
-
|
|
65
|
+
P();
|
|
66
66
|
},
|
|
67
67
|
{
|
|
68
68
|
immediate: !0
|
|
@@ -70,10 +70,10 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
70
70
|
), y(
|
|
71
71
|
o,
|
|
72
72
|
(t) => {
|
|
73
|
-
|
|
73
|
+
L(
|
|
74
74
|
`${t}`,
|
|
75
|
-
|
|
76
|
-
), a.value != null && a.value.length > 0 && s.value !== "floating-label" ?
|
|
75
|
+
F(`${t}`, !1) === t ? c.value : void 0
|
|
76
|
+
), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== c.value && I();
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
immediate: !0
|
|
@@ -81,11 +81,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
81
81
|
), y(
|
|
82
82
|
() => e.keepFloatingLabel,
|
|
83
83
|
(t) => {
|
|
84
|
-
t ?
|
|
84
|
+
t ? V() : $(o.value);
|
|
85
85
|
}
|
|
86
86
|
);
|
|
87
|
-
const
|
|
88
|
-
return n.value =
|
|
87
|
+
const z = D();
|
|
88
|
+
return n.value = z.type || "text", M({
|
|
89
89
|
select: () => {
|
|
90
90
|
c.value?.select();
|
|
91
91
|
}
|
|
@@ -105,8 +105,8 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
105
105
|
}, [
|
|
106
106
|
h(t.$slots, "leftIcon", {}, void 0, !0),
|
|
107
107
|
h(t.$slots, "righticon", {
|
|
108
|
-
handleClean:
|
|
109
|
-
handleShowPasswd:
|
|
108
|
+
handleClean: K,
|
|
109
|
+
handleShowPasswd: S,
|
|
110
110
|
curType: n.value
|
|
111
111
|
}, void 0, !0),
|
|
112
112
|
g("input", {
|
|
@@ -141,11 +141,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
141
141
|
placeholder: t.$attrs.placeholder,
|
|
142
142
|
value: a.value,
|
|
143
143
|
onClick: i[0] || (i[0] = (l) => k("click", l)),
|
|
144
|
-
onFocusin: i[1] || (i[1] =
|
|
145
|
-
onFocusout: i[2] || (i[2] =
|
|
146
|
-
onInput:
|
|
144
|
+
onFocusin: i[1] || (i[1] = () => e.labelText && d(H)()),
|
|
145
|
+
onFocusout: i[2] || (i[2] = (l) => e.labelText && !e.keepFloatingLabel && d($)(a.value)),
|
|
146
|
+
onInput: Q(q, ["stop"]),
|
|
147
147
|
onKeydown: [
|
|
148
|
-
i[3] || (i[3] =
|
|
148
|
+
i[3] || (i[3] = J(() => k("keydownEnterPressed"), ["enter"])),
|
|
149
149
|
i[4] || (i[4] = (l) => k("keydown", l))
|
|
150
150
|
],
|
|
151
151
|
onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
|
|
@@ -176,7 +176,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
176
176
|
}, null, 10, U)
|
|
177
177
|
])
|
|
178
178
|
], 2),
|
|
179
|
-
e.labelText ? (u(),
|
|
179
|
+
e.labelText ? (u(), G(W, {
|
|
180
180
|
key: 0,
|
|
181
181
|
for: f.value,
|
|
182
182
|
"label-text": e.labelText,
|
|
@@ -191,11 +191,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
191
191
|
"label-text-classes": e.labelTextClasses
|
|
192
192
|
}, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
|
|
193
193
|
h(t.$slots, "feedback", {}, () => [
|
|
194
|
-
e.isValid === !1 ? (u(!0), r(
|
|
194
|
+
e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(b.value.invalid, (l, w) => (u(), r("div", {
|
|
195
195
|
key: `${f.value}_invalid_${w}`,
|
|
196
196
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
|
|
197
197
|
innerHTML: l
|
|
198
|
-
}, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(
|
|
198
|
+
}, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(b.value.valid, (l, w) => (u(), r("div", {
|
|
199
199
|
key: `${f.value}_valid_${w}`,
|
|
200
200
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
|
|
201
201
|
innerHTML: l
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.2.9-alpha.
|
|
3
|
+
"version": "2.2.9-alpha.52",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"vue": "^3.5.0",
|
|
46
46
|
"date-fns": "^4.0.0",
|
|
47
47
|
"@wikicasa-dev/svg-icons": "^1.2.28-alpha.1",
|
|
48
|
-
"@wikicasa-dev/vue-composables": "0.0.33-alpha.
|
|
48
|
+
"@wikicasa-dev/vue-composables": "0.0.33-alpha.4",
|
|
49
49
|
"@wikicasa-dev/types": "^2.4.0",
|
|
50
50
|
"@wikicasa-dev/utilities": "^1.2.0"
|
|
51
51
|
},
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@vue/eslint-config-prettier": "^10.2.0",
|
|
66
66
|
"@vue/eslint-config-typescript": "^14.6.0",
|
|
67
67
|
"@wikicasa-dev/svg-icons": "1.2.28-alpha.1",
|
|
68
|
-
"@wikicasa-dev/vue-composables": "0.0.33-alpha.
|
|
68
|
+
"@wikicasa-dev/vue-composables": "0.0.33-alpha.4",
|
|
69
69
|
"@wikicasa-dev/tailwind-plugins": "^0.0.3",
|
|
70
70
|
"@wikicasa-dev/types": "2.4.6",
|
|
71
71
|
"@wikicasa-dev/utilities": "1.2.0",
|
|
File without changes
|