@wikicasa-dev/components 2.4.1-alpha.11 → 2.4.1-alpha.13
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/packages/components/lib/UIKit/BaseModal.vue.js +29 -26
- package/package.json +1 -1
- /package/dist/assets/{swiper-controller.css → swiper-autoplay.css} +0 -0
package/dist/Swiper/autoplay.js
CHANGED
package/dist/Swiper/keyboard.js
CHANGED
package/dist/Swiper/thumbs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { CloseIcon as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as A, mergeModels as h, useModel as F, useTemplateRef as y, shallowRef as C, onUnmounted as K, createBlock as N, openBlock as k, Teleport as S, createVNode as w, Transition as V, unref as p, withCtx as P, withDirectives as R, createElementVNode as l, normalizeClass as i, createElementBlock as x, createCommentVNode as g, renderSlot as d, withModifiers as U, vShow as j } from "vue";
|
|
2
|
+
import { CloseIcon as q } from "@wikicasa-dev/svg-icons";
|
|
3
|
+
const G = ["id", "data-cy"], J = ["innerHTML"], X = /* @__PURE__ */ A({
|
|
4
4
|
__name: "BaseModal",
|
|
5
5
|
props: /* @__PURE__ */ h({
|
|
6
6
|
id: { default: "base-bt-modal" },
|
|
@@ -26,7 +26,7 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
26
26
|
}),
|
|
27
27
|
emits: /* @__PURE__ */ h(["closed", "opened", "dialogClick"], ["update:showModal"]),
|
|
28
28
|
setup(e, { emit: M }) {
|
|
29
|
-
const r = M, o =
|
|
29
|
+
const r = M, o = F(e, "showModal"), B = o.value, m = y("backdrop"), a = y("modalDialog"), u = C(!1), c = C(!1), f = ({ key: t }) => {
|
|
30
30
|
t === "Escape" && s();
|
|
31
31
|
}, E = () => {
|
|
32
32
|
document?.body.addEventListener("keydown", f);
|
|
@@ -43,18 +43,20 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
43
43
|
s();
|
|
44
44
|
}, e.autoClose);
|
|
45
45
|
}, z = () => {
|
|
46
|
-
|
|
46
|
+
document?.body.classList.remove(
|
|
47
47
|
"sm:uikit-pr-15px",
|
|
48
48
|
"sm:uikit-mr-0",
|
|
49
49
|
"uikit-overflow-hidden"
|
|
50
|
-
)
|
|
50
|
+
);
|
|
51
|
+
}, T = () => {
|
|
52
|
+
b(), c.value = !1, r("closed");
|
|
51
53
|
}, s = () => {
|
|
52
54
|
o.value = !1;
|
|
53
|
-
}, T = (t) => {
|
|
54
|
-
a.value && a.value.contains(t.target) && (u.value = !0);
|
|
55
55
|
}, $ = (t) => {
|
|
56
|
+
a.value && a.value.contains(t.target) && (u.value = !0);
|
|
57
|
+
}, D = (t) => {
|
|
56
58
|
a.value && a.value.contains(t.target) && (u.value = !1);
|
|
57
|
-
},
|
|
59
|
+
}, H = async (t) => {
|
|
58
60
|
if (!(t.target !== m.value && m.value?.contains(t.target)) && e.closeOnClickOut) {
|
|
59
61
|
if (u.value) {
|
|
60
62
|
u.value = !1;
|
|
@@ -63,27 +65,28 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
63
65
|
s();
|
|
64
66
|
}
|
|
65
67
|
};
|
|
66
|
-
|
|
68
|
+
K(() => {
|
|
67
69
|
b(), document?.body.classList.remove(
|
|
68
70
|
"sm:uikit-pr-15px",
|
|
69
71
|
"sm:uikit-mr-0",
|
|
70
72
|
"uikit-overflow-hidden"
|
|
71
73
|
);
|
|
72
74
|
});
|
|
73
|
-
const
|
|
75
|
+
const O = (t) => {
|
|
74
76
|
a.value === t.target && t.stopPropagation();
|
|
75
77
|
};
|
|
76
|
-
return (t, n) => (k(),
|
|
77
|
-
w(
|
|
78
|
+
return (t, n) => (k(), N(S, { to: "body" }, [
|
|
79
|
+
w(V, {
|
|
78
80
|
appear: p(B),
|
|
79
81
|
name: "modal-transition",
|
|
80
82
|
duration: { enter: 500, leave: 250 },
|
|
81
83
|
onBeforeEnter: I,
|
|
82
84
|
onAfterEnter: L,
|
|
83
|
-
|
|
85
|
+
onLeave: z,
|
|
86
|
+
onAfterLeave: T
|
|
84
87
|
}, {
|
|
85
|
-
default:
|
|
86
|
-
|
|
88
|
+
default: P(() => [
|
|
89
|
+
R(l("div", {
|
|
87
90
|
ref: "backdrop",
|
|
88
91
|
class: i(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-z-50 uikit-h-full uikit-w-full", [
|
|
89
92
|
e.customBackdropClasses,
|
|
@@ -93,9 +96,9 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
93
96
|
{ "uikit-bg-transparent": !o.value },
|
|
94
97
|
{ "sm:uikit-pt-[30px]": !e.centered }
|
|
95
98
|
]]),
|
|
96
|
-
onClick:
|
|
97
|
-
onMousedown:
|
|
98
|
-
onMouseup:
|
|
99
|
+
onClick: H,
|
|
100
|
+
onMousedown: $,
|
|
101
|
+
onMouseup: D
|
|
99
102
|
}, [
|
|
100
103
|
l("dialog", {
|
|
101
104
|
id: e.id,
|
|
@@ -112,7 +115,7 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
112
115
|
]]),
|
|
113
116
|
tabindex: "-1",
|
|
114
117
|
onClick: n[1] || (n[1] = (v) => r("dialogClick", v)),
|
|
115
|
-
onFocusin:
|
|
118
|
+
onFocusin: O
|
|
116
119
|
}, [
|
|
117
120
|
l("div", {
|
|
118
121
|
class: i(["default-header uikit-sticky uikit-top-0 uikit-z-10 uikit-rounded-t uikit-border-0 uikit-bg-white uikit-px-4 uikit-pb-10px uikit-pt-20px sm:uikit-px-6", [e.customModalHeaderClasses]])
|
|
@@ -124,9 +127,9 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
124
127
|
class: i(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent uikit-p-5px", e.closeIconBtnClasses]),
|
|
125
128
|
type: "button",
|
|
126
129
|
"aria-label": "Close",
|
|
127
|
-
onClick: n[0] || (n[0] =
|
|
130
|
+
onClick: n[0] || (n[0] = U((v) => o.value = !1, ["prevent", "stop"]))
|
|
128
131
|
}, [
|
|
129
|
-
w(p(
|
|
132
|
+
w(p(q), {
|
|
130
133
|
class: i(["bbt-close-icon uikit-box-border", e.closeIcon?.classes]),
|
|
131
134
|
width: e.closeIcon?.size || 20,
|
|
132
135
|
height: e.closeIcon?.size || 20
|
|
@@ -136,7 +139,7 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
136
139
|
l("span", {
|
|
137
140
|
class: i(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
|
|
138
141
|
innerHTML: e.headerTitle
|
|
139
|
-
}, null, 10,
|
|
142
|
+
}, null, 10, J)
|
|
140
143
|
])
|
|
141
144
|
], 2),
|
|
142
145
|
l("div", {
|
|
@@ -151,9 +154,9 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
151
154
|
d(t.$slots, "footer", { closeModal: s })
|
|
152
155
|
], 2)) : g("", !0),
|
|
153
156
|
d(t.$slots, "fixed-bottom")
|
|
154
|
-
], 42,
|
|
157
|
+
], 42, G)
|
|
155
158
|
], 34), [
|
|
156
|
-
[
|
|
159
|
+
[j, o.value]
|
|
157
160
|
])
|
|
158
161
|
]),
|
|
159
162
|
_: 3
|
|
@@ -162,5 +165,5 @@ const q = ["id", "data-cy"], G = ["innerHTML"], W = /* @__PURE__ */ O({
|
|
|
162
165
|
}
|
|
163
166
|
});
|
|
164
167
|
export {
|
|
165
|
-
|
|
168
|
+
X as default
|
|
166
169
|
};
|
package/package.json
CHANGED
|
File without changes
|