@skyservice-developers/vue-dev-kit 1.3.7 → 1.3.9
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/vue2/style.css +1 -1
- package/dist/vue2/vue-dev-kit.cjs +1 -1
- package/dist/vue2/vue-dev-kit.js +3 -3
- package/dist/vue3/style.css +1 -1
- package/dist/vue3/vue-dev-kit.cjs +1 -1
- package/dist/vue3/vue-dev-kit.js +202 -206
- package/package.json +1 -1
- package/src/vue2/components/DialogModal.vue +13 -0
- package/src/vue2/components/DialogNext.vue +10 -0
- package/src/vue2/components/Modal.vue +13 -0
- package/src/vue3/components/DialogModal.vue +13 -2
- package/src/vue3/components/DialogNext.vue +10 -2
- package/src/vue3/components/Modal.vue +13 -0
package/package.json
CHANGED
|
@@ -470,4 +470,17 @@ export default {
|
|
|
470
470
|
.dialog-slide-leave-active {
|
|
471
471
|
animation: sky-dialog-slide-in 0.4s reverse;
|
|
472
472
|
}
|
|
473
|
+
|
|
474
|
+
/* iOS safe area */
|
|
475
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
476
|
+
.sky-dialog-title {
|
|
477
|
+
padding-top: calc(24px + env(safe-area-inset-top));
|
|
478
|
+
}
|
|
479
|
+
.sky-dialog-close {
|
|
480
|
+
margin-top: calc(15px + env(safe-area-inset-top));
|
|
481
|
+
}
|
|
482
|
+
.sky-dialog-paper {
|
|
483
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
484
|
+
}
|
|
485
|
+
}
|
|
473
486
|
</style>
|
|
@@ -439,4 +439,14 @@ export default {
|
|
|
439
439
|
.dialog-slide-leave-active {
|
|
440
440
|
animation: sky-dialog-slide-in 0.4s reverse;
|
|
441
441
|
}
|
|
442
|
+
|
|
443
|
+
/* iOS safe area */
|
|
444
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
445
|
+
.sky-dialog-header {
|
|
446
|
+
padding-top: calc(10px + env(safe-area-inset-top));
|
|
447
|
+
}
|
|
448
|
+
.sky-dialog-paper {
|
|
449
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
450
|
+
}
|
|
451
|
+
}
|
|
442
452
|
</style>
|
|
@@ -262,4 +262,17 @@ export default {
|
|
|
262
262
|
border-radius: var(--sky-modal-radius, 8px);
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
+
|
|
266
|
+
/* iOS safe area */
|
|
267
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
268
|
+
.sky-modal-header {
|
|
269
|
+
padding-top: calc(10px + env(safe-area-inset-top));
|
|
270
|
+
}
|
|
271
|
+
.sky-modal-footer {
|
|
272
|
+
padding-bottom: calc(10px + env(safe-area-inset-bottom));
|
|
273
|
+
}
|
|
274
|
+
.sky-modal-body:last-child {
|
|
275
|
+
padding-bottom: calc(14px + env(safe-area-inset-bottom));
|
|
276
|
+
}
|
|
277
|
+
}
|
|
265
278
|
</style>
|
|
@@ -65,9 +65,7 @@
|
|
|
65
65
|
:class="{ 'sky-dialog-footer-animate': enableAnimation }"
|
|
66
66
|
>
|
|
67
67
|
<!-- Порожні блоки ремонтують відображення на windows в додатку, не видаляти! -->
|
|
68
|
-
<div></div>
|
|
69
68
|
<slot name="buttons"></slot>
|
|
70
|
-
<div></div>
|
|
71
69
|
</div>
|
|
72
70
|
</div>
|
|
73
71
|
</div>
|
|
@@ -492,4 +490,17 @@ onUnmounted(() => {
|
|
|
492
490
|
.dialog-slide-leave-active {
|
|
493
491
|
animation: sky-dialog-slide-in 0.4s reverse;
|
|
494
492
|
}
|
|
493
|
+
|
|
494
|
+
/* iOS safe area */
|
|
495
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
496
|
+
.sky-dialog-title {
|
|
497
|
+
padding-top: calc(24px + env(safe-area-inset-top));
|
|
498
|
+
}
|
|
499
|
+
.sky-dialog-close {
|
|
500
|
+
margin-top: calc(15px + env(safe-area-inset-top));
|
|
501
|
+
}
|
|
502
|
+
.sky-dialog-paper {
|
|
503
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
504
|
+
}
|
|
505
|
+
}
|
|
495
506
|
</style>
|
|
@@ -57,9 +57,7 @@
|
|
|
57
57
|
:class="{ 'sky-dialog-footer-animate': enableAnimation }"
|
|
58
58
|
>
|
|
59
59
|
<!-- Порожні блоки ремонтують відображення на windows в додатку, не видаляти! -->
|
|
60
|
-
<div></div>
|
|
61
60
|
<slot name="buttons"></slot>
|
|
62
|
-
<div></div>
|
|
63
61
|
</div>
|
|
64
62
|
</div>
|
|
65
63
|
</div>
|
|
@@ -492,4 +490,14 @@ onUnmounted(() => {
|
|
|
492
490
|
.dialog-slide-leave-active {
|
|
493
491
|
animation: sky-dialog-slide-in 0.4s reverse;
|
|
494
492
|
}
|
|
493
|
+
|
|
494
|
+
/* iOS safe area */
|
|
495
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
496
|
+
.sky-dialog-header {
|
|
497
|
+
padding-top: calc(10px + env(safe-area-inset-top));
|
|
498
|
+
}
|
|
499
|
+
.sky-dialog-paper {
|
|
500
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
501
|
+
}
|
|
502
|
+
}
|
|
495
503
|
</style>
|
|
@@ -263,4 +263,17 @@ onUnmounted(() => {
|
|
|
263
263
|
border-radius: var(--sky-modal-radius, 8px);
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
+
|
|
267
|
+
/* iOS safe area */
|
|
268
|
+
@supports (padding-top: env(safe-area-inset-top)) {
|
|
269
|
+
.sky-modal-header {
|
|
270
|
+
padding-top: calc(10px + env(safe-area-inset-top));
|
|
271
|
+
}
|
|
272
|
+
.sky-modal-footer {
|
|
273
|
+
padding-bottom: calc(10px + env(safe-area-inset-bottom));
|
|
274
|
+
}
|
|
275
|
+
.sky-modal-body:last-child {
|
|
276
|
+
padding-bottom: calc(14px + env(safe-area-inset-bottom));
|
|
277
|
+
}
|
|
278
|
+
}
|
|
266
279
|
</style>
|