@awes-io/ui 2.140.0 → 2.142.0
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/CHANGELOG.md +27 -0
- package/assets/css/components/notification.css +48 -29
- package/assets/js/icons/multicolor.js +29 -29
- package/components/1_atoms/AwAvatar.vue +13 -2
- package/components/4_pages/AwPage.vue +17 -0
- package/components/4_pages/AwPageMenuButtons.vue +39 -1
- package/components/5_layouts/_AwNoty.vue +2 -17
- package/nuxt/pages/more.vue +8 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.142.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.141.0...@awes-io/ui@2.142.0) (2025-11-19)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* change toast style ([c6c1de8](https://github.com/awes-io/client/commit/c6c1de872bef065e11b79679056adeb646400c13))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [2.141.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.140.0...@awes-io/ui@2.141.0) (2025-11-06)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* **aw-avatar:** placeholder image updated ([305c95c](https://github.com/awes-io/client/commit/305c95cd6ca0ed158d6ca6e071f0876221dd47d9))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* change style for notification ([b9a92ea](https://github.com/awes-io/client/commit/b9a92eaf0bdc623fb4e4c3f3a99c7c054a73da94))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
# [2.140.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.139.0...@awes-io/ui@2.140.0) (2025-10-27)
|
|
7
34
|
|
|
8
35
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.aw-noty {
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: flex-start;
|
|
4
|
-
gap:
|
|
4
|
+
gap: 0.5rem;
|
|
5
5
|
|
|
6
|
-
padding: 0.75rem
|
|
6
|
+
padding: 0.75rem 0.75rem;
|
|
7
7
|
border-radius: 0.625rem;
|
|
8
8
|
background: var(--c-notify-bg);
|
|
9
9
|
box-shadow: 0 2px 5px 0 #14171D1A;
|
|
@@ -77,31 +77,6 @@
|
|
|
77
77
|
align-items: center;
|
|
78
78
|
justify-content: center;
|
|
79
79
|
align-self: center;
|
|
80
|
-
|
|
81
|
-
&-circular {
|
|
82
|
-
transform: rotateY(-180deg);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&-circle {
|
|
86
|
-
fill: none;
|
|
87
|
-
stroke: var(--c-notify-close-icon);
|
|
88
|
-
stroke-width: 2;
|
|
89
|
-
stroke-linecap: round;
|
|
90
|
-
animation: countdown var(--noty-animation-duration) linear forwards;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
&-icon {
|
|
94
|
-
position: absolute;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@keyframes countdown {
|
|
99
|
-
from {
|
|
100
|
-
stroke-dashoffset: 0px;
|
|
101
|
-
}
|
|
102
|
-
to {
|
|
103
|
-
stroke-dashoffset: 100px;
|
|
104
|
-
}
|
|
105
80
|
}
|
|
106
81
|
}
|
|
107
82
|
|
|
@@ -123,7 +98,7 @@
|
|
|
123
98
|
&_top {
|
|
124
99
|
top: auto;
|
|
125
100
|
bottom: env(safe-area-inset-bottom, 0px);
|
|
126
|
-
margin-bottom:
|
|
101
|
+
margin-bottom: 1rem !important;
|
|
127
102
|
margin-top: 0;
|
|
128
103
|
|
|
129
104
|
.aw-noty-container__item {
|
|
@@ -172,18 +147,62 @@
|
|
|
172
147
|
}
|
|
173
148
|
}
|
|
174
149
|
|
|
150
|
+
.aw-page-single-noty {
|
|
151
|
+
.aw-noty-container {
|
|
152
|
+
&_top {
|
|
153
|
+
padding-left: 1rem;
|
|
154
|
+
padding-right: 1rem;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.aw-page-noty {
|
|
160
|
+
.aw-noty-container_top {
|
|
161
|
+
margin-bottom: max(calc(var(--page-buttons-bottom, 0px) + var(--page-fixed-buttons-height, 0px)), 1rem) !important;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.aw-more-noty {
|
|
166
|
+
.aw-noty-container_top {
|
|
167
|
+
margin-bottom: 3.5rem !important;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
175
171
|
@screen lg {
|
|
172
|
+
.aw-noty {
|
|
173
|
+
padding: 0.5rem 0.75rem;
|
|
174
|
+
border-radius: 0.5rem;
|
|
175
|
+
|
|
176
|
+
&__title {
|
|
177
|
+
font-size: 0.875rem;
|
|
178
|
+
line-height: 1;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
&__text {
|
|
182
|
+
font-size: 0.875rem;
|
|
183
|
+
line-height: 1;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
176
187
|
.aw-page-single-noty {
|
|
177
188
|
.aw-noty-container {
|
|
178
189
|
&_top {
|
|
179
190
|
margin-top: 3.5rem;
|
|
191
|
+
padding-left: 0.5rem;
|
|
192
|
+
padding-right: 0.5rem;
|
|
180
193
|
}
|
|
181
194
|
}
|
|
182
195
|
}
|
|
183
196
|
|
|
197
|
+
.aw-page-noty, .aw-more-noty {
|
|
198
|
+
.aw-noty-container_top {
|
|
199
|
+
margin-bottom: 0 !important;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
184
203
|
.aw-noty-container {
|
|
185
204
|
width: auto;
|
|
186
|
-
max-width:
|
|
205
|
+
max-width: 23rem;
|
|
187
206
|
|
|
188
207
|
&_top {
|
|
189
208
|
top: env(safe-area-inset-top, 0px);
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
// prettier-ignore
|
|
2
2
|
export default{
|
|
3
3
|
empty: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
width: 91,
|
|
5
|
+
height: 91,
|
|
6
|
+
viewBox: '0 0 91 91',
|
|
7
|
+
content: '<path fill="#7FC876" d="M9 22h72V12H9v10z"/><path fill="#fff" d="M9 21.8h72.2v57.4H9V21.8z" opacity=".1"/><path fill="#0F1012" fill-rule="evenodd" d="M80.2 22.8H10v55.4h70.2V22.8zM9 21.8v57.4h72.2V21.8H9z" clip-rule="evenodd" opacity=".1"/><path fill="#0F1012" d="M23.6 18.8H13a1 1 0 01-1-1.1v-.8c0-.6.4-1 1-1h10.6c.6 0 1 .4 1 1v.8c0 .6-.4 1-1 1zM68.7 27.8H24v1.5h44.7v-1.5zM68.7 32.9H24v1.5h44.7V33zM68.7 37.8H24v1.5h44.7v-1.5zM68.7 42.8H24v1.6h44.7v-1.6zM68.7 48.5H24v1.6h44.7v-1.6zM68.7 53.6H24v1.6h44.7v-1.6zM68.7 58.5H24v1.6h44.7v-1.6zM68.7 63.6H24v1.6h44.7v-1.6z" opacity=".3"/><path fill="#5F9CD4" fill-rule="evenodd" d="M18 30.8h-2.3v-2.4h2.4v2.4zm.8 2H15c-.7 0-1.3-.6-1.3-1.3v-3.8c0-.7.6-1.3 1.3-1.3h3.8c.7 0 1.3.6 1.3 1.3v3.8c0 .7-.6 1.3-1.3 1.3z" clip-rule="evenodd"/><path fill="#5F9CD4" d="M15 52.7h3.8c.7 0 1.3-.6 1.3-1.3v-3.8c0-.7-.6-1.2-1.3-1.2H15c-.7 0-1.3.5-1.3 1.2v3.8c0 .7.6 1.3 1.3 1.3z"/><path fill="#fff" d="M16.7 51l-1.8-1.5a.3.3 0 010-.4c.1-.2.3-.2.5 0l1.2 1 1.8-2h.5v.5L16.7 51z"/><path fill="#5F9CD4" d="M15 42.7h3.8c.7 0 1.3-.5 1.3-1.2v-3.9c0-.7-.6-1.2-1.3-1.2H15c-.7 0-1.3.5-1.3 1.2v3.9c0 .6.6 1.2 1.3 1.2z"/><path fill="#fff" d="M16.7 41l-1.8-1.5a.3.3 0 010-.4c.1-.2.3-.2.5 0l1.2 1 1.8-2h.5v.5L16.7 41z"/><path fill="#5F9CD4" d="M15 62.7h3.8c.7 0 1.3-.6 1.3-1.3v-3.8c0-.7-.6-1.3-1.3-1.3H15c-.7 0-1.3.6-1.3 1.3v3.8c0 .7.6 1.3 1.3 1.3z"/><path fill="#fff" d="M16.7 61l-1.8-1.5a.3.3 0 010-.5h.5l1.2 1 1.8-1.9h.5v.5L16.7 61z"/><path fill="#fff" d="M66.3 65.8A14.5 14.5 0 1046 45.3a14.5 14.5 0 0020.4 20.5z" opacity=".2"/><path fill="#202873" d="M56 70.5a15 15 0 11.1-30 15 15 0 010 30zm0-29a14 14 0 10.1 28 14 14 0 000-28z" opacity=".6"/><path fill="#45A4DC" d="M69.4 66v-.1a16.9 16.9 0 10-3 3l2-2 1-1zM56 70a14.5 14.5 0 110-29 14.5 14.5 0 010 29z"/><path fill="#3DA5E2" d="M56 72.7A17.1 17.1 0 1169.7 66l-3.1 3.1a17 17 0 01-10.4 3.6zm0-33.8a16.7 16.7 0 1010.2 29.9l3-3 .1-.1a16.7 16.7 0 00-13.2-26.8zm0 31.3a14.7 14.7 0 11.1-29.4 14.7 14.7 0 010 29.4zm0-28.9a14.3 14.3 0 10.1 28.5 14.3 14.3 0 000-28.5z"/><path fill="#202873" d="M69 68.6l-.7-.7a.6.6 0 010-1l-2 2c-.2.3-.2.7 0 1l.8.8c.3-.5 1-1.3 1.9-2.1z"/><path fill="#4F66AF" d="M68.3 67c-.2.2-.2.6 0 .9l.7.7a18 18 0 012-2l-.7-.7a.6.6 0 00-.8 0h-.1l-1 1z"/><path fill="#202873" d="M68.3 67c-.2.2-.2.6 0 .9l.7.7a18 18 0 012-2l-.7-.7a.6.6 0 00-.8 0h-.1l-1 1z" opacity=".4"/><path fill="#45A4DC" d="M83.3 78.6l-11.9-12h-.3l-2.1 2-1.9 2v.4l11.8 12a3 3 0 004.4 0 3.2 3.2 0 000-4.4z"/><path fill="#45A4DC" d="M83.3 78.6l-11.9-12c-.1-.2-1.5 1-2.7 2.2-1 1 13.4 15.4 14.6 14.2a3.2 3.2 0 000-4.4z" opacity=".1"/>'
|
|
8
8
|
},
|
|
9
9
|
loader: {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
width: 120,
|
|
11
|
+
height: 30,
|
|
12
|
+
viewBox: '0 0 120 30',
|
|
13
|
+
content: '<circle cx="15" cy="15" r="9"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.9s" values="9;15;9" calcMode="linear" repeatCount="indefinite"/><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.9s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="60" cy="15" r="9" fill-opacity=".3"><animate begin="0.2s" attributeName="r" from="9" to="9" dur="0.9s" values="9;15;9" calcMode="linear" repeatCount="indefinite"/><animate begin="0.2s" attributeName="fill-opacity" from=".5" to=".5" dur="0.9s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"/></circle><circle cx="105" cy="15" r="9"><animate begin="0.4s" attributeName="r" from="15" to="15" dur="0.9s" values="9;15;9" calcMode="linear" repeatCount="indefinite"/><animate begin="0.4s" attributeName="fill-opacity" from="1" to="1" dur="0.9s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"/></circle>'
|
|
14
14
|
},
|
|
15
15
|
spinner: {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
width: 100,
|
|
17
|
+
height: 100,
|
|
18
|
+
viewBox: '0 0 100 100',
|
|
19
|
+
content: '<rect width="22" height="22" x="39" y="5" fill="#7fc876" rx="11" ry="11"><animate attributeName="opacity" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="22" height="22" x="39" y="5" fill="var(--c-mono-100, #14171d)" rx="11" ry="11" transform="rotate(60 50 50)"><animate attributeName="opacity" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="22" height="22" x="39" y="5" fill="#7fc876" rx="11" ry="11" transform="rotate(120 50 50)"><animate attributeName="opacity" begin="-0.5s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="22" height="22" x="39" y="5" fill="var(--c-mono-100, #14171d)" rx="11" ry="11" transform="rotate(180 50 50)"><animate attributeName="opacity" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="22" height="22" x="39" y="5" fill="#7fc876" rx="11" ry="11" transform="rotate(240 50 50)"><animate attributeName="opacity" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect><rect width="22" height="22" x="39" y="5" fill="var(--c-mono-100, #14171d)" rx="11" ry="11" transform="rotate(300 50 50)"><animate attributeName="opacity" begin="0s" dur="1s" keyTimes="0;1" repeatCount="indefinite" values="1;0"/></rect>'
|
|
20
20
|
},
|
|
21
21
|
circle: {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
width: 10,
|
|
23
|
+
height: 10,
|
|
24
|
+
viewBox: '0 0 10 10',
|
|
25
|
+
content: '<path fill="currentColor" fill-opacity=".5" d="M8 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>'
|
|
26
26
|
},
|
|
27
27
|
'error-circle': {
|
|
28
|
-
width:
|
|
29
|
-
height:
|
|
30
|
-
viewBox: '0 0
|
|
31
|
-
content: '<path fill="currentColor" d="
|
|
28
|
+
width: 16,
|
|
29
|
+
height: 16,
|
|
30
|
+
viewBox: '0 0 16 16',
|
|
31
|
+
content: '<path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 10.4a.8.8 0 1 0-.05 1.6.8.8 0 0 0 .05-1.6M8 4a.8.8 0 0 0-.8.7v4.2a.8.8 0 0 0 1.6 0V4.7A.8.8 0 0 0 8 4"/><path fill="#fff" d="M8 10.4a.8.8 0 1 0-.05 1.6.8.8 0 0 0 .05-1.6M8 4a.8.8 0 0 0-.8.7v4.2a.8.8 0 0 0 1.6 0V4.7A.8.8 0 0 0 8 4"/>'
|
|
32
32
|
},
|
|
33
33
|
'info-circle': {
|
|
34
|
-
width:
|
|
35
|
-
height:
|
|
36
|
-
viewBox: '0 0
|
|
37
|
-
content: '<path fill="currentColor" d="
|
|
34
|
+
width: 16,
|
|
35
|
+
height: 16,
|
|
36
|
+
viewBox: '0 0 16 16',
|
|
37
|
+
content: '<path fill="currentColor" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M8 5.6A.8.8 0 1 1 7.95 4 .8.8 0 0 1 8 5.6M8 12a.8.8 0 0 1-.8-.7V7.1a.8.8 0 0 1 1.6 0v4.2a.8.8 0 0 1-.8.7"/><path fill="#fff" d="M8 12a.8.8 0 0 1-.8-.7V7.1a.8.8 0 0 1 1.6 0v4.2a.8.8 0 0 1-.8.7M8 5.6A.8.8 0 1 1 7.95 4 .8.8 0 0 1 8 5.6"/>'
|
|
38
38
|
},
|
|
39
39
|
'check-circle': {
|
|
40
|
-
width:
|
|
41
|
-
height:
|
|
42
|
-
viewBox: '0 0
|
|
43
|
-
content: '<circle cx="
|
|
40
|
+
width: 16,
|
|
41
|
+
height: 16,
|
|
42
|
+
viewBox: '0 0 16 16',
|
|
43
|
+
content: '<circle cx="8" cy="8" r="8" fill="currentColor"/><path fill="#fff" fill-rule="evenodd" d="M11.07 5.47c.3.23.35.65.12.94l-3.08 4a.67.67 0 0 1-.94.12L4.92 8.77a.67.67 0 1 1 .82-1.05l1.72 1.34 2.68-3.47c.22-.29.64-.34.93-.12" clip-rule="evenodd"/>'
|
|
44
44
|
}
|
|
45
|
-
|
|
45
|
+
}
|
|
@@ -49,13 +49,24 @@
|
|
|
49
49
|
<svg
|
|
50
50
|
v-if="(imageError || !src) && type === 'no-img'"
|
|
51
51
|
xmlns="http://www.w3.org/2000/svg"
|
|
52
|
-
|
|
52
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
53
|
+
width="30"
|
|
54
|
+
height="30"
|
|
55
|
+
viewBox="0 0 30 30"
|
|
53
56
|
class="aw-avatar__no-img-icon"
|
|
54
57
|
data-dark="false"
|
|
55
58
|
>
|
|
56
59
|
<path
|
|
57
60
|
:fill="color.background"
|
|
58
|
-
d="
|
|
61
|
+
d="M30 15a15 15 0 1 0-30 0 15 15 0 0 0 30 0"
|
|
62
|
+
/>
|
|
63
|
+
<path
|
|
64
|
+
fill="var(--c-surface, #fff)"
|
|
65
|
+
d="M21.23 9.23c0 3.43-2.8 6.23-6.23 6.23a6.25 6.25 0 0 1-6.23-6.23C8.77 5.8 11.57 3 15 3s6.23 2.8 6.23 6.23"
|
|
66
|
+
/>
|
|
67
|
+
<path
|
|
68
|
+
fill="var(--c-surface, #fff)"
|
|
69
|
+
d="M25.07 19.3q.37.53.63 1.14.12.27-.09.52-.32.56-.73 1.09a12.6 12.6 0 0 1-9.9 4.95 12.3 12.3 0 0 1-10.64-6.04q-.14-.25-.03-.52c.16-.38.38-.79.62-1.14 1.2-1.8 3.09-2.06 5.2-2.35l.16-.02c.28-.06.58.02.8.19A6.6 6.6 0 0 0 15 18.39c1.42 0 2.78-.43 3.92-1.27.22-.17.52-.22.79-.2l.15.03c2.12.29 3.99.54 5.21 2.35"
|
|
59
70
|
/>
|
|
60
71
|
</svg>
|
|
61
72
|
</slot>
|
|
@@ -232,6 +232,14 @@ export default {
|
|
|
232
232
|
}
|
|
233
233
|
},
|
|
234
234
|
|
|
235
|
+
head() {
|
|
236
|
+
return {
|
|
237
|
+
bodyAttrs: {
|
|
238
|
+
class: 'aw-page-noty'
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
},
|
|
242
|
+
|
|
235
243
|
provide() {
|
|
236
244
|
return {
|
|
237
245
|
teleportButtonsTo: '.aw-page'
|
|
@@ -299,9 +307,18 @@ export default {
|
|
|
299
307
|
}
|
|
300
308
|
},
|
|
301
309
|
|
|
310
|
+
mounted() {
|
|
311
|
+
if (!this._hideBottomBar) {
|
|
312
|
+
document.body.style.setProperty('--page-buttons-bottom', '3.5rem')
|
|
313
|
+
} else {
|
|
314
|
+
document.body.style.removeProperty('--page-buttons-bottom')
|
|
315
|
+
}
|
|
316
|
+
},
|
|
317
|
+
|
|
302
318
|
beforeDestory() {
|
|
303
319
|
this.$emit('update:fullscreen', false)
|
|
304
320
|
this.watchFullscreenState(false)
|
|
321
|
+
document.body.style.removeProperty('--page-buttons-bottom')
|
|
305
322
|
},
|
|
306
323
|
|
|
307
324
|
methods: {
|
|
@@ -39,7 +39,9 @@
|
|
|
39
39
|
|
|
40
40
|
<!-- fixed button -->
|
|
41
41
|
<Teleport
|
|
42
|
-
v-if="
|
|
42
|
+
v-if="
|
|
43
|
+
!isExpanded && splitButtons.fixed && splitButtons.fixed.length
|
|
44
|
+
"
|
|
43
45
|
:to="teleportButtonsTo"
|
|
44
46
|
>
|
|
45
47
|
<div class="aw-page-menu-buttons__fixed-btns">
|
|
@@ -174,11 +176,47 @@ export default {
|
|
|
174
176
|
}
|
|
175
177
|
},
|
|
176
178
|
|
|
179
|
+
watch: {
|
|
180
|
+
'splitButtons.fixed': {
|
|
181
|
+
handler() {
|
|
182
|
+
if (!this.isExpanded) {
|
|
183
|
+
this.getFixedButtonsHeight()
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
immediate: true
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
|
|
177
190
|
mounted() {
|
|
178
191
|
this._initScrollListener()
|
|
179
192
|
},
|
|
180
193
|
|
|
194
|
+
beforeDestroy() {
|
|
195
|
+
document.body.style.removeProperty('--page-fixed-buttons-height')
|
|
196
|
+
},
|
|
197
|
+
|
|
181
198
|
methods: {
|
|
199
|
+
getFixedButtonsHeight() {
|
|
200
|
+
const buttons = document.querySelector(
|
|
201
|
+
'.aw-page-menu-buttons__fixed-btns'
|
|
202
|
+
)
|
|
203
|
+
|
|
204
|
+
let buttonsHeight = 0
|
|
205
|
+
|
|
206
|
+
if (buttons) {
|
|
207
|
+
buttonsHeight = buttons.offsetHeight
|
|
208
|
+
} else {
|
|
209
|
+
const oneButtonHeight = 72
|
|
210
|
+
|
|
211
|
+
buttonsHeight = this.splitButtons.fixed.length * oneButtonHeight
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
document.body.style.setProperty(
|
|
215
|
+
'--page-fixed-buttons-height',
|
|
216
|
+
`${buttonsHeight}px`
|
|
217
|
+
)
|
|
218
|
+
},
|
|
219
|
+
|
|
182
220
|
_getVisiblity(show) {
|
|
183
221
|
return isType('Function', show) ? show(this) : defaultTo(true, show)
|
|
184
222
|
},
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
:data-testid="props.testId"
|
|
4
4
|
class="aw-noty"
|
|
5
5
|
:class="`aw-noty--${props.type}`"
|
|
6
|
-
:style="{ '--noty-animation-duration': `${props.duration}ms` }"
|
|
7
6
|
>
|
|
8
7
|
<!-- icon -->
|
|
9
8
|
<Component
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
? props.icon
|
|
19
18
|
: $options.getDefaultIconName(props.type)
|
|
20
19
|
"
|
|
21
|
-
size="
|
|
20
|
+
size="16"
|
|
22
21
|
class="aw-noty__icon"
|
|
23
22
|
:class="`text-${props.type}`"
|
|
24
23
|
/>
|
|
@@ -41,24 +40,10 @@
|
|
|
41
40
|
@click="props.remove"
|
|
42
41
|
class="aw-noty__button"
|
|
43
42
|
>
|
|
44
|
-
<svg
|
|
45
|
-
width="22"
|
|
46
|
-
height="22"
|
|
47
|
-
viewBox="0 0 36 36"
|
|
48
|
-
class="aw-noty__button-circular"
|
|
49
|
-
>
|
|
50
|
-
<path
|
|
51
|
-
class="aw-noty__button-circle"
|
|
52
|
-
:stroke-dasharray="100"
|
|
53
|
-
:stroke-dashoffset="100"
|
|
54
|
-
d="M18 2.0845a 15.9155 15.9155 0 0 1 0 31.831a 15.9155 15.9155 0 0 1 0 -31.831"
|
|
55
|
-
/>
|
|
56
|
-
</svg>
|
|
57
|
-
|
|
58
43
|
<Component
|
|
59
44
|
:is="$options.components.AwIconSystemMono"
|
|
60
45
|
name="close"
|
|
61
|
-
size="
|
|
46
|
+
size="16"
|
|
62
47
|
class="aw-noty__button-icon"
|
|
63
48
|
/>
|
|
64
49
|
</button>
|
package/nuxt/pages/more.vue
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awes-io/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.142.0",
|
|
4
4
|
"description": "User Interface (UI) components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"rollup-plugin-visualizer": "^2.6.0",
|
|
115
115
|
"rollup-plugin-vue": "^5.0.1"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "fee25aeae1180c058df03115e135732f9bd2dd09"
|
|
118
118
|
}
|