@wikicasa-dev/components 2.0.40 → 2.0.41
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,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as E, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, openBlock as
|
|
1
|
+
import { defineComponent as E, ref as d, useTemplateRef as T, onUnmounted as z, watch as H, openBlock as m, createBlock as O, Teleport as $, createElementVNode as l, normalizeClass as s, withModifiers as y, createElementBlock as h, createVNode as D, unref as I, createCommentVNode as w, renderSlot as r, nextTick as K } from "vue";
|
|
2
2
|
import "./types-B0dZ7OiV.D29wNgoj.js";
|
|
3
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"), V = (o,
|
|
5
|
+
import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("Windows"), V = (o, c) => new Promise((a, t) => {
|
|
6
6
|
setTimeout(() => {
|
|
7
7
|
try {
|
|
8
8
|
o && o(), a();
|
|
9
9
|
} catch {
|
|
10
10
|
t();
|
|
11
11
|
}
|
|
12
|
-
},
|
|
12
|
+
}, c);
|
|
13
13
|
}), A = ["id", "data-cy"], F = ["innerHTML"], R = /* @__PURE__ */ E({
|
|
14
14
|
__name: "BaseModal",
|
|
15
15
|
props: {
|
|
@@ -32,13 +32,13 @@ 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: c }) {
|
|
36
|
+
const a = c, t = d(!1), f = d(null), u = T("modalDialog"), k = d(!1), n = d(!1), p = ({ 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", p);
|
|
40
|
+
}, b = () => {
|
|
41
|
+
document?.body.removeEventListener("keydown", p);
|
|
42
42
|
}, M = async () => {
|
|
43
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");
|
|
@@ -58,19 +58,19 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
58
58
|
await i();
|
|
59
59
|
}
|
|
60
60
|
}, i = async () => {
|
|
61
|
-
t.value = !1,
|
|
61
|
+
t.value = !1, b(), 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
62
|
f.value?.classList.add("uikit-hidden"), a("closed");
|
|
63
63
|
}, 250);
|
|
64
64
|
};
|
|
65
65
|
return z(() => {
|
|
66
|
-
|
|
66
|
+
b(), 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
67
|
}), H(
|
|
68
68
|
() => o.showModal,
|
|
69
69
|
async (e) => {
|
|
70
|
-
!e && !t.value ?
|
|
70
|
+
!e && !t.value ? k.value = !0 : k.value = !1, e && !t.value && await M(), !e && t.value && await i(), t.value = e;
|
|
71
71
|
},
|
|
72
72
|
{ immediate: !0 }
|
|
73
|
-
), (e,
|
|
73
|
+
), (e, v) => (m(), O($, { to: "body" }, [
|
|
74
74
|
l("div", {
|
|
75
75
|
ref_key: "backdropEl",
|
|
76
76
|
ref: f,
|
|
@@ -81,12 +81,12 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
81
81
|
},
|
|
82
82
|
{ "uikit-bg-transparent": !t.value },
|
|
83
83
|
{ "sm:uikit-pt-[30px]": !e.centered },
|
|
84
|
-
{ hide:
|
|
84
|
+
{ hide: k.value }
|
|
85
85
|
]]),
|
|
86
86
|
style: { "z-index": "1062" },
|
|
87
87
|
onClick: x,
|
|
88
|
-
onMousedown:
|
|
89
|
-
onMouseup:
|
|
88
|
+
onMousedown: B,
|
|
89
|
+
onMouseup: L
|
|
90
90
|
}, [
|
|
91
91
|
l("dialog", {
|
|
92
92
|
id: e.id,
|
|
@@ -102,20 +102,20 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
102
102
|
`base-${e.size}`,
|
|
103
103
|
e.fullHeight ? "uikit-h-[95%]" : "uikit-h-auto"
|
|
104
104
|
]]),
|
|
105
|
-
onClick:
|
|
105
|
+
onClick: v[0] || (v[0] = y(() => {
|
|
106
106
|
}, ["stop"]))
|
|
107
107
|
}, [
|
|
108
108
|
l("div", {
|
|
109
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]])
|
|
110
110
|
}, [
|
|
111
|
-
e.withCloseIcon ? (
|
|
111
|
+
e.withCloseIcon ? (m(), h("button", {
|
|
112
112
|
key: 0,
|
|
113
113
|
id: "close-icon-btn",
|
|
114
114
|
"data-cy": "bbt-default-close-icon-btn",
|
|
115
115
|
class: s(["uikit-absolute uikit-right-15px uikit-top-15px uikit-z-10 uikit-bg-transparent", e.closeIconBtnClasses]),
|
|
116
116
|
type: "button",
|
|
117
117
|
"aria-label": "Close",
|
|
118
|
-
onClick:
|
|
118
|
+
onClick: y(i, ["prevent", "stop"])
|
|
119
119
|
}, [
|
|
120
120
|
D(I(N), {
|
|
121
121
|
class: "bbt-close-icon uikit-box-border uikit-p-5px",
|
|
@@ -123,7 +123,7 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
123
123
|
height: 30
|
|
124
124
|
})
|
|
125
125
|
], 2)) : w("", !0),
|
|
126
|
-
|
|
126
|
+
r(e.$slots, "header", { closeModal: i }, () => [
|
|
127
127
|
l("span", {
|
|
128
128
|
class: s(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", e.titleClasses]),
|
|
129
129
|
innerHTML: e.headerTitle
|
|
@@ -133,15 +133,15 @@ import '../assets/BaseModal.css';const g = () => navigator?.userAgent.includes("
|
|
|
133
133
|
l("div", {
|
|
134
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]])
|
|
135
135
|
}, [
|
|
136
|
-
|
|
136
|
+
r(e.$slots, "body", { closeModal: i })
|
|
137
137
|
], 2),
|
|
138
|
-
e.$slots.footer ? (
|
|
138
|
+
e.$slots.footer ? (m(), h("div", {
|
|
139
139
|
key: 0,
|
|
140
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])
|
|
141
141
|
}, [
|
|
142
|
-
|
|
142
|
+
r(e.$slots, "footer", { closeModal: i })
|
|
143
143
|
], 2)) : w("", !0),
|
|
144
|
-
|
|
144
|
+
r(e.$slots, "fixed-bottom")
|
|
145
145
|
], 10, A)
|
|
146
146
|
], 34)
|
|
147
147
|
]));
|
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.Bn6P4cIx.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";
|