adata-ui 2.0.5 → 2.0.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/components/elements/button-login/index.vue +21 -0
- package/components/elements/photos-animation/APhotosAnimation.vue +2 -1
- package/components/navigation/header/AHeader.vue +38 -17
- package/icons/arrow/arrow-circle-down.vue +13 -2
- package/icons/search.vue +14 -2
- package/lang/ru.ts +1 -1
- package/package.json +65 -65
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import IconLogout from '#adata-ui/icons/logout.vue'
|
|
3
|
+
|
|
4
|
+
const { t } = useI18n()
|
|
5
|
+
|
|
6
|
+
defineEmits(['click'])
|
|
7
|
+
</script>
|
|
8
|
+
|
|
9
|
+
<template>
|
|
10
|
+
<div
|
|
11
|
+
class="hidden w-max cursor-pointer items-center gap-2 rounded-2xl bg-blue-700 px-4 py-[6px] font-semibold dark:bg-blue-500 lg:flex"
|
|
12
|
+
@click="$emit('click')"
|
|
13
|
+
>
|
|
14
|
+
<icon-logout class="text-white dark:text-gray-900 lg:h-4 lg:w-4" />
|
|
15
|
+
<span class="hidden text-sm font-semibold text-white dark:text-gray-900 lg:inline-block min-w-[44px]">
|
|
16
|
+
{{ t('header.login') }}
|
|
17
|
+
</span>
|
|
18
|
+
</div>
|
|
19
|
+
</template>
|
|
20
|
+
|
|
21
|
+
<style scoped></style>
|
|
@@ -17,10 +17,11 @@ const getAnimationClass = (index: number) => {
|
|
|
17
17
|
|
|
18
18
|
<template>
|
|
19
19
|
<div class="relative size-full">
|
|
20
|
-
<
|
|
20
|
+
<img
|
|
21
21
|
v-for="(photo, index) in photos"
|
|
22
22
|
:key="index"
|
|
23
23
|
:src="photo.src"
|
|
24
|
+
:alt="photo.src"
|
|
24
25
|
:class="['photo', getAnimationClass(index), photo.classes]"
|
|
25
26
|
/>
|
|
26
27
|
</div>
|
|
@@ -102,19 +102,34 @@ onBeforeMount(() => {
|
|
|
102
102
|
>
|
|
103
103
|
<div class="a-container mobile-padding flex h-full items-center justify-between gap-2">
|
|
104
104
|
<!-- Desktop hidden-->
|
|
105
|
-
<section
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
<section
|
|
106
|
+
id="mobile-header"
|
|
107
|
+
class="grow lg:hidden"
|
|
108
|
+
>
|
|
109
|
+
<div
|
|
110
|
+
v-if="mobileHeaderType === 'default'"
|
|
111
|
+
class="flex justify-center"
|
|
112
|
+
>
|
|
113
|
+
<nuxt-link
|
|
114
|
+
class="text-deepblue dark:text-[#E3E5E8]"
|
|
115
|
+
@click="goToAnotherModule"
|
|
116
|
+
>
|
|
108
117
|
<span class="visually-hidden"> Сервисы Adata.kz</span>
|
|
109
118
|
|
|
110
|
-
<adata-logo
|
|
119
|
+
<adata-logo
|
|
120
|
+
:font-controlled="false"
|
|
121
|
+
filled
|
|
122
|
+
/>
|
|
111
123
|
</nuxt-link>
|
|
112
124
|
</div>
|
|
113
125
|
<div
|
|
114
126
|
v-else-if="mobileHeaderType === 'search'"
|
|
115
127
|
class="flex w-full items-center gap-2 bg-white dark:bg-gray-900 lg:hidden"
|
|
116
128
|
>
|
|
117
|
-
<logo
|
|
129
|
+
<logo
|
|
130
|
+
class="dark:text-gray-200"
|
|
131
|
+
@click="goToAnotherModule"
|
|
132
|
+
/>
|
|
118
133
|
<button
|
|
119
134
|
class="flex w-full items-center gap-2 rounded bg-gray-50 px-4 py-1.5 dark:bg-gray-800 dark:text-gray-500"
|
|
120
135
|
@click="$emit('search')"
|
|
@@ -125,7 +140,10 @@ onBeforeMount(() => {
|
|
|
125
140
|
</div>
|
|
126
141
|
</section>
|
|
127
142
|
<div class="lg:hidden">
|
|
128
|
-
<lang-switcher
|
|
143
|
+
<lang-switcher
|
|
144
|
+
v-if="langIsOn || module === 'fea'"
|
|
145
|
+
class="lg:hidden"
|
|
146
|
+
/>
|
|
129
147
|
</div>
|
|
130
148
|
<!--Mobile hidden-->
|
|
131
149
|
<nav class="hidden items-center gap-4 lg:flex">
|
|
@@ -135,19 +153,28 @@ onBeforeMount(() => {
|
|
|
135
153
|
class="text-deepblue cursor-pointer dark:text-[#E3E5E8]"
|
|
136
154
|
@click="goToAnotherModule"
|
|
137
155
|
>
|
|
138
|
-
<adata-logo
|
|
156
|
+
<adata-logo
|
|
157
|
+
:font-controlled="false"
|
|
158
|
+
filled
|
|
159
|
+
/>
|
|
139
160
|
</nuxt-link-locale>
|
|
140
161
|
<header-link />
|
|
141
162
|
</nav>
|
|
142
163
|
<div class="text-deepblue hidden items-center gap-4 dark:text-[#E3E5E8] lg:flex">
|
|
143
164
|
<!--Mobile hidden-->
|
|
144
165
|
<div class="hidden items-center gap-4 lg:flex">
|
|
145
|
-
<a-change-version
|
|
166
|
+
<a-change-version
|
|
167
|
+
v-if="oldVersion"
|
|
168
|
+
:url="oldVersion"
|
|
169
|
+
/>
|
|
146
170
|
<a-color-mode />
|
|
147
171
|
<lang-switcher v-if="langIsOn || module === 'fea'" />
|
|
148
172
|
</div>
|
|
149
173
|
|
|
150
|
-
<a-dropdown
|
|
174
|
+
<a-dropdown
|
|
175
|
+
v-show="isAuthenticated"
|
|
176
|
+
placement="right"
|
|
177
|
+
>
|
|
151
178
|
<template #default="{ onExpand, expanded }">
|
|
152
179
|
<div
|
|
153
180
|
class="hidden cursor-pointer items-center gap-2 text-sm font-semibold lg:flex"
|
|
@@ -168,16 +195,10 @@ onBeforeMount(() => {
|
|
|
168
195
|
/>
|
|
169
196
|
</template>
|
|
170
197
|
</a-dropdown>
|
|
171
|
-
<
|
|
198
|
+
<a-button-login
|
|
172
199
|
v-show="!isAuthenticated && showLogIn"
|
|
173
|
-
class="hidden cursor-pointer items-center gap-2 font-semibold lg:flex"
|
|
174
200
|
@click="goAuth"
|
|
175
|
-
|
|
176
|
-
<icon-logout class="lg:h-4 lg:w-4" />
|
|
177
|
-
<span class="hidden lg:inline-block">
|
|
178
|
-
{{ t('header.login') }}
|
|
179
|
-
</span>
|
|
180
|
-
</div>
|
|
201
|
+
/>
|
|
181
202
|
</div>
|
|
182
203
|
</div>
|
|
183
204
|
</header>
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<svg
|
|
3
|
-
|
|
2
|
+
<svg
|
|
3
|
+
width="16"
|
|
4
|
+
height="16"
|
|
5
|
+
viewBox="0 0 16 16"
|
|
6
|
+
fill="none"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
>
|
|
9
|
+
<path
|
|
10
|
+
fill-rule="evenodd"
|
|
11
|
+
clip-rule="evenodd"
|
|
12
|
+
d="M2.33398 7.9987C2.33398 4.86909 4.87104 2.33203 8.00065 2.33203C11.1302 2.33203 13.6673 4.86909 13.6673 7.9987C13.6673 11.1283 11.1302 13.6654 8.00065 13.6654C4.87104 13.6654 2.33398 11.1283 2.33398 7.9987ZM8.00065 1.33203C4.31875 1.33203 1.33398 4.3168 1.33398 7.9987C1.33398 11.6806 4.31875 14.6654 8.00065 14.6654C11.6825 14.6654 14.6673 11.6806 14.6673 7.9987C14.6673 4.3168 11.6825 1.33203 8.00065 1.33203ZM5.88757 7.64515C5.69231 7.44988 5.37572 7.44988 5.18046 7.64515C4.9852 7.84041 4.9852 8.15699 5.18046 8.35225L7.64713 10.8189C7.84239 11.0142 8.15897 11.0142 8.35423 10.8189L10.8209 8.35225C11.0161 8.15699 11.0161 7.84041 10.8209 7.64515C10.6256 7.44988 10.309 7.44988 10.1138 7.64515L8.50065 9.25829V5.53206C8.50065 5.25592 8.27679 5.03206 8.00065 5.03206C7.72451 5.03206 7.50065 5.25592 7.50065 5.53206V9.25823L5.88757 7.64515Z"
|
|
13
|
+
fill="currentColor"
|
|
14
|
+
/>
|
|
4
15
|
</svg>
|
|
5
16
|
</template>
|
package/icons/search.vue
CHANGED
|
@@ -3,9 +3,21 @@
|
|
|
3
3
|
</script>
|
|
4
4
|
|
|
5
5
|
<template>
|
|
6
|
-
<svg
|
|
6
|
+
<svg
|
|
7
|
+
width="16"
|
|
8
|
+
height="16"
|
|
9
|
+
viewBox="0 0 16 16"
|
|
10
|
+
fill="none"
|
|
11
|
+
xmlns="https://www.w3.org/2000/svg"
|
|
12
|
+
>
|
|
7
13
|
<g id="search">
|
|
8
|
-
<path
|
|
14
|
+
<path
|
|
15
|
+
id="Vector"
|
|
16
|
+
fill-rule="evenodd"
|
|
17
|
+
clip-rule="evenodd"
|
|
18
|
+
d="M2.05012 7.28051C2.05012 4.39178 4.3919 2.04999 7.28063 2.04999C10.1694 2.04999 12.5111 4.39178 12.5111 7.28051C12.5111 10.1692 10.1694 12.511 7.28063 12.511C4.3919 12.511 2.05012 10.1692 2.05012 7.28051ZM7.28063 1C3.812 1 1.00012 3.81188 1.00012 7.28051C1.00012 10.7491 3.812 13.561 7.28063 13.561C8.82595 13.561 10.2409 13.0029 11.335 12.0773L14.1038 14.8461C14.3088 15.0512 14.6412 15.0512 14.8463 14.8461C15.0513 14.6411 15.0513 14.3087 14.8463 14.1037L12.0774 11.3348C13.003 10.2408 13.5611 8.82582 13.5611 7.28051C13.5611 3.81188 10.7493 1 7.28063 1Z"
|
|
19
|
+
fill="currentColor"
|
|
20
|
+
/>
|
|
9
21
|
</g>
|
|
10
22
|
</svg>
|
|
11
23
|
</template>
|
package/lang/ru.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "adata-ui",
|
|
3
|
-
"type": "module",
|
|
4
|
-
"version": "2.0.
|
|
5
|
-
"main": "./nuxt.config.ts",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"dev": "nuxi dev .playground",
|
|
8
|
-
"build": "nuxt build .playground",
|
|
9
|
-
"generate": "nuxt generate .playground",
|
|
10
|
-
"preview": "nuxt preview .playground",
|
|
11
|
-
"lint": "eslint .",
|
|
12
|
-
"type-check": "vue-tsc --noEmit",
|
|
13
|
-
"postinstall": "nuxt prepare .playground",
|
|
14
|
-
"test": "vitest --ui",
|
|
15
|
-
"coverage": "vitest run --coverage"
|
|
16
|
-
},
|
|
17
|
-
"devDependencies": {
|
|
18
|
-
"@nuxt/eslint-config": "^0.7.6",
|
|
19
|
-
"@nuxt/test-utils": "^3.19.2",
|
|
20
|
-
"@types/body-scroll-lock": "^3.1.2",
|
|
21
|
-
"@types/lodash-es": "^4.17.12",
|
|
22
|
-
"@vitest/coverage-v8": "^1.6.1",
|
|
23
|
-
"@vitest/ui": "^1.6.1",
|
|
24
|
-
"@vue/test-utils": "^2.4.6",
|
|
25
|
-
"eslint": "^9.32.0",
|
|
26
|
-
"histoire": "^0.17.17",
|
|
27
|
-
"nuxt": "^3.18.1",
|
|
28
|
-
"prettier": "^3.6.2",
|
|
29
|
-
"prettier-plugin-tailwindcss": "^0.5.14",
|
|
30
|
-
"sass-embedded": "^1.90.0",
|
|
31
|
-
"typescript": "^5.9.2",
|
|
32
|
-
"vitest": "^1.6.1",
|
|
33
|
-
"vue-tsc": "^2.2.12"
|
|
34
|
-
},
|
|
35
|
-
"dependencies": {
|
|
36
|
-
"@headlessui/tailwindcss": "^0.2.2",
|
|
37
|
-
"@headlessui/vue": "^1.7.23",
|
|
38
|
-
"@nuxt/image": "1.8.1",
|
|
39
|
-
"@nuxt/kit": "^3.18.1",
|
|
40
|
-
"@nuxtjs/color-mode": "^3.5.2",
|
|
41
|
-
"@nuxtjs/google-fonts": "^3.2.0",
|
|
42
|
-
"@nuxtjs/i18n": "9.3.3",
|
|
43
|
-
"@nuxtjs/tailwindcss": "^6.14.0",
|
|
44
|
-
"@popperjs/core": "^2.11.8",
|
|
45
|
-
"@samk-dev/nuxt-vcalendar": "^1.0.4",
|
|
46
|
-
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
47
|
-
"@tailwindcss/container-queries": "^0.1.1",
|
|
48
|
-
"@tailwindcss/forms": "^0.5.10",
|
|
49
|
-
"@tailwindcss/typography": "^0.5.16",
|
|
50
|
-
"@vueuse/core": "^10.11.1",
|
|
51
|
-
"@vueuse/integrations": "^10.11.1",
|
|
52
|
-
"@vueuse/math": "^10.11.1",
|
|
53
|
-
"body-scroll-lock": "3.1.5",
|
|
54
|
-
"lodash-es": "^4.17.21",
|
|
55
|
-
"lodash.isequal": "^4.5.0",
|
|
56
|
-
"maska": "^2.1.11",
|
|
57
|
-
"ofetch": "^1.4.1",
|
|
58
|
-
"sass": "^1.90.0",
|
|
59
|
-
"scss": "^0.2.4",
|
|
60
|
-
"tailwind-merge": "^2.6.0",
|
|
61
|
-
"tailwindcss": "^3.4.17",
|
|
62
|
-
"vue3-toastify": "^0.2.8",
|
|
63
|
-
"zod": "^4.0.15"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "adata-ui",
|
|
3
|
+
"type": "module",
|
|
4
|
+
"version": "2.0.7",
|
|
5
|
+
"main": "./nuxt.config.ts",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "nuxi dev .playground",
|
|
8
|
+
"build": "nuxt build .playground",
|
|
9
|
+
"generate": "nuxt generate .playground",
|
|
10
|
+
"preview": "nuxt preview .playground",
|
|
11
|
+
"lint": "eslint .",
|
|
12
|
+
"type-check": "vue-tsc --noEmit",
|
|
13
|
+
"postinstall": "nuxt prepare .playground",
|
|
14
|
+
"test": "vitest --ui",
|
|
15
|
+
"coverage": "vitest run --coverage"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"@nuxt/eslint-config": "^0.7.6",
|
|
19
|
+
"@nuxt/test-utils": "^3.19.2",
|
|
20
|
+
"@types/body-scroll-lock": "^3.1.2",
|
|
21
|
+
"@types/lodash-es": "^4.17.12",
|
|
22
|
+
"@vitest/coverage-v8": "^1.6.1",
|
|
23
|
+
"@vitest/ui": "^1.6.1",
|
|
24
|
+
"@vue/test-utils": "^2.4.6",
|
|
25
|
+
"eslint": "^9.32.0",
|
|
26
|
+
"histoire": "^0.17.17",
|
|
27
|
+
"nuxt": "^3.18.1",
|
|
28
|
+
"prettier": "^3.6.2",
|
|
29
|
+
"prettier-plugin-tailwindcss": "^0.5.14",
|
|
30
|
+
"sass-embedded": "^1.90.0",
|
|
31
|
+
"typescript": "^5.9.2",
|
|
32
|
+
"vitest": "^1.6.1",
|
|
33
|
+
"vue-tsc": "^2.2.12"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@headlessui/tailwindcss": "^0.2.2",
|
|
37
|
+
"@headlessui/vue": "^1.7.23",
|
|
38
|
+
"@nuxt/image": "1.8.1",
|
|
39
|
+
"@nuxt/kit": "^3.18.1",
|
|
40
|
+
"@nuxtjs/color-mode": "^3.5.2",
|
|
41
|
+
"@nuxtjs/google-fonts": "^3.2.0",
|
|
42
|
+
"@nuxtjs/i18n": "9.3.3",
|
|
43
|
+
"@nuxtjs/tailwindcss": "^6.14.0",
|
|
44
|
+
"@popperjs/core": "^2.11.8",
|
|
45
|
+
"@samk-dev/nuxt-vcalendar": "^1.0.4",
|
|
46
|
+
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
47
|
+
"@tailwindcss/container-queries": "^0.1.1",
|
|
48
|
+
"@tailwindcss/forms": "^0.5.10",
|
|
49
|
+
"@tailwindcss/typography": "^0.5.16",
|
|
50
|
+
"@vueuse/core": "^10.11.1",
|
|
51
|
+
"@vueuse/integrations": "^10.11.1",
|
|
52
|
+
"@vueuse/math": "^10.11.1",
|
|
53
|
+
"body-scroll-lock": "3.1.5",
|
|
54
|
+
"lodash-es": "^4.17.21",
|
|
55
|
+
"lodash.isequal": "^4.5.0",
|
|
56
|
+
"maska": "^2.1.11",
|
|
57
|
+
"ofetch": "^1.4.1",
|
|
58
|
+
"sass": "^1.90.0",
|
|
59
|
+
"scss": "^0.2.4",
|
|
60
|
+
"tailwind-merge": "^2.6.0",
|
|
61
|
+
"tailwindcss": "^3.4.17",
|
|
62
|
+
"vue3-toastify": "^0.2.8",
|
|
63
|
+
"zod": "^4.0.15"
|
|
64
|
+
}
|
|
65
|
+
}
|