adata-ui 2.1.37 → 2.1.39
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/.nuxtrc +1 -1
- package/.playground/app.config.ts +5 -5
- package/README.md +75 -75
- package/components/elements/README.md +1 -1
- package/components/elements/tree-select/ATreeSelect.vue +5 -1
- package/components/elements/tree-select/components/tree-select-nodes.vue +4 -3
- package/components/forms/README.md +1 -1
- package/components/modals/id/AuthModal.vue +12 -2
- package/components/navigation/README.md +1 -1
- package/components/navigation/breadcrumbs/ABreadcrumbs.vue +1 -0
- package/components/navigation/breadcrumbs/types.ts +1 -0
- package/components/navigation/footer/AFooter.vue +1 -1
- package/components/navigation/header/ProfileMenu.vue +1 -0
- package/components/overlays/README.md +1 -1
- package/composables/useHeaderNavigationLinks.ts +1 -1
- package/composables/useUrls.ts +1 -1
- package/package.json +1 -1
- package/shared/constans/pages.ts +1 -1
package/.nuxtrc
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
typescript.includeWorkspace = true
|
|
1
|
+
typescript.includeWorkspace = true
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export default defineAppConfig({
|
|
2
|
-
myLayer: {
|
|
3
|
-
name: 'My amazing Nuxt layer (overwritten)'
|
|
4
|
-
}
|
|
5
|
-
})
|
|
1
|
+
export default defineAppConfig({
|
|
2
|
+
myLayer: {
|
|
3
|
+
name: 'My amazing Nuxt layer (overwritten)'
|
|
4
|
+
}
|
|
5
|
+
})
|
package/README.md
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
# Adata UI with Nuxt 3 using Layers
|
|
2
|
-
|
|
3
|
-
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
|
4
|
-
|
|
5
|
-
## Setup
|
|
6
|
-
|
|
7
|
-
Make sure to install the dependencies:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
# npm
|
|
11
|
-
npm install
|
|
12
|
-
|
|
13
|
-
# pnpm
|
|
14
|
-
pnpm install
|
|
15
|
-
|
|
16
|
-
# yarn
|
|
17
|
-
yarn install
|
|
18
|
-
|
|
19
|
-
# bun
|
|
20
|
-
bun install
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
## Development Server
|
|
24
|
-
|
|
25
|
-
Start the development server on `https://localhost:3000`:
|
|
26
|
-
|
|
27
|
-
```bash
|
|
28
|
-
# npm
|
|
29
|
-
npm run dev
|
|
30
|
-
|
|
31
|
-
# pnpm
|
|
32
|
-
pnpm run dev
|
|
33
|
-
|
|
34
|
-
# yarn
|
|
35
|
-
yarn dev
|
|
36
|
-
|
|
37
|
-
# bun
|
|
38
|
-
bun run dev
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
## Production
|
|
42
|
-
|
|
43
|
-
Build the application for production:
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
# npm
|
|
47
|
-
npm run build
|
|
48
|
-
|
|
49
|
-
# pnpm
|
|
50
|
-
pnpm run build
|
|
51
|
-
|
|
52
|
-
# yarn
|
|
53
|
-
yarn build
|
|
54
|
-
|
|
55
|
-
# bun
|
|
56
|
-
bun run build
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
Locally preview production build:
|
|
60
|
-
|
|
61
|
-
```bash
|
|
62
|
-
# npm
|
|
63
|
-
npm run preview
|
|
64
|
-
|
|
65
|
-
# pnpm
|
|
66
|
-
pnpm run preview
|
|
67
|
-
|
|
68
|
-
# yarn
|
|
69
|
-
yarn preview
|
|
70
|
-
|
|
71
|
-
# bun
|
|
72
|
-
bun run preview
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
|
1
|
+
# Adata UI with Nuxt 3 using Layers
|
|
2
|
+
|
|
3
|
+
Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
|
4
|
+
|
|
5
|
+
## Setup
|
|
6
|
+
|
|
7
|
+
Make sure to install the dependencies:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
# npm
|
|
11
|
+
npm install
|
|
12
|
+
|
|
13
|
+
# pnpm
|
|
14
|
+
pnpm install
|
|
15
|
+
|
|
16
|
+
# yarn
|
|
17
|
+
yarn install
|
|
18
|
+
|
|
19
|
+
# bun
|
|
20
|
+
bun install
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Development Server
|
|
24
|
+
|
|
25
|
+
Start the development server on `https://localhost:3000`:
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
# npm
|
|
29
|
+
npm run dev
|
|
30
|
+
|
|
31
|
+
# pnpm
|
|
32
|
+
pnpm run dev
|
|
33
|
+
|
|
34
|
+
# yarn
|
|
35
|
+
yarn dev
|
|
36
|
+
|
|
37
|
+
# bun
|
|
38
|
+
bun run dev
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Production
|
|
42
|
+
|
|
43
|
+
Build the application for production:
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
# npm
|
|
47
|
+
npm run build
|
|
48
|
+
|
|
49
|
+
# pnpm
|
|
50
|
+
pnpm run build
|
|
51
|
+
|
|
52
|
+
# yarn
|
|
53
|
+
yarn build
|
|
54
|
+
|
|
55
|
+
# bun
|
|
56
|
+
bun run build
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Locally preview production build:
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
# npm
|
|
63
|
+
npm run preview
|
|
64
|
+
|
|
65
|
+
# pnpm
|
|
66
|
+
pnpm run preview
|
|
67
|
+
|
|
68
|
+
# yarn
|
|
69
|
+
yarn preview
|
|
70
|
+
|
|
71
|
+
# bun
|
|
72
|
+
bun run preview
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# button, alerts, dropdown
|
|
1
|
+
# button, alerts, dropdown
|
|
@@ -81,7 +81,11 @@ const toggleExpand = (node) => {
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
const toggleCheckbox = (id, checked) => {
|
|
84
|
-
|
|
84
|
+
if (props.onlyOne && !checked) {
|
|
85
|
+
reset()
|
|
86
|
+
} else {
|
|
87
|
+
setState(id, checked ? 'checked' : 'unchecked')
|
|
88
|
+
}
|
|
85
89
|
}
|
|
86
90
|
|
|
87
91
|
function openFounded(nodes: TreeNestedNode[]) {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
]"
|
|
7
7
|
>
|
|
8
8
|
<div class="flex items-center gap-1 p-2" v-if="!node?.hidden"
|
|
9
|
-
:class="{ 'bg-deepblue-50 dark:bg-gray-200/5': disabled }"
|
|
9
|
+
:class="{ 'bg-deepblue-50 dark:bg-gray-200/5': disabled && node.state === 'unchecked' }"
|
|
10
10
|
>
|
|
11
11
|
<div class="min-w-4">
|
|
12
12
|
<a-icon-chevron-down
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<input
|
|
22
22
|
:id="node.id.toString()"
|
|
23
23
|
type="checkbox"
|
|
24
|
-
:disabled="disabled"
|
|
24
|
+
:disabled="disabled && node.state === 'unchecked'"
|
|
25
25
|
class="hidden"
|
|
26
26
|
:checked="node.state === 'checked'"
|
|
27
27
|
@change="handleCheckboxChange"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
:name="`${node.id}`"
|
|
42
42
|
:intermediate="node.state === 'indeterminate'"
|
|
43
43
|
side="right"
|
|
44
|
-
:disabled="disabled"
|
|
44
|
+
:disabled="disabled && node.state === 'unchecked'"
|
|
45
45
|
always-intermediate
|
|
46
46
|
@change="handleCheckboxChange"
|
|
47
47
|
>
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
:toggle-expand="toggleExpand"
|
|
58
58
|
:toggle-checkbox="toggleCheckbox"
|
|
59
59
|
:type="type"
|
|
60
|
+
:disabled="disabled"
|
|
60
61
|
/>
|
|
61
62
|
</template>
|
|
62
63
|
</ul>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# inputs
|
|
1
|
+
# inputs
|
|
@@ -49,13 +49,18 @@ const close = () => {
|
|
|
49
49
|
</script>
|
|
50
50
|
|
|
51
51
|
<template>
|
|
52
|
-
<a-modal
|
|
52
|
+
<a-modal
|
|
53
|
+
v-model="isOpen"
|
|
54
|
+
:title="t('modals.auth.title')"
|
|
55
|
+
data-test-id="no-access-popup"
|
|
56
|
+
>
|
|
53
57
|
<div class="flex flex-col items-center gap-5 text-center text-sm">
|
|
54
58
|
<a-ill-door />
|
|
55
59
|
<div>{{ t('modals.auth.content') }}</div>
|
|
56
60
|
<a-button
|
|
57
61
|
block
|
|
58
62
|
variant="success"
|
|
63
|
+
data-test-id="no-access-popup-authorize-button"
|
|
59
64
|
@click="goAuth"
|
|
60
65
|
>
|
|
61
66
|
{{ t('modals.buttons.logIn') }}
|
|
@@ -67,11 +72,16 @@ const close = () => {
|
|
|
67
72
|
<a-button
|
|
68
73
|
view="outline"
|
|
69
74
|
block
|
|
75
|
+
data-test-id="no-access-popup-close-button"
|
|
70
76
|
@click="close"
|
|
71
77
|
>
|
|
72
78
|
{{ t('modals.buttons.close') }}
|
|
73
79
|
</a-button>
|
|
74
|
-
<a-button
|
|
80
|
+
<a-button
|
|
81
|
+
block
|
|
82
|
+
data-test-id="no-access-popup-register-button"
|
|
83
|
+
@click="goRegister"
|
|
84
|
+
>
|
|
75
85
|
{{ t('modals.buttons.register') }}
|
|
76
86
|
</a-button>
|
|
77
87
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# breadcrumb, tabs
|
|
1
|
+
# breadcrumb, tabs
|
|
@@ -177,6 +177,7 @@ const onReplenish = () => {
|
|
|
177
177
|
|
|
178
178
|
<div
|
|
179
179
|
class="flex items-center justify-center lg:justify-start gap-3 pb-2 pt-4 px-4 cursor-pointer text-red-500 hover:text-red-700 border-t"
|
|
180
|
+
data-test-id="logout-button"
|
|
180
181
|
@click="$emit('logout')"
|
|
181
182
|
>
|
|
182
183
|
<icon-logout class="h-5 w-5" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
# tooltip, popover, slide over, modal, context menu
|
|
1
|
+
# tooltip, popover, slide over, modal, context menu
|
|
@@ -279,7 +279,7 @@ export const useHeaderNavigationLinks = () => {
|
|
|
279
279
|
key: 'compliance',
|
|
280
280
|
is_new: true,
|
|
281
281
|
name: t('header.products.compliance.label'),
|
|
282
|
-
link: buildLocalizedUrl(locale, urls.compliance,
|
|
282
|
+
link: buildLocalizedUrl(locale, urls.compliance, PAGES.compliance.l),
|
|
283
283
|
icon: AIconId,
|
|
284
284
|
data_attribute: 'navigation-menu-compliance-block',
|
|
285
285
|
items: [
|
package/composables/useUrls.ts
CHANGED
|
@@ -16,7 +16,7 @@ export function useUrls() {
|
|
|
16
16
|
tnved: `https://tnved.${mode}.kz`,
|
|
17
17
|
edo: `https://edo.${mode}.kz`,
|
|
18
18
|
edo_docs: `https://docs.${mode}.kz`,
|
|
19
|
-
compliance: `https://ac.${mode}.kz
|
|
19
|
+
compliance: `https://ac.${mode}.kz`,
|
|
20
20
|
compliancemain: `https://ac.${mode}.kz/main`,
|
|
21
21
|
mode,
|
|
22
22
|
}
|
package/package.json
CHANGED