@anweb/nuxt-ancore 1.16.8 → 1.16.10
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/module.json
CHANGED
|
@@ -50,11 +50,6 @@ const config = computed(() => {
|
|
|
50
50
|
const canSwipe = computed(() => Scroll.arrivedState.top && !config.value.fullscreen);
|
|
51
51
|
onMounted(() => {
|
|
52
52
|
target.value = refDialog.value?.$el || null;
|
|
53
|
-
if (!config.value.fullscreen) {
|
|
54
|
-
onClickOutside(refDialog, () => Dialogs.close(props.dialog), {
|
|
55
|
-
ignore: [".an-dialog"]
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
53
|
Swipe = useSwipe(target, {
|
|
59
54
|
onSwipeStart,
|
|
60
55
|
onSwipe,
|
|
@@ -73,9 +68,7 @@ onMounted(() => {
|
|
|
73
68
|
aria-modal="true"
|
|
74
69
|
class="an-dialog -flex -flex__column"
|
|
75
70
|
:class="[{ '-fullscreen': config.fullscreen }, config.class]"
|
|
76
|
-
@
|
|
77
|
-
@click.self="mouseDownOnBackdrop && !config.fullscreen && Dialogs.close(props.dialog);
|
|
78
|
-
mouseDownOnBackdrop = false"
|
|
71
|
+
@click.self="!config.fullscreen && Dialogs.close(props.dialog)"
|
|
79
72
|
>
|
|
80
73
|
<component
|
|
81
74
|
ref="refDialog"
|
|
@@ -89,5 +82,5 @@ onMounted(() => {
|
|
|
89
82
|
</template>
|
|
90
83
|
|
|
91
84
|
<style scoped>
|
|
92
|
-
.an-dialog{--an-dialogs-background:inherit;--an-dialogs-close:inherit;--an-dialogs-backdrop-filter:inherit;box-sizing:border-box;height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}.an-dialog:not(.-fullscreen){align-items:center;backdrop-filter:var(--an-dialogs-backdrop-filter,blur(6px));-webkit-backdrop-filter:var(--an-dialogs-backdrop-filter,blur(6px));background:var(--an-dialogs-background,rgba(0,0,0,.3));display:flex;justify-content:center}@media (width < 768px){.an-dialog:not(.-fullscreen) .an-dialog__component{margin-top:auto;max-height:calc(100vh - 48px);position:relative;width:100%}.an-dialog:not(.-fullscreen) .an-dialog__component:before{background:var(--an-dialogs-close,rgba(0,0,0,.5));border-radius:100px;content:"";display:block;height:4px;margin:10px auto;width:50px}}@media (width >= 768px){.an-dialog:not(.-fullscreen) .an-dialog__component{margin:auto}}.an-dialog.-fullscreen .an-dialog__component{height:100%;width:100%}.an-dialog__component{box-sizing:border-box;overflow-y:scroll;position:relative;-ms-overflow-style:none;scrollbar-width:none}
|
|
85
|
+
.an-dialog{--an-dialogs-background:inherit;--an-dialogs-close:inherit;--an-dialogs-backdrop-filter:inherit;box-sizing:border-box;height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}.an-dialog:not(.-fullscreen){align-items:center;backdrop-filter:var(--an-dialogs-backdrop-filter,blur(6px));-webkit-backdrop-filter:var(--an-dialogs-backdrop-filter,blur(6px));background:var(--an-dialogs-background,rgba(0,0,0,.3));display:flex;justify-content:center}@media (width < 768px){.an-dialog:not(.-fullscreen) .an-dialog__component{margin-top:auto;max-height:calc(100vh - 48px);position:relative;width:100%}.an-dialog:not(.-fullscreen) .an-dialog__component:before{background:var(--an-dialogs-close,rgba(0,0,0,.5));border-radius:100px;content:"";display:block;height:4px;margin:10px auto;width:50px}}@media (width >= 768px){.an-dialog:not(.-fullscreen) .an-dialog__component{margin:auto}}.an-dialog.-fullscreen .an-dialog__component{height:100%;width:100%}.an-dialog__component{box-sizing:border-box;overflow-y:scroll;overscroll-behavior:contain;position:relative;-ms-overflow-style:none;scrollbar-width:none}
|
|
93
86
|
</style>
|
|
@@ -31,27 +31,27 @@ defineExpose({ toggle, close });
|
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
<template>
|
|
34
|
-
<div ref="refTarget" class="an-dropdown__button" v-bind="$attrs">
|
|
35
|
-
<div
|
|
36
|
-
:aria-expanded="state"
|
|
37
|
-
:aria-controls="menuId"
|
|
38
|
-
aria-haspopup="true"
|
|
39
|
-
>
|
|
40
|
-
<slot name="button" :toggle="toggle" />
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
<teleport to="body" :disabled="!isMounted">
|
|
44
|
-
<div
|
|
45
|
-
v-show="state"
|
|
46
|
-
ref="refMenu"
|
|
47
|
-
:id="menuId"
|
|
48
|
-
role="menu"
|
|
49
|
-
class="an-dropdown__menu"
|
|
50
|
-
>
|
|
51
|
-
<slot name="menu" :close="close" />
|
|
52
|
-
</div>
|
|
53
|
-
</teleport>
|
|
54
|
-
</div>
|
|
34
|
+
<div ref="refTarget" class="an-dropdown__button" v-bind="$attrs">
|
|
35
|
+
<div
|
|
36
|
+
:aria-expanded="state"
|
|
37
|
+
:aria-controls="menuId"
|
|
38
|
+
aria-haspopup="true"
|
|
39
|
+
>
|
|
40
|
+
<slot name="button" :toggle="toggle" />
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<teleport to="body" :disabled="!isMounted">
|
|
44
|
+
<div
|
|
45
|
+
v-show="state"
|
|
46
|
+
ref="refMenu"
|
|
47
|
+
:id="menuId"
|
|
48
|
+
role="menu"
|
|
49
|
+
class="an-dropdown__menu"
|
|
50
|
+
>
|
|
51
|
+
<slot name="menu" :close="close" />
|
|
52
|
+
</div>
|
|
53
|
+
</teleport>
|
|
54
|
+
</div>
|
|
55
55
|
</template>
|
|
56
56
|
|
|
57
57
|
<style scoped>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@anweb/nuxt-ancore",
|
|
3
|
-
"version": "1.16.
|
|
3
|
+
"version": "1.16.10",
|
|
4
4
|
"description": "AnCore Nuxt module",
|
|
5
5
|
"repository": "https://github.com/ANLTD/ancore",
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,4 +48,4 @@
|
|
|
48
48
|
"nuxt": "^4.4.2",
|
|
49
49
|
"typescript": "~5.9.3"
|
|
50
50
|
}
|
|
51
|
-
}
|
|
51
|
+
}
|