@awes-io/ui 2.102.2 → 2.106.1
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 +63 -0
- package/assets/css/components/alert.css +15 -8
- package/assets/css/components/modal.css +1 -1
- package/assets/css/components/page.css +2 -2
- package/assets/css/components/switch-field.css +29 -25
- package/assets/css/main.css +1 -0
- package/components/1_atoms/AwSwitcher.vue +5 -4
- package/components/2_molecules/AwAlert.vue +2 -12
- package/components/3_organisms/AwBirthdayPicker.vue +2 -2
- package/components/3_organisms/AwCropper.vue +4 -0
- package/components/3_organisms/AwImageUpload.vue +2 -0
- package/components/3_organisms/AwIslandAvatar.vue +3 -1
- package/components/3_organisms/AwTel.vue +1 -8
- package/components/4_pages/AwPageMenuButtons.vue +0 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,69 @@
|
|
|
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.106.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.106.0...@awes-io/ui@2.106.1) (2024-06-25)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* release fix ([eca0996](https://github.com/awes-io/client/commit/eca0996771eef7d2485f49547a4702412960d149))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [2.106.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.105.0...@awes-io/ui@2.106.0) (2024-06-25)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* release fix ([8e65368](https://github.com/awes-io/client/commit/8e65368607baadd1fb9b18f86050c9715ab059d1))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [2.105.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.104.0...@awes-io/ui@2.105.0) (2024-06-25)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
|
|
33
|
+
* release fix ([7b2983f](https://github.com/awes-io/client/commit/7b2983f7bb52f7a89c826c5be58cd2197531a10d))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
# [2.104.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.103.0...@awes-io/ui@2.104.0) (2024-06-25)
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Features
|
|
43
|
+
|
|
44
|
+
* change style for switcher ([fc3d772](https://github.com/awes-io/client/commit/fc3d772943889dbd28a750ba59006fbe1b13a190))
|
|
45
|
+
* refactoring style for aw alert ([7d16355](https://github.com/awes-io/client/commit/7d1635537803558800ab1741ce997d9a463d7146))
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
# [2.103.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.102.2...@awes-io/ui@2.103.0) (2024-05-22)
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
### Bug Fixes
|
|
55
|
+
|
|
56
|
+
* **aw-cropper:** refresh cropper after modal opened ([6621aab](https://github.com/awes-io/client/commit/6621aab2525a40c8b7e976aa06947033bedabdd8))
|
|
57
|
+
* fix component logic and style ([34acd24](https://github.com/awes-io/client/commit/34acd2404529a5a6fe63e342438996c8877cf080))
|
|
58
|
+
* fix padding bottom in page content ([c975edd](https://github.com/awes-io/client/commit/c975edd37d199ad546ab254714f115405d88e1af))
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
### Features
|
|
62
|
+
|
|
63
|
+
* change padding for content modal with buttons ([b0220f6](https://github.com/awes-io/client/commit/b0220f6f4d6a86f17dfa846d5db761c9c890c9bc))
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
6
69
|
## [2.102.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.102.1...@awes-io/ui@2.102.2) (2024-04-26)
|
|
7
70
|
|
|
8
71
|
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
.aw-alert {
|
|
2
|
-
padding:
|
|
2
|
+
padding: 0.875rem 1.375rem;
|
|
3
3
|
border-radius: 0.625rem;
|
|
4
|
-
|
|
4
|
+
border: 0.125rem dashed var(--aw-alert-color);
|
|
5
5
|
|
|
6
6
|
&__icon {
|
|
7
7
|
margin-right: 0.625rem;
|
|
8
|
+
color: var(--aw-alert-color);
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
.aw-description {
|
|
11
|
-
color: var(--
|
|
12
|
+
color: var(--c-on-surface);
|
|
12
13
|
|
|
13
14
|
a {
|
|
14
|
-
color: var(--
|
|
15
|
+
color: var(--c-on-surface);
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
margin: 0;
|
|
21
22
|
|
|
22
23
|
&-text {
|
|
24
|
+
font-weight: 700;
|
|
23
25
|
margin-top: 0.125rem;
|
|
24
26
|
}
|
|
25
27
|
}
|
|
@@ -28,14 +30,16 @@
|
|
|
28
30
|
display: flex;
|
|
29
31
|
|
|
30
32
|
align-items: center;
|
|
31
|
-
margin-left:
|
|
33
|
+
margin-left: 1.75rem;
|
|
32
34
|
margin-top: 0.5rem;
|
|
33
35
|
|
|
34
36
|
font-size: 0.875rem;
|
|
37
|
+
line-height: 1.125rem;
|
|
38
|
+
font-weight: 700;
|
|
35
39
|
|
|
36
40
|
:where(:is(a, button):not(.aw-button)) {
|
|
37
|
-
--btn-color: var(--aw-alert-
|
|
38
|
-
color: var(--aw-alert-
|
|
41
|
+
--btn-color: var(--aw-alert-color);
|
|
42
|
+
color: var(--aw-alert-color);
|
|
39
43
|
}
|
|
40
44
|
|
|
41
45
|
:where(:is(a, button):not(.aw-button)) {
|
|
@@ -44,6 +48,9 @@
|
|
|
44
48
|
|
|
45
49
|
a,
|
|
46
50
|
button {
|
|
51
|
+
font-size: 0.875rem;
|
|
52
|
+
line-height: 1.125rem;
|
|
53
|
+
font-weight: 700;
|
|
47
54
|
white-space: nowrap;
|
|
48
55
|
}
|
|
49
56
|
}
|
|
@@ -55,7 +62,7 @@
|
|
|
55
62
|
}
|
|
56
63
|
|
|
57
64
|
&--color-default {
|
|
58
|
-
border:
|
|
65
|
+
border: 0.125rem dashed var(--c-mono-800);
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
68
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
&__content {
|
|
20
20
|
padding-top: calc(1.5rem - var(--header-padding-bottom));
|
|
21
|
-
padding-bottom: calc(5rem + var(--page-buttons-bottom, 0px));
|
|
21
|
+
padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px) + var(--page-buttons-bottom, 0px));
|
|
22
22
|
flex-grow: 1;
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
&__back {
|
|
54
54
|
margin-right: 1rem;
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
|
|
57
57
|
&__mobile-title,
|
|
58
58
|
&__top-scroll-mark {
|
|
59
59
|
display: none;
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
color: var(--c-overlay, '#000');
|
|
127
127
|
/* background-color: currentColor; */
|
|
128
128
|
border-radius: 50%;
|
|
129
|
-
box-shadow:
|
|
129
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
|
130
130
|
transition: 120ms transform, 120ms background-color;
|
|
131
131
|
z-index: 1;
|
|
132
132
|
padding: 4px;
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
@apply bg-mono-800;
|
|
146
146
|
|
|
147
147
|
.aw-switch-field__switch-circle {
|
|
148
|
-
|
|
148
|
+
background-color: var(--c-on-overlay, '#fff');
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
.aw-switch-field__switch-icon {
|
|
@@ -196,76 +196,80 @@
|
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
.aw-switch-field__switch {
|
|
199
|
-
width:
|
|
200
|
-
height:
|
|
199
|
+
width: 28px;
|
|
200
|
+
height: 16px;
|
|
201
201
|
|
|
202
202
|
&-circle {
|
|
203
|
-
width:
|
|
204
|
-
height:
|
|
203
|
+
width: 12px;
|
|
204
|
+
height: 12px;
|
|
205
205
|
margin: 2px;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
.aw-switch-field__label {
|
|
210
|
-
padding-top: 0
|
|
210
|
+
padding-top: 0;
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
|
|
214
214
|
&--md {
|
|
215
215
|
.aw-switch-field__element:checked ~ .aw-switch-field__switch {
|
|
216
216
|
.aw-switch-field__switch-circle {
|
|
217
|
-
transform: translateX(
|
|
217
|
+
transform: translateX(108%);
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.aw-switch-field__switch {
|
|
222
|
-
width:
|
|
223
|
-
height:
|
|
222
|
+
width: 37px;
|
|
223
|
+
height: 20px;
|
|
224
224
|
|
|
225
225
|
&-circle {
|
|
226
|
-
width:
|
|
227
|
-
height:
|
|
228
|
-
margin:
|
|
226
|
+
width: 16px;
|
|
227
|
+
height: 16px;
|
|
228
|
+
margin: 2px;
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
&-icon--on {
|
|
232
|
-
left:
|
|
232
|
+
left: 5px;
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
&-icon--off {
|
|
236
|
-
right:
|
|
236
|
+
right: 5px;
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
|
+
|
|
240
|
+
.aw-switch-field__label {
|
|
241
|
+
padding-top: 1px;
|
|
242
|
+
}
|
|
239
243
|
}
|
|
240
244
|
|
|
241
245
|
&--lg {
|
|
242
246
|
.aw-switch-field__element:checked ~ .aw-switch-field__switch {
|
|
243
247
|
.aw-switch-field__switch-circle {
|
|
244
|
-
transform: translateX(
|
|
248
|
+
transform: translateX(100%);
|
|
245
249
|
}
|
|
246
250
|
}
|
|
247
251
|
|
|
248
252
|
.aw-switch-field__switch {
|
|
249
|
-
width:
|
|
250
|
-
height:
|
|
253
|
+
width: 60px;
|
|
254
|
+
height: 32px;
|
|
251
255
|
|
|
252
256
|
&-circle {
|
|
253
257
|
width: 28px;
|
|
254
258
|
height: 28px;
|
|
255
|
-
margin:
|
|
259
|
+
margin: 2px;
|
|
256
260
|
}
|
|
257
261
|
|
|
258
262
|
&-icon--on {
|
|
259
|
-
left:
|
|
263
|
+
left: 4px;
|
|
260
264
|
}
|
|
261
265
|
|
|
262
266
|
&-icon--off {
|
|
263
|
-
right:
|
|
267
|
+
right: 4px;
|
|
264
268
|
}
|
|
265
269
|
}
|
|
266
270
|
|
|
267
271
|
.aw-switch-field__label {
|
|
268
|
-
padding-top: 0.
|
|
272
|
+
padding-top: 0.5rem;
|
|
269
273
|
}
|
|
270
274
|
}
|
|
271
275
|
|
|
@@ -273,9 +277,9 @@
|
|
|
273
277
|
* Label styles
|
|
274
278
|
*/
|
|
275
279
|
&__label {
|
|
276
|
-
padding-top: 0.
|
|
277
|
-
font-size:
|
|
278
|
-
line-height: 1.
|
|
280
|
+
padding-top: 0.3125rem;
|
|
281
|
+
font-size: 1rem;
|
|
282
|
+
line-height: 1.5rem;
|
|
279
283
|
}
|
|
280
284
|
|
|
281
285
|
&__element + &__label {
|
package/assets/css/main.css
CHANGED
|
@@ -147,11 +147,11 @@ export default {
|
|
|
147
147
|
},
|
|
148
148
|
|
|
149
149
|
_onIcon() {
|
|
150
|
-
return this.icon
|
|
150
|
+
return this.icon
|
|
151
151
|
},
|
|
152
152
|
|
|
153
153
|
_offIcon() {
|
|
154
|
-
return this.icon
|
|
154
|
+
return this.icon
|
|
155
155
|
},
|
|
156
156
|
|
|
157
157
|
onSystemIcon() {
|
|
@@ -163,7 +163,7 @@ export default {
|
|
|
163
163
|
},
|
|
164
164
|
|
|
165
165
|
iconSize() {
|
|
166
|
-
return this.size === 'lg' ?
|
|
166
|
+
return this.size === 'lg' ? 22 : 12
|
|
167
167
|
},
|
|
168
168
|
|
|
169
169
|
_color() {
|
|
@@ -192,7 +192,8 @@ export default {
|
|
|
192
192
|
_onPointerDown($event) {
|
|
193
193
|
// const hasTooltip = !!this.errorText /* blocks switcher */
|
|
194
194
|
|
|
195
|
-
if (this.startPos !== null || this.isDisabled /* || hasTooltip */)
|
|
195
|
+
if (this.startPos !== null || this.isDisabled /* || hasTooltip */)
|
|
196
|
+
return
|
|
196
197
|
|
|
197
198
|
this.startPos = $event.screenX
|
|
198
199
|
this.isTouch = $event.type === 'touchstart'
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</template>
|
|
31
31
|
|
|
32
32
|
<script>
|
|
33
|
-
import {
|
|
33
|
+
import { toOnColor } from '@AwUtils/styles'
|
|
34
34
|
|
|
35
35
|
export default {
|
|
36
36
|
name: 'AwAlert',
|
|
@@ -46,11 +46,6 @@ export default {
|
|
|
46
46
|
default: 'default'
|
|
47
47
|
},
|
|
48
48
|
|
|
49
|
-
onColor: {
|
|
50
|
-
type: String,
|
|
51
|
-
default: ''
|
|
52
|
-
},
|
|
53
|
-
|
|
54
49
|
iconColor: {
|
|
55
50
|
type: String,
|
|
56
51
|
default: ''
|
|
@@ -73,12 +68,7 @@ export default {
|
|
|
73
68
|
|
|
74
69
|
styleVariables() {
|
|
75
70
|
return {
|
|
76
|
-
'--aw-alert-
|
|
77
|
-
? toColor(this.color)
|
|
78
|
-
: null,
|
|
79
|
-
'--aw-alert-on-color': this.onColor
|
|
80
|
-
? toColor(this.onColor)
|
|
81
|
-
: this.isCustomColor
|
|
71
|
+
'--aw-alert-color': this.isCustomColor
|
|
82
72
|
? toOnColor(this.color)
|
|
83
73
|
: null
|
|
84
74
|
}
|
|
@@ -354,9 +354,9 @@ export default {
|
|
|
354
354
|
// check range
|
|
355
355
|
switch (key) {
|
|
356
356
|
case 'day':
|
|
357
|
-
return numVal
|
|
357
|
+
return numVal >= 1 && numVal <= this.maxDay
|
|
358
358
|
case 'month':
|
|
359
|
-
return numVal
|
|
359
|
+
return numVal >= 1 && numVal <= 12
|
|
360
360
|
case 'year':
|
|
361
361
|
return true
|
|
362
362
|
default:
|
|
@@ -148,11 +148,13 @@
|
|
|
148
148
|
:param="null"
|
|
149
149
|
:title="$t('Upload avatar')"
|
|
150
150
|
theme="fullscreen"
|
|
151
|
+
@opened="$refs.cropper.refresh()"
|
|
151
152
|
>
|
|
152
153
|
<AwCropper
|
|
154
|
+
ref="cropper"
|
|
153
155
|
:src="uploadedAvatar"
|
|
154
|
-
@save="saveAvatar"
|
|
155
156
|
:square="squareAvatar"
|
|
157
|
+
@save="saveAvatar"
|
|
156
158
|
/>
|
|
157
159
|
</AwModal>
|
|
158
160
|
</template>
|
|
@@ -313,14 +313,7 @@ export default {
|
|
|
313
313
|
|
|
314
314
|
pos = Math.min(pos, max)
|
|
315
315
|
|
|
316
|
-
while (
|
|
317
|
-
newValue[pos - 1] !== digit &&
|
|
318
|
-
pos < firstDashIndex
|
|
319
|
-
) {
|
|
320
|
-
pos++
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
while (isTyping && newValue[pos - 1] === ' ' && pos < max) {
|
|
316
|
+
while (newValue[pos - 1] !== digit && pos < max) {
|
|
324
317
|
pos++
|
|
325
318
|
}
|
|
326
319
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awes-io/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.106.1",
|
|
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": "37e9edadeb142a2751d8f33dc11a215397fc8382"
|
|
118
118
|
}
|