@awes-io/ui 2.55.0 → 2.56.2
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 +44 -0
- package/components/5_layouts/AwLayoutCenter.vue +19 -17
- package/nuxt/templates/dark-theme.plugin.js +2 -2
- package/nuxt/templates/lang.plugin.js +3 -3
- package/package.json +2 -2
- package/readme.md +1 -1
- package/store/awesIo.js +11 -0
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.2](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.1...@awes-io/ui@2.56.2) (2022-07-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* added full logo into config ([74d1719](https://github.com/awes-io/client/commit/74d171941c0892f426a8ec35462f408c9fe1481c))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [2.56.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.56.0...@awes-io/ui@2.56.1) (2022-07-18)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
* bump ([025f696](https://github.com/awes-io/client/commit/025f696bad25ea30ae7eba6997bdecc6aca58b39))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# [2.56.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.1...@awes-io/ui@2.56.0) (2022-07-18)
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### Features
|
|
32
|
+
|
|
33
|
+
* added slot for center layout ([65b31c2](https://github.com/awes-io/client/commit/65b31c26c5a405cad2bd28a162a5f6c800270399))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
## [2.55.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.55.0...@awes-io/ui@2.55.1) (2022-07-13)
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
* app cookies expiration added ([395ace4](https://github.com/awes-io/client/commit/395ace4780ef7a23cc0b6b38df58be188fcbac87))
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
6
50
|
# [2.55.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.54.0...@awes-io/ui@2.55.0) (2022-07-11)
|
|
7
51
|
|
|
8
52
|
|
|
@@ -4,25 +4,27 @@
|
|
|
4
4
|
class="layout layout--frame-center"
|
|
5
5
|
v-bind="background"
|
|
6
6
|
>
|
|
7
|
-
<
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
<slot name="container">
|
|
8
|
+
<div class="layout__container mx-auto">
|
|
9
|
+
<img
|
|
10
|
+
v-if="logo"
|
|
11
|
+
v-bind="logo"
|
|
12
|
+
class="layout__center-logo hidden sm:block mt-auto"
|
|
13
|
+
/>
|
|
13
14
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
<div
|
|
16
|
+
class="layout__frame w-full my-auto"
|
|
17
|
+
:class="{ 'sm:mt-8': logo }"
|
|
18
|
+
>
|
|
19
|
+
<slot />
|
|
20
|
+
</div>
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
<div
|
|
23
|
+
v-html="$sanitize($t('aw.layout_default.footer'))"
|
|
24
|
+
class="pt-8 text-sm"
|
|
25
|
+
></div>
|
|
26
|
+
</div>
|
|
27
|
+
</slot>
|
|
26
28
|
</AwLayoutProvider>
|
|
27
29
|
</template>
|
|
28
30
|
|
|
@@ -13,7 +13,7 @@ export default function({ store, app }) {
|
|
|
13
13
|
|
|
14
14
|
if (isNil(isDark)) {
|
|
15
15
|
isDark = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
16
|
-
JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax' })
|
|
16
|
+
JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax', expires: 365 })
|
|
17
17
|
} else {
|
|
18
18
|
isDark = JSON.parse(isDark)
|
|
19
19
|
}
|
|
@@ -36,7 +36,7 @@ export default function({ store, app }) {
|
|
|
36
36
|
store.watch(
|
|
37
37
|
(state) => state.awesIo.isDarkTheme,
|
|
38
38
|
(isDark) => {
|
|
39
|
-
JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax' })
|
|
39
|
+
JsCookie.set(COOKIE_NAME, isDark, { sameSite: 'lax', expires: 365 })
|
|
40
40
|
document.documentElement.setAttribute(ATTR, isDark)
|
|
41
41
|
app.head.htmlAttrs[ATTR] = isDark
|
|
42
42
|
}
|
|
@@ -118,9 +118,9 @@ export default async ({ app, $axios }) => {
|
|
|
118
118
|
}
|
|
119
119
|
} else if (_browserLang) {
|
|
120
120
|
app.i18n.locale = _browserLang
|
|
121
|
-
JsCookie.set(langCookie, _browserLang, { sameSite: 'lax' })
|
|
121
|
+
JsCookie.set(langCookie, _browserLang, { sameSite: 'lax', expires: 365 })
|
|
122
122
|
} else {
|
|
123
|
-
JsCookie.set(langCookie, i18nOptions.locale, { sameSite: 'lax' })
|
|
123
|
+
JsCookie.set(langCookie, i18nOptions.locale, { sameSite: 'lax', expires: 365 })
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
|
|
@@ -173,7 +173,7 @@ export default async ({ app, $axios }) => {
|
|
|
173
173
|
app.i18n.locale = locale
|
|
174
174
|
|
|
175
175
|
if (langCookie) {
|
|
176
|
-
JsCookie.set(langCookie, locale, { sameSite: 'lax' })
|
|
176
|
+
JsCookie.set(langCookie, locale, { sameSite: 'lax', expires: 365 })
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
for (const afterListener of afterListeners.keys()) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awes-io/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.56.2",
|
|
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": "c2d5be35a2d87833173c2e65f8b15376a675f0d4"
|
|
126
126
|
}
|
package/readme.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Awes.io/Ui
|
|
1
|
+
Awes.io/Ui 423
|
package/store/awesIo.js
CHANGED
|
@@ -26,6 +26,11 @@ export const state = () => ({
|
|
|
26
26
|
dark: { src: '' }
|
|
27
27
|
},
|
|
28
28
|
|
|
29
|
+
fullLogo: {
|
|
30
|
+
default: { src: '' },
|
|
31
|
+
dark: { src: '' }
|
|
32
|
+
},
|
|
33
|
+
|
|
29
34
|
menus: {
|
|
30
35
|
main: [],
|
|
31
36
|
secondary: [],
|
|
@@ -99,6 +104,12 @@ export const getters = {
|
|
|
99
104
|
return getters.isDarkTheme ? state.logo.dark : state.logo.default
|
|
100
105
|
},
|
|
101
106
|
|
|
107
|
+
fullLogo(state, getters) {
|
|
108
|
+
return getters.isDarkTheme
|
|
109
|
+
? state.fullLogo.dark
|
|
110
|
+
: state.fullLogo.default
|
|
111
|
+
},
|
|
112
|
+
|
|
102
113
|
logoComponent(state, getters) {
|
|
103
114
|
const logoComponent = pathOr(null, 'logo.component', state)
|
|
104
115
|
|