@wikicasa-dev/components 2.0.39 → 2.0.40
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/BaseModal.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as E, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, openBlock as p, createBlock as O, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as r, createElementBlock as h, createVNode as D, unref as I, createCommentVNode as w, renderSlot as c, nextTick as K } from "vue";
|
|
2
2
|
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
3
|
-
import { l as
|
|
3
|
+
import { l as N } from "./CloseIcon.DIkr4soH.js";
|
|
4
4
|
import "./PharmacyIcon.56ql_DYl.js";
|
|
5
|
-
import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"),
|
|
5
|
+
import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), V = (o, k) => new Promise((a, t) => {
|
|
6
6
|
setTimeout(() => {
|
|
7
7
|
try {
|
|
8
8
|
o && o(), a();
|
|
9
9
|
} catch {
|
|
10
10
|
t();
|
|
11
11
|
}
|
|
12
|
-
},
|
|
13
|
-
}),
|
|
12
|
+
}, k);
|
|
13
|
+
}), A = ["id", "data-cy"], F = ["innerHTML"], R = /* @__PURE__ */ E({
|
|
14
14
|
__name: "BaseModal",
|
|
15
15
|
props: {
|
|
16
16
|
id: { default: "base-bt-modal" },
|
|
@@ -32,46 +32,48 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
32
32
|
titleClasses: {}
|
|
33
33
|
},
|
|
34
34
|
emits: ["closed", "opened"],
|
|
35
|
-
setup(o, { emit:
|
|
36
|
-
const a =
|
|
35
|
+
setup(o, { emit: k }) {
|
|
36
|
+
const a = k, t = d(!1), f = d(null), u = T("modalDialog"), m = d(!1), n = d(!1), b = ({ key: e }) => {
|
|
37
37
|
e === "Escape" && i();
|
|
38
38
|
}, C = () => {
|
|
39
|
-
document?.body.addEventListener("keydown",
|
|
40
|
-
},
|
|
41
|
-
document?.body.removeEventListener("keydown",
|
|
39
|
+
document?.body.addEventListener("keydown", b);
|
|
40
|
+
}, v = () => {
|
|
41
|
+
document?.body.removeEventListener("keydown", b);
|
|
42
42
|
}, M = async () => {
|
|
43
|
-
t.value = !0,
|
|
43
|
+
t.value = !0, K(() => {
|
|
44
44
|
C(), document?.documentElement.classList.add("uikit-no-scrolling"), g() ? document?.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.add("uikit-no-scrolling");
|
|
45
45
|
}), a("opened"), o.autoClose !== void 0 && setTimeout(() => {
|
|
46
46
|
i();
|
|
47
47
|
}, o.autoClose);
|
|
48
48
|
}, B = (e) => {
|
|
49
|
-
|
|
50
|
-
}, L =
|
|
49
|
+
u.value && u.value.contains(e.target) && (n.value = !0);
|
|
50
|
+
}, L = (e) => {
|
|
51
|
+
u.value && u.value.contains(e.target) && (n.value = !1);
|
|
52
|
+
}, x = async () => {
|
|
51
53
|
if (o.closeOnClickOut) {
|
|
52
|
-
if (
|
|
53
|
-
|
|
54
|
+
if (n.value) {
|
|
55
|
+
n.value = !1;
|
|
54
56
|
return;
|
|
55
57
|
}
|
|
56
58
|
await i();
|
|
57
59
|
}
|
|
58
60
|
}, i = async () => {
|
|
59
|
-
t.value = !1,
|
|
60
|
-
|
|
61
|
+
t.value = !1, v(), document?.documentElement.classList.remove("uikit-no-scrolling"), navigator.userAgent.includes("Windows") ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling"), await V(() => {
|
|
62
|
+
f.value?.classList.add("uikit-hidden"), a("closed");
|
|
61
63
|
}, 250);
|
|
62
64
|
};
|
|
63
|
-
return
|
|
64
|
-
|
|
65
|
-
}),
|
|
65
|
+
return z(() => {
|
|
66
|
+
v(), document?.documentElement.classList.remove("uikit-no-scrolling"), g() ? document?.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px") : document?.body.classList.remove("uikit-no-scrolling");
|
|
67
|
+
}), H(
|
|
66
68
|
() => o.showModal,
|
|
67
69
|
async (e) => {
|
|
68
|
-
!e && !t.value ?
|
|
70
|
+
!e && !t.value ? m.value = !0 : m.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
|
|
69
71
|
},
|
|
70
72
|
{ immediate: !0 }
|
|
71
|
-
), (e,
|
|
73
|
+
), (e, y) => (p(), O($, { to: "body" }, [
|
|
72
74
|
l("div", {
|
|
73
75
|
ref_key: "backdropEl",
|
|
74
|
-
ref:
|
|
76
|
+
ref: f,
|
|
75
77
|
class: s(["bbt-backdrop uikit-fixed uikit-left-0 uikit-top-0 uikit-h-full uikit-w-full", [
|
|
76
78
|
e.customBackdropClasses,
|
|
77
79
|
{
|
|
@@ -79,11 +81,12 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
79
81
|
},
|
|
80
82
|
{ "uikit-bg-transparent": !t.value },
|
|
81
83
|
{ "sm:uikit-pt-[30px]": !e.centered },
|
|
82
|
-
{ hide:
|
|
84
|
+
{ hide: m.value }
|
|
83
85
|
]]),
|
|
84
86
|
style: { "z-index": "1062" },
|
|
85
|
-
onClick:
|
|
86
|
-
onMousedown:
|
|
87
|
+
onClick: x,
|
|
88
|
+
onMousedown: r(B, ["stop"]),
|
|
89
|
+
onMouseup: r(L, ["stop"])
|
|
87
90
|
}, [
|
|
88
91
|
l("dialog", {
|
|
89
92
|
id: e.id,
|
|
@@ -99,47 +102,47 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
99
102
|
`base-${e.size}`,
|
|
100
103
|
e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
|
|
101
104
|
]]),
|
|
102
|
-
onClick:
|
|
105
|
+
onClick: y[0] || (y[0] = r(() => {
|
|
103
106
|
}, ["stop"]))
|
|
104
107
|
}, [
|
|
105
108
|
l("div", {
|
|
106
109
|
class: s(["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]])
|
|
107
110
|
}, [
|
|
108
|
-
e.withCloseIcon ? (
|
|
111
|
+
e.withCloseIcon ? (p(), h("button", {
|
|
109
112
|
key: 0,
|
|
110
113
|
id: "close-icon-btn",
|
|
111
114
|
"data-cy": "bbt-default-close-icon-btn",
|
|
112
115
|
class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
|
|
113
116
|
type: "button",
|
|
114
117
|
"aria-label": "Close",
|
|
115
|
-
onClick:
|
|
118
|
+
onClick: r(i, ["prevent", "stop"])
|
|
116
119
|
}, [
|
|
117
|
-
|
|
120
|
+
D(I(N), {
|
|
118
121
|
class: "bbt-close-icon uikit-box-border uikit-p-5px",
|
|
119
122
|
width: 30,
|
|
120
123
|
height: 30
|
|
121
124
|
})
|
|
122
125
|
], 2)) : w("", !0),
|
|
123
|
-
|
|
126
|
+
c(e.$slots, "header", { closeModal: i }, () => [
|
|
124
127
|
l("span", {
|
|
125
128
|
class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
|
|
126
129
|
innerHTML: e.headerTitle
|
|
127
|
-
}, null, 10,
|
|
130
|
+
}, null, 10, F)
|
|
128
131
|
])
|
|
129
132
|
], 2),
|
|
130
133
|
l("div", {
|
|
131
134
|
class: s(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [e.customModalBodyClasses]])
|
|
132
135
|
}, [
|
|
133
|
-
|
|
136
|
+
c(e.$slots, "body", { closeModal: i })
|
|
134
137
|
], 2),
|
|
135
|
-
e.$slots.footer ? (
|
|
138
|
+
e.$slots.footer ? (p(), h("div", {
|
|
136
139
|
key: 0,
|
|
137
140
|
class: s(["uikit-bbt-footer uikit-sticky uikit-bottom-0 uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", e.customModalFooterClasses])
|
|
138
141
|
}, [
|
|
139
|
-
|
|
142
|
+
c(e.$slots, "footer", { closeModal: i })
|
|
140
143
|
], 2)) : w("", !0),
|
|
141
|
-
|
|
142
|
-
], 10,
|
|
144
|
+
c(e.$slots, "fixed-bottom")
|
|
145
|
+
], 10, A)
|
|
143
146
|
], 34)
|
|
144
147
|
]));
|
|
145
148
|
}
|
package/dist/index.js
CHANGED
|
@@ -27,7 +27,7 @@ import { default as Z } from "./BaseTextarea.js";
|
|
|
27
27
|
import { default as ee } from "./BaseToggle.js";
|
|
28
28
|
import { default as re } from "./BaseTooltip.js";
|
|
29
29
|
import { _ as te } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.2elmVcZt.js";
|
|
30
|
-
import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.
|
|
30
|
+
import { _ as fe } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.TtM_VyuR.js";
|
|
31
31
|
import { default as me } from "./BaseSnackbar.js";
|
|
32
32
|
import { default as le } from "./StaticSpinner.js";
|
|
33
33
|
import { default as de } from "./BaseShimmerLoader.js";
|