@bagelink/vue 0.0.147 → 0.0.155
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/components/Modal.vue.d.ts.map +1 -1
- package/dist/index.cjs +101 -98
- package/dist/index.mjs +102 -99
- package/dist/style.css +2 -2
- package/package.json +2 -2
- package/src/components/Modal.vue +8 -2
- package/src/components/ModalForm.vue +1 -1
package/dist/style.css
CHANGED
|
@@ -749,11 +749,11 @@
|
|
|
749
749
|
border-radius: var(--btn-border-radius);
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
.modal-title[data-v-
|
|
752
|
+
.modal-title[data-v-1799b7d0] {
|
|
753
753
|
margin-top: 0.5rem;
|
|
754
754
|
}
|
|
755
755
|
@media screen and (max-width: 910px) {
|
|
756
|
-
.modal-title[data-v-
|
|
756
|
+
.modal-title[data-v-1799b7d0] {
|
|
757
757
|
margin-top: 1rem;
|
|
758
758
|
}
|
|
759
759
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bagelink/vue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.155",
|
|
5
5
|
"description": "Bagel core sdk packages",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Neveh Allon",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"./vite.config.ts"
|
|
52
52
|
],
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"vue": "^3.3.
|
|
54
|
+
"vue": "^3.3.10"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@vue-macros/reactivity-transform": "^0.4.0"
|
package/src/components/Modal.vue
CHANGED
|
@@ -11,6 +11,12 @@
|
|
|
11
11
|
>
|
|
12
12
|
<header class="tool-bar">
|
|
13
13
|
<slot name="toolbar" />
|
|
14
|
+
<Btn
|
|
15
|
+
:style="{ float: side ? 'left' : 'right' }"
|
|
16
|
+
flat
|
|
17
|
+
icon="close"
|
|
18
|
+
@click="closeModal"
|
|
19
|
+
/>
|
|
14
20
|
</header>
|
|
15
21
|
<h3 class="modal-title">
|
|
16
22
|
{{ title }}
|
|
@@ -35,7 +41,7 @@ import { onMounted, onUnmounted } from 'vue';
|
|
|
35
41
|
import { type BtnOptions, Btn, useEscape } from '@bagelink/vue';
|
|
36
42
|
import '../styles/modal.css';
|
|
37
43
|
|
|
38
|
-
defineProps<{
|
|
44
|
+
const props = defineProps<{
|
|
39
45
|
side?: boolean;
|
|
40
46
|
title?: string;
|
|
41
47
|
dismissable?: boolean;
|
|
@@ -53,7 +59,7 @@ const closeModal = () => {
|
|
|
53
59
|
}, 200);
|
|
54
60
|
};
|
|
55
61
|
|
|
56
|
-
const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
|
|
62
|
+
const escapeKeyClose = (e: KeyboardEvent) => props?.dismissable && useEscape(e, () => closeModal());
|
|
57
63
|
|
|
58
64
|
onMounted(() => {
|
|
59
65
|
setTimeout(() => {
|
|
@@ -90,7 +90,7 @@ const runDelete = () => {
|
|
|
90
90
|
closeModal();
|
|
91
91
|
};
|
|
92
92
|
|
|
93
|
-
const escapeKeyClose = (e: KeyboardEvent) => useEscape(e, () => closeModal());
|
|
93
|
+
const escapeKeyClose = (e: KeyboardEvent) => props?.dismissable && useEscape(e, () => closeModal());
|
|
94
94
|
|
|
95
95
|
onMounted(() => {
|
|
96
96
|
setTimeout(() => {
|