@wikicasa-dev/components 1.2.49 → 1.2.50
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/CheckboxGroup.js
CHANGED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { defineComponent as O, useAttrs as v, reactive as y, computed as n, watch as C, onBeforeMount as g, openBlock as u, createElementBlock as b, normalizeClass as V, renderSlot as B, Fragment as $, renderList as A, createBlock as K, unref as w, createCommentVNode as L } from "vue";
|
|
2
|
+
import { i as R } from "./ObjectUtils.B1Dk4qsM.js";
|
|
3
|
+
import "./js.cookie.BaTT4o7s.js";
|
|
4
|
+
import E from "../CheckboxBtn.js";
|
|
5
|
+
const G = (c = "") => !c || !c.trim() ? "" : (c = c.trim(), c.replace(" ", "-").toLowerCase()), I = ["id", "data-cy"], S = /* @__PURE__ */ O({
|
|
6
|
+
inheritAttrs: !1,
|
|
7
|
+
__name: "CheckboxGroup",
|
|
8
|
+
props: {
|
|
9
|
+
valuesObj: { default() {
|
|
10
|
+
return {};
|
|
11
|
+
} },
|
|
12
|
+
formCheckInline: { type: Boolean, default: !1 },
|
|
13
|
+
customClass: { default: "" },
|
|
14
|
+
reset: { type: Boolean, default: !1 },
|
|
15
|
+
autoCheckResetAll: { type: Boolean, default: !1 },
|
|
16
|
+
autoCheckResetEmpty: { type: Boolean, default: !1 },
|
|
17
|
+
getKey: { default() {
|
|
18
|
+
return (c) => c.id;
|
|
19
|
+
} }
|
|
20
|
+
},
|
|
21
|
+
emits: ["resetted", "update:modelValue", "checkedGroup"],
|
|
22
|
+
setup(c, { emit: f }) {
|
|
23
|
+
const p = v(), t = c, o = f, s = y({
|
|
24
|
+
checkedValuesObj: {}
|
|
25
|
+
}), l = n(() => {
|
|
26
|
+
for (const e in t.valuesObj) {
|
|
27
|
+
const a = t.valuesObj[e];
|
|
28
|
+
if (a.reset)
|
|
29
|
+
return a;
|
|
30
|
+
}
|
|
31
|
+
return null;
|
|
32
|
+
}), m = n(
|
|
33
|
+
() => Object.keys(t.valuesObj).length
|
|
34
|
+
), d = n(
|
|
35
|
+
() => Object.values(s.checkedValuesObj).reduce(
|
|
36
|
+
(e, a) => a.checked ? e + 1 : e,
|
|
37
|
+
0
|
|
38
|
+
)
|
|
39
|
+
);
|
|
40
|
+
C(
|
|
41
|
+
() => t.reset,
|
|
42
|
+
(e) => {
|
|
43
|
+
e && (i(), o("resetted"));
|
|
44
|
+
}
|
|
45
|
+
), g(() => {
|
|
46
|
+
for (const e in t.valuesObj) {
|
|
47
|
+
const a = t.valuesObj[e];
|
|
48
|
+
a.checked = !!a.checked, s.checkedValuesObj[e] = a;
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
const i = () => {
|
|
52
|
+
for (const e in s.checkedValuesObj)
|
|
53
|
+
s.checkedValuesObj[e].checked = !1;
|
|
54
|
+
}, h = (e) => s.checkedValuesObj[t.getKey(e)].checked, k = (e) => {
|
|
55
|
+
if (!(!t.valuesObj || R(t.valuesObj))) {
|
|
56
|
+
if (t.valuesObj[e.id].reset && e.checked ? i() : l.value && !t.valuesObj[e.id].reset && (s.checkedValuesObj[t.getKey(l.value)].checked = !1), s.checkedValuesObj[e.id].checked = !!e.checked, t.autoCheckResetAll && l.value && d.value === m.value - 1)
|
|
57
|
+
for (const a in s.checkedValuesObj)
|
|
58
|
+
s.checkedValuesObj[a].checked = !!s.checkedValuesObj[a].reset;
|
|
59
|
+
t.autoCheckResetEmpty && l.value && !d.value && (s.checkedValuesObj[t.getKey(l.value)].checked = !0), o(
|
|
60
|
+
"update:modelValue",
|
|
61
|
+
Object.values(s.checkedValuesObj).filter(
|
|
62
|
+
(a) => a.checked
|
|
63
|
+
)
|
|
64
|
+
), o("checkedGroup", p["group-id"] || "");
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
return (e, a) => (u(), b("div", {
|
|
68
|
+
id: e.$attrs["group-id"] || "",
|
|
69
|
+
class: V(["checkbox-group-container", e.$attrs.class || ""]),
|
|
70
|
+
"data-cy": e.$attrs["data-cy"] || ""
|
|
71
|
+
}, [
|
|
72
|
+
B(e.$slots, "default", {
|
|
73
|
+
isActive: h,
|
|
74
|
+
handleChange: k,
|
|
75
|
+
checkboxesData: e.valuesObj
|
|
76
|
+
}, () => [
|
|
77
|
+
e.valuesObj ? (u(!0), b($, { key: 0 }, A(e.valuesObj, (r, z, j) => (u(), K(E, {
|
|
78
|
+
id: e.getKey(r),
|
|
79
|
+
key: j,
|
|
80
|
+
"data-cy": `checkbox_${w(G)(`${r.label}`)}`,
|
|
81
|
+
label: r.label,
|
|
82
|
+
inline: e.formCheckInline,
|
|
83
|
+
"wrapper-margin-y": e.$attrs["checkbox-padding-y"],
|
|
84
|
+
"model-value": h(r),
|
|
85
|
+
onChange: k
|
|
86
|
+
}, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : L("", !0)
|
|
87
|
+
])
|
|
88
|
+
], 10, I));
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
export {
|
|
92
|
+
S as _
|
|
93
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
|
|
|
5
5
|
import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.B6RfqbZ9.js";
|
|
6
6
|
import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js";
|
|
7
7
|
import { default as B } from "./CheckboxBtn.js";
|
|
8
|
-
import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.
|
|
8
|
+
import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.nzdoSLPL.js";
|
|
9
9
|
import { default as c } from "./RadioButton.js";
|
|
10
10
|
import { default as b } from "./RadioGroup.js";
|
|
11
11
|
import { _ as A } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.lyHlWiC5.js";
|
package/package.json
CHANGED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { defineComponent as v, useAttrs as y, reactive as C, computed as d, watch as g, onBeforeMount as V, openBlock as u, createElementBlock as k, normalizeClass as B, renderSlot as $, Fragment as A, renderList as K, createBlock as w, unref as L, createCommentVNode as R } from "vue";
|
|
2
|
-
import { i as E } from "./ObjectUtils.B1Dk4qsM.js";
|
|
3
|
-
import "./js.cookie.BaTT4o7s.js";
|
|
4
|
-
import G from "../CheckboxBtn.js";
|
|
5
|
-
const I = (a = "") => !a || !a.trim() ? "" : (a = a.trim(), a.replace(" ", "-").toLowerCase()), z = ["id", "data-cy"], _ = /* @__PURE__ */ v({
|
|
6
|
-
inheritAttrs: !1,
|
|
7
|
-
__name: "CheckboxGroup",
|
|
8
|
-
props: {
|
|
9
|
-
valuesObj: { default() {
|
|
10
|
-
return {};
|
|
11
|
-
} },
|
|
12
|
-
formCheckInline: { type: Boolean, default: !1 },
|
|
13
|
-
customClass: { default: "" },
|
|
14
|
-
reset: { type: Boolean, default: !1 },
|
|
15
|
-
autoCheckResetAll: { type: Boolean, default: !1 },
|
|
16
|
-
autoCheckResetEmpty: { type: Boolean, default: !1 },
|
|
17
|
-
getKey: { default() {
|
|
18
|
-
return (a) => a.id;
|
|
19
|
-
} }
|
|
20
|
-
},
|
|
21
|
-
emits: ["resetted", "update:modelValue", "checkedGroup"],
|
|
22
|
-
setup(a, { emit: b }) {
|
|
23
|
-
const f = y(), t = a, o = b, s = C({
|
|
24
|
-
checkedValuesObj: {}
|
|
25
|
-
}), l = d(() => {
|
|
26
|
-
for (const e in t.valuesObj) {
|
|
27
|
-
const c = t.valuesObj[e];
|
|
28
|
-
if (c.reset)
|
|
29
|
-
return c;
|
|
30
|
-
}
|
|
31
|
-
return null;
|
|
32
|
-
}), p = d(
|
|
33
|
-
() => Object.keys(t.valuesObj).length
|
|
34
|
-
), i = d(
|
|
35
|
-
() => Object.values(s.checkedValuesObj).reduce(
|
|
36
|
-
(e, c) => c.checked ? e + 1 : e,
|
|
37
|
-
0
|
|
38
|
-
)
|
|
39
|
-
);
|
|
40
|
-
g(
|
|
41
|
-
() => t.reset,
|
|
42
|
-
(e) => {
|
|
43
|
-
e && (h(), o("resetted"));
|
|
44
|
-
}
|
|
45
|
-
), V(() => {
|
|
46
|
-
for (const e in t.valuesObj) {
|
|
47
|
-
const c = t.valuesObj[e];
|
|
48
|
-
c.checked = !!c.checked, s.checkedValuesObj[e] = c;
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
const h = () => {
|
|
52
|
-
for (const e in s.checkedValuesObj)
|
|
53
|
-
s.checkedValuesObj[e].checked = !1;
|
|
54
|
-
}, n = (e) => s.checkedValuesObj[t.getKey(e)].checked, m = (e) => {
|
|
55
|
-
s.checkedValuesObj[e.id].checked = !n(e);
|
|
56
|
-
}, j = (e) => {
|
|
57
|
-
if (!(!t.valuesObj || E(t.valuesObj))) {
|
|
58
|
-
if (t.valuesObj[e.id].reset && e.checked ? h() : l.value && !t.valuesObj[e.id].reset && (s.checkedValuesObj[t.getKey(l.value)].checked = !1), s.checkedValuesObj[e.id].checked = !!e.checked, t.autoCheckResetAll && l.value && i.value === p.value - 1)
|
|
59
|
-
for (const c in s.checkedValuesObj)
|
|
60
|
-
s.checkedValuesObj[c].checked = !!s.checkedValuesObj[c].reset;
|
|
61
|
-
t.autoCheckResetEmpty && l.value && !i.value && (s.checkedValuesObj[t.getKey(l.value)].checked = !0), o(
|
|
62
|
-
"update:modelValue",
|
|
63
|
-
Object.values(s.checkedValuesObj).filter(
|
|
64
|
-
(c) => c.checked
|
|
65
|
-
)
|
|
66
|
-
), o("checkedGroup", f["group-id"] || "");
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
return (e, c) => (u(), k("div", {
|
|
70
|
-
id: e.$attrs["group-id"] || "",
|
|
71
|
-
class: B(["checkbox-group-container", e.$attrs.class || ""]),
|
|
72
|
-
"data-cy": e.$attrs["data-cy"] || ""
|
|
73
|
-
}, [
|
|
74
|
-
$(e.$slots, "default", {
|
|
75
|
-
isActive: n,
|
|
76
|
-
handleChange: m,
|
|
77
|
-
checkboxesData: e.valuesObj
|
|
78
|
-
}, () => [
|
|
79
|
-
e.valuesObj ? (u(!0), k(A, { key: 0 }, K(e.valuesObj, (r, D, O) => (u(), w(G, {
|
|
80
|
-
id: e.getKey(r),
|
|
81
|
-
key: O,
|
|
82
|
-
"data-cy": `checkbox_${L(I)(`${r.label}`)}`,
|
|
83
|
-
label: r.label,
|
|
84
|
-
inline: e.formCheckInline,
|
|
85
|
-
"wrapper-margin-y": e.$attrs["checkbox-padding-y"],
|
|
86
|
-
"model-value": n(r),
|
|
87
|
-
onChange: j
|
|
88
|
-
}, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : R("", !0)
|
|
89
|
-
])
|
|
90
|
-
], 10, z));
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
export {
|
|
94
|
-
_
|
|
95
|
-
};
|