@awes-io/ui 2.56.3 → 2.56.7
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
CHANGED
|
@@ -3,6 +3,50 @@
|
|
|
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.56.7](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.6...@awes-io/ui@2.56.7) (2022-07-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **aw-select-fake-input:** styles fixed ([7a1a984](https://github.com/awes-io/client/commit/7a1a9846873a37c725b48286cc3120a2b2b8dbb4))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [2.56.6](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.5...@awes-io/ui@2.56.6) (2022-07-20)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* updated yarn ([d51cfd8](https://github.com/awes-io/client/commit/d51cfd8835d872dbdcf950f108abcf57e86bef24))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [2.56.5](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.4...@awes-io/ui@2.56.5) (2022-07-20)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Bug Fixes
|
|
32
|
+
|
|
33
|
+
* **aw-select-object:** ios focus lags fixed ([f0cc05d](https://github.com/awes-io/client/commit/f0cc05db37f69cd9d39bb58443060f49854116c7))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
## [2.56.4](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.3...@awes-io/ui@2.56.4) (2022-07-18)
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
* added full logo into config ([b15b3a8](https://github.com/awes-io/client/commit/b15b3a8fd52e4f1ed401ea28bdfcd5e269ca3152))
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
6
50
|
## [2.56.3](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.2...@awes-io/ui@2.56.3) (2022-07-18)
|
|
7
51
|
|
|
8
52
|
|
|
@@ -230,6 +230,7 @@ $modal-aside-width-large: 75vw;
|
|
|
230
230
|
flex-direction: column;
|
|
231
231
|
margin-right: 0;
|
|
232
232
|
overflow: auto;
|
|
233
|
+
max-height: var(--viewport-height, 100vh);
|
|
233
234
|
}
|
|
234
235
|
|
|
235
236
|
&[class*='is-overlay-aside'] &__body {
|
|
@@ -439,7 +440,7 @@ $modal-t-dur: 250ms;
|
|
|
439
440
|
transform: none;
|
|
440
441
|
|
|
441
442
|
.aw-modal__dialog {
|
|
442
|
-
transform: translateX(
|
|
443
|
+
transform: translateX(80%);
|
|
443
444
|
}
|
|
444
445
|
}
|
|
445
446
|
|
|
@@ -25,7 +25,45 @@
|
|
|
25
25
|
<slot name="prefix" />
|
|
26
26
|
|
|
27
27
|
<slot name="toggler" v-bind="_inputSlot">
|
|
28
|
+
<AwSelectFakeInput
|
|
29
|
+
v-if="isMobile"
|
|
30
|
+
ref="input"
|
|
31
|
+
:value="inputValue"
|
|
32
|
+
:label="label"
|
|
33
|
+
:placeholder="_placeholder"
|
|
34
|
+
:clearable="clearable && !_isEmpty"
|
|
35
|
+
:is-opened="isOpened"
|
|
36
|
+
caret
|
|
37
|
+
:class="{
|
|
38
|
+
'is-filled': searchable && isOpened,
|
|
39
|
+
'not-searchable': !searchable
|
|
40
|
+
}"
|
|
41
|
+
class="flex-1"
|
|
42
|
+
v-bind="_attrs.input"
|
|
43
|
+
@open="open"
|
|
44
|
+
@clear="clear"
|
|
45
|
+
>
|
|
46
|
+
<template #prefix>
|
|
47
|
+
<slot
|
|
48
|
+
name="icon"
|
|
49
|
+
v-bind="{
|
|
50
|
+
option: value,
|
|
51
|
+
optionLabel: _selectedLabel,
|
|
52
|
+
isLoading,
|
|
53
|
+
isOpened
|
|
54
|
+
}"
|
|
55
|
+
></slot>
|
|
56
|
+
</template>
|
|
57
|
+
|
|
58
|
+
<template #element>
|
|
59
|
+
<slot
|
|
60
|
+
name="element"
|
|
61
|
+
v-bind="{ value: inputValue }"
|
|
62
|
+
></slot>
|
|
63
|
+
</template>
|
|
64
|
+
</AwSelectFakeInput>
|
|
28
65
|
<AwSelectInput
|
|
66
|
+
v-else
|
|
29
67
|
ref="input"
|
|
30
68
|
:value="inputValue"
|
|
31
69
|
:label="label"
|
|
@@ -210,7 +248,8 @@ export default {
|
|
|
210
248
|
inheritAttrs: false,
|
|
211
249
|
|
|
212
250
|
components: {
|
|
213
|
-
AwSelectInput
|
|
251
|
+
AwSelectInput,
|
|
252
|
+
AwSelectFakeInput: () => import('./_AwSelectFakeInput.vue')
|
|
214
253
|
},
|
|
215
254
|
|
|
216
255
|
name: 'AwSelectObject',
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
ref="element"
|
|
4
|
+
class="flex aw-text-field is-text"
|
|
5
|
+
:class="{
|
|
6
|
+
'is-filled': value === 0 || !!value,
|
|
7
|
+
'has-label': !!label,
|
|
8
|
+
'has-error': hasError,
|
|
9
|
+
'is-disabled': isDisabled,
|
|
10
|
+
'has-icon': $slots.icon,
|
|
11
|
+
'has-prefix': prefix,
|
|
12
|
+
'has-postfix': postfix
|
|
13
|
+
}"
|
|
14
|
+
@click="$emit('open')"
|
|
15
|
+
>
|
|
16
|
+
<span
|
|
17
|
+
v-if="prefix || $scopedSlots.prefix"
|
|
18
|
+
v-tooltip.show.prepend="errorTooltip"
|
|
19
|
+
class="aw-text-field__prefix"
|
|
20
|
+
:class="{ 'px-4': prefix }"
|
|
21
|
+
:aria-describedby="errorText ? errorId : null"
|
|
22
|
+
>
|
|
23
|
+
<slot name="prefix">{{ prefix }}</slot>
|
|
24
|
+
</span>
|
|
25
|
+
|
|
26
|
+
<span class="block relative w-full">
|
|
27
|
+
<span
|
|
28
|
+
class="aw-text-field__element aw-text-field__element--fake"
|
|
29
|
+
tabindex="0"
|
|
30
|
+
:class="paddingClass"
|
|
31
|
+
>
|
|
32
|
+
<span v-if="inputValue" class="block h-6">
|
|
33
|
+
{{ inputValue }}
|
|
34
|
+
</span>
|
|
35
|
+
<span v-else class="block h-6 opacity-50">
|
|
36
|
+
{{ placeholder }}
|
|
37
|
+
</span>
|
|
38
|
+
</span>
|
|
39
|
+
<span
|
|
40
|
+
v-if="!!label || $scopedSlots.label"
|
|
41
|
+
class="aw-text-field__label"
|
|
42
|
+
:class="{ 'aw-text-field__label--required': isRequired }"
|
|
43
|
+
>
|
|
44
|
+
<slot name="label">
|
|
45
|
+
{{ label }}
|
|
46
|
+
</slot>
|
|
47
|
+
</span>
|
|
48
|
+
<span class="aw-text-field__icon">
|
|
49
|
+
<slot name="icon">
|
|
50
|
+
<!-- clear button -->
|
|
51
|
+
<AwButton
|
|
52
|
+
v-if="clearable"
|
|
53
|
+
:size="$attrs.size || 'md'"
|
|
54
|
+
@click.stop.prevent="$emit('clear', $event)"
|
|
55
|
+
theme="icon"
|
|
56
|
+
class="h-full"
|
|
57
|
+
>
|
|
58
|
+
<AwIconSystemMono name="close" />
|
|
59
|
+
</AwButton>
|
|
60
|
+
|
|
61
|
+
<!-- caret and loading -->
|
|
62
|
+
<AwButton
|
|
63
|
+
v-if="caret"
|
|
64
|
+
:size="$attrs.size || 'md'"
|
|
65
|
+
tabindex="-1"
|
|
66
|
+
theme="icon"
|
|
67
|
+
class="h-full"
|
|
68
|
+
@click="$emit('caret')"
|
|
69
|
+
>
|
|
70
|
+
<AwIconSystemMono
|
|
71
|
+
name="triangle"
|
|
72
|
+
class="transition-200"
|
|
73
|
+
:class="{ 'rotate-180': isOpened }"
|
|
74
|
+
/>
|
|
75
|
+
</AwButton>
|
|
76
|
+
</slot>
|
|
77
|
+
</span>
|
|
78
|
+
</span>
|
|
79
|
+
|
|
80
|
+
<span
|
|
81
|
+
v-if="postfix || $scopedSlots.postfix"
|
|
82
|
+
class="aw-text-field__postfix"
|
|
83
|
+
:class="{ 'px-4': postfix }"
|
|
84
|
+
>
|
|
85
|
+
<slot name="postfix">{{ postfix }}</slot>
|
|
86
|
+
</span>
|
|
87
|
+
</div>
|
|
88
|
+
</template>
|
|
89
|
+
|
|
90
|
+
<script>
|
|
91
|
+
import TextFieldMixin from '@AwMixins/text-field'
|
|
92
|
+
|
|
93
|
+
export default {
|
|
94
|
+
name: 'AwSelectFakeInput',
|
|
95
|
+
|
|
96
|
+
mixins: [TextFieldMixin],
|
|
97
|
+
|
|
98
|
+
props: {
|
|
99
|
+
prefix: {
|
|
100
|
+
type: String,
|
|
101
|
+
default: ''
|
|
102
|
+
},
|
|
103
|
+
|
|
104
|
+
postfix: {
|
|
105
|
+
type: String,
|
|
106
|
+
default: ''
|
|
107
|
+
},
|
|
108
|
+
|
|
109
|
+
size: {
|
|
110
|
+
type: String,
|
|
111
|
+
default: 'md'
|
|
112
|
+
},
|
|
113
|
+
|
|
114
|
+
placeholder: {
|
|
115
|
+
type: String,
|
|
116
|
+
default: ''
|
|
117
|
+
},
|
|
118
|
+
|
|
119
|
+
clearable: Boolean,
|
|
120
|
+
|
|
121
|
+
caret: Boolean,
|
|
122
|
+
|
|
123
|
+
isOpened: Boolean
|
|
124
|
+
},
|
|
125
|
+
|
|
126
|
+
computed: {
|
|
127
|
+
paddingClass() {
|
|
128
|
+
return this.size === 'md' ? 'p-3' : 'p-2'
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
</script>
|
package/nuxt/awes.config.js
CHANGED
|
@@ -6,6 +6,11 @@ export default {
|
|
|
6
6
|
alt: 'Awes.io'
|
|
7
7
|
},
|
|
8
8
|
|
|
9
|
+
fullLogo: {
|
|
10
|
+
src: 'https://static.awes.io/logo-blue_white.svg',
|
|
11
|
+
alt: 'Awes.io'
|
|
12
|
+
},
|
|
13
|
+
|
|
9
14
|
background: {
|
|
10
15
|
src: 'https://static.awes.io/demo/awes-background.svg'
|
|
11
16
|
},
|
|
@@ -22,6 +27,11 @@ export const dark = {
|
|
|
22
27
|
alt: 'Awes.io'
|
|
23
28
|
},
|
|
24
29
|
|
|
30
|
+
fullLogo: {
|
|
31
|
+
src: 'https://static.awes.io/logo-blue.svg',
|
|
32
|
+
alt: 'Awes.io'
|
|
33
|
+
},
|
|
34
|
+
|
|
25
35
|
background: {
|
|
26
36
|
src: 'https://static.awes.io/demo/awes-background.svg'
|
|
27
37
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awes-io/ui",
|
|
3
|
-
"version": "2.56.
|
|
3
|
+
"version": "2.56.7",
|
|
4
4
|
"description": "User Interface (UI) components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"vue-template-compiler": "^2.6.10",
|
|
123
123
|
"webfonts-generator": "^0.4.0"
|
|
124
124
|
},
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "086397c15d22572a84a25863ae3bccc633016a42"
|
|
126
126
|
}
|
package/store/awesIo.js
CHANGED
|
@@ -199,6 +199,20 @@ export const mutations = {
|
|
|
199
199
|
default: { src: fullLogo },
|
|
200
200
|
dark: { src: fullLogo }
|
|
201
201
|
})
|
|
202
|
+
} else if (typeof fullLogo === 'object' && fullLogo !== null) {
|
|
203
|
+
const _fullLogo = {}
|
|
204
|
+
_fullLogo.default = pathOr(
|
|
205
|
+
state.fullLogo.default,
|
|
206
|
+
'default',
|
|
207
|
+
fullLogo
|
|
208
|
+
)
|
|
209
|
+
_fullLogo.dark = pathOr(
|
|
210
|
+
pathOr(state.fullLogo.dark, 'default', fullLogo),
|
|
211
|
+
'dark',
|
|
212
|
+
fullLogo
|
|
213
|
+
)
|
|
214
|
+
|
|
215
|
+
state.fullLogo = _fullLogo
|
|
202
216
|
}
|
|
203
217
|
},
|
|
204
218
|
|