@finema/finework-layer 0.1.10 → 0.1.12

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.
Files changed (21) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/.playground/app/pages/layout-admin.vue +100 -100
  3. package/.playground/app/pages/submenu1/layout-admin.vue +128 -0
  4. package/CHANGELOG.md +93 -85
  5. package/app/app.config.ts +1 -1
  6. package/app/app.vue +10 -10
  7. package/app/components/Button/ActionIcon.vue +29 -29
  8. package/app/components/Button/Back.vue +22 -22
  9. package/app/components/InfoItemList.vue +202 -202
  10. package/app/components/Layout/Admin/Sidebar.vue +293 -289
  11. package/app/components/Layout/Admin/index.vue +207 -207
  12. package/app/components/Layout/Apps.vue +45 -45
  13. package/app/components/Layout/User/index.vue +99 -99
  14. package/app/components/StatusBox.vue +56 -56
  15. package/app/composables/useAuth.ts +189 -189
  16. package/app/composables/useRequestOptions.ts +50 -50
  17. package/app/error.vue +218 -218
  18. package/bun.lock +2730 -2729
  19. package/index.d.ts +16 -16
  20. package/package.json +38 -37
  21. package/app.config.ts +0 -307
package/.husky/pre-commit CHANGED
@@ -1 +1 @@
1
- bunx lint-staged
1
+ bunx lint-staged
package/.playground/app/pages/layout-admin.vue CHANGED
@@ -1,100 +1,100 @@
1
- <template>
2
- <LayoutUser>
3
- <p>
4
- dasdasd
5
- </p>
6
- </LayoutUser>
7
- </template>
8
-
9
- <script lang="ts" setup>
10
- import type { NavigationMenuItem } from '@nuxt/ui'
11
-
12
- const auth = useAuth()
13
-
14
- useApp().definePage({
15
- title: 'Test Layout',
16
- breadcrumbs: [
17
- {
18
- label: 'Home',
19
- to: '/',
20
- },
21
- {
22
- label: 'Test Layout',
23
- to: '/test-layout',
24
- },
25
- ],
26
- })
27
-
28
- auth.me.set({
29
- id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
30
- created_at: '2025-09-02T10:16:37.195Z',
31
- updated_at: '2025-10-11T10:14:10.296Z',
32
- email: 'long@finema.co',
33
- full_name: 'Passakon Puttasuwan',
34
- display_name: 'Long',
35
- position: 'Technical Specialist',
36
- team_code: 'DEV',
37
- company: 'finema',
38
- avatar_url: 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
39
- slack_id: 'U0147KLKKH8',
40
- azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
41
- is_active: true,
42
- joined_date: '2025-09-02T00:00:00Z',
43
- access_level: {
44
- user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
45
- clockin: 'ADMIN',
46
- timesheet: 'ADMIN',
47
- pmo: 'SUPER',
48
- setting: 'SUPER',
49
- created_at: '2025-08-15T16:40:29.319Z',
50
- updated_at: '2025-09-30T10:14:59.228Z',
51
- },
52
- team: {
53
- id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
54
- created_at: '2025-08-26T10:36:53.598Z',
55
- updated_at: '2025-10-01T06:00:29.941Z',
56
- name: 'Developer Team',
57
- code: 'DEV',
58
- color: 'violet',
59
- description: '',
60
- working_start_at: '12:02:00',
61
- working_end_at: '20:00:00',
62
- created_by_id: null,
63
- updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
64
- deleted_by_id: null,
65
- },
66
- })
67
-
68
- const sidebarItems: NavigationMenuItem[] = [
69
- {
70
- label: 'Dashboard',
71
- children: [
72
- {
73
- label: 'Submenu 1',
74
- to: '/submenu1',
75
- icon: 'i-heroicons-outline:home',
76
- },
77
- {
78
- label: 'Submenu 2',
79
- to: '/submenu2',
80
- icon: 'i-heroicons-outline:home',
81
- },
82
- ],
83
- },
84
- {
85
- label: 'Users',
86
- children: [
87
- {
88
- label: 'Submenu 1',
89
- to: '/submenu1',
90
- icon: 'i-heroicons-outline:home',
91
- },
92
- {
93
- label: 'Submenu 2',
94
- to: '/submenu2',
95
- icon: 'i-heroicons-outline:home',
96
- },
97
- ],
98
- },
99
- ]
100
- </script>
1
+ <template>
2
+ <LayoutUser>
3
+ <p>
4
+ dasdasd
5
+ </p>
6
+ </LayoutUser>
7
+ </template>
8
+
9
+ <script lang="ts" setup>
10
+ import type { NavigationMenuItem } from '@nuxt/ui'
11
+
12
+ const auth = useAuth()
13
+
14
+ useApp().definePage({
15
+ title: 'Test Layout',
16
+ breadcrumbs: [
17
+ {
18
+ label: 'Home',
19
+ to: '/',
20
+ },
21
+ {
22
+ label: 'Test Layout',
23
+ to: '/test-layout',
24
+ },
25
+ ],
26
+ })
27
+
28
+ auth.me.set({
29
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
30
+ created_at: '2025-09-02T10:16:37.195Z',
31
+ updated_at: '2025-10-11T10:14:10.296Z',
32
+ email: 'long@finema.co',
33
+ full_name: 'Passakon Puttasuwan',
34
+ display_name: 'Long',
35
+ position: 'Technical Specialist',
36
+ team_code: 'DEV',
37
+ company: 'finema',
38
+ avatar_url: 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
39
+ slack_id: 'U0147KLKKH8',
40
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
41
+ is_active: true,
42
+ joined_date: '2025-09-02T00:00:00Z',
43
+ access_level: {
44
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
45
+ clockin: 'ADMIN',
46
+ timesheet: 'ADMIN',
47
+ pmo: 'SUPER',
48
+ setting: 'SUPER',
49
+ created_at: '2025-08-15T16:40:29.319Z',
50
+ updated_at: '2025-09-30T10:14:59.228Z',
51
+ },
52
+ team: {
53
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
54
+ created_at: '2025-08-26T10:36:53.598Z',
55
+ updated_at: '2025-10-01T06:00:29.941Z',
56
+ name: 'Developer Team',
57
+ code: 'DEV',
58
+ color: 'violet',
59
+ description: '',
60
+ working_start_at: '12:02:00',
61
+ working_end_at: '20:00:00',
62
+ created_by_id: null,
63
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
64
+ deleted_by_id: null,
65
+ },
66
+ })
67
+
68
+ const sidebarItems: NavigationMenuItem[] = [
69
+ {
70
+ label: 'Dashboard',
71
+ children: [
72
+ {
73
+ label: 'Submenu 1',
74
+ to: '/submenu1',
75
+ icon: 'i-heroicons-outline:home',
76
+ },
77
+ {
78
+ label: 'Submenu 2',
79
+ to: '/submenu2',
80
+ icon: 'i-heroicons-outline:home',
81
+ },
82
+ ],
83
+ },
84
+ {
85
+ label: 'Users',
86
+ children: [
87
+ {
88
+ label: 'Submenu 1',
89
+ to: '/submenu1',
90
+ icon: 'i-heroicons-outline:home',
91
+ },
92
+ {
93
+ label: 'Submenu 2',
94
+ to: '/submenu2',
95
+ icon: 'i-heroicons-outline:home',
96
+ },
97
+ ],
98
+ },
99
+ ]
100
+ </script>
package/.playground/app/pages/submenu1/layout-admin.vue ADDED
@@ -0,0 +1,128 @@
1
+ <template>
2
+ <LayoutAdmin label="Test Layout" :sidebar-items="sidebarItems">
3
+ <p>dasdasd</p>
4
+ </LayoutAdmin>
5
+ </template>
6
+
7
+ <script lang="ts" setup>
8
+ import type { NavigationMenuItem } from '@nuxt/ui'
9
+
10
+ const auth = useAuth()
11
+
12
+ useApp().definePage({
13
+ title: 'Test Layout',
14
+ breadcrumbs: [
15
+ {
16
+ label: 'Home',
17
+ to: '/',
18
+ },
19
+ {
20
+ label: 'Test Layout',
21
+ to: '/test-layout',
22
+ },
23
+ ],
24
+ })
25
+
26
+ auth.me.set({
27
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
28
+ created_at: '2025-09-02T10:16:37.195Z',
29
+ updated_at: '2025-10-11T10:14:10.296Z',
30
+ email: 'long@finema.co',
31
+ full_name: 'Passakon Puttasuwan',
32
+ display_name: 'Long',
33
+ position: 'Technical Specialist',
34
+ team_code: 'DEV',
35
+ company: 'finema',
36
+ avatar_url:
37
+ 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
38
+ slack_id: 'U0147KLKKH8',
39
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
40
+ is_active: true,
41
+ joined_date: '2025-09-02T00:00:00Z',
42
+ access_level: {
43
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
44
+ clockin: 'ADMIN',
45
+ timesheet: 'ADMIN',
46
+ pmo: 'SUPER',
47
+ setting: 'SUPER',
48
+ created_at: '2025-08-15T16:40:29.319Z',
49
+ updated_at: '2025-09-30T10:14:59.228Z',
50
+ },
51
+ team: {
52
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
53
+ created_at: '2025-08-26T10:36:53.598Z',
54
+ updated_at: '2025-10-01T06:00:29.941Z',
55
+ name: 'Developer Team',
56
+ code: 'DEV',
57
+ color: 'violet',
58
+ description: '',
59
+ working_start_at: '12:02:00',
60
+ working_end_at: '20:00:00',
61
+ created_by_id: null,
62
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
63
+ deleted_by_id: null,
64
+ },
65
+ })
66
+
67
+ // const sidebarItems: NavigationMenuItem[] = [
68
+ // {
69
+ // label: "Dashboard",
70
+ // children: [
71
+ // {
72
+ // label: "Submenu 1",
73
+ // to: "/layout-admin/submenu1",
74
+ // icon: "i-heroicons-outline:home",
75
+ // },
76
+ // {
77
+ // label: "Submenu 2",
78
+ // to: "/layout-admin/submenu2",
79
+ // icon: "i-heroicons-outline:home",
80
+ // },
81
+ // ],
82
+ // },
83
+ // {
84
+ // label: "Users",
85
+ // children: [
86
+ // {
87
+ // label: "Submenu 1",
88
+ // to: "/layout-admin/submenu1",
89
+ // icon: "i-heroicons-outline:home",
90
+ // },
91
+ // {
92
+ // label: "Submenu 2",
93
+ // to: "/layout-admin/submenu1",
94
+ // icon: "i-heroicons-outline:home",
95
+ // },
96
+ // ],
97
+ // },
98
+ // ];
99
+ const sidebarItems: NavigationMenuItem[] = [
100
+ {
101
+ label: 'Submenu 1',
102
+ to: '/submenu1',
103
+ icon: 'i-heroicons-outline:home',
104
+ },
105
+ {
106
+ label: 'Submenu 2',
107
+ to: '/submenu1/layout-admin',
108
+ icon: 'i-heroicons-outline:home',
109
+ },
110
+ {
111
+ label: 'Submenu 2',
112
+ to: '/submenu1/layout-admin',
113
+ icon: 'i-heroicons-outline:home',
114
+ children: [
115
+ {
116
+ label: 'Submenu 2-1',
117
+ to: '/submenu1/layout-admin2',
118
+ icon: 'i-heroicons-outline:home',
119
+ },
120
+ {
121
+ label: 'Submenu 2-2',
122
+ to: '/submenu1/layout-admin',
123
+ icon: 'i-heroicons-outline:home',
124
+ },
125
+ ],
126
+ },
127
+ ]
128
+ </script>
package/CHANGELOG.md CHANGED
@@ -1,85 +1,93 @@
1
- # Changelog
2
-
3
- ## [0.1.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.9...0.1.10) (2025-10-15)
4
-
5
- ## [0.1.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.8...0.1.9) (2025-10-15)
6
-
7
- ## [0.1.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.7...0.1.8) (2025-10-15)
8
-
9
- ## [0.1.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.6...0.1.7) (2025-10-15)
10
-
11
- ## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
12
-
13
- ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
14
-
15
- ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
16
-
17
- ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
18
-
19
- ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
20
-
21
- ### Features
22
-
23
- * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
24
-
25
- ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
26
-
27
- ### Bug Fixes
28
-
29
- * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
30
- * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
31
-
32
- ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
33
-
34
- ### Bug Fixes
35
-
36
- * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
37
-
38
- ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
39
-
40
- ### Bug Fixes
41
-
42
- * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
43
-
44
- ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
45
-
46
- ### Bug Fixes
47
-
48
- * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
49
- * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
50
-
51
- ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
52
-
53
- ### Features
54
-
55
- * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
56
-
57
- ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
58
-
59
- ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
60
-
61
- ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
62
-
63
- ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
64
-
65
- ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
66
-
67
- ### Bug Fixes
68
-
69
- * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
70
-
71
- ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
72
-
73
- ### Features
74
-
75
- * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
76
-
77
- ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
78
-
79
- ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
80
-
81
- ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
82
-
83
- ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
84
-
85
- ## 0.0.2 (2025-10-09)
1
+ # Changelog
2
+
3
+ ## [0.1.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.11...0.1.12) (2025-10-16)
4
+
5
+ ### Bug Fixes
6
+
7
+ * install icon ([0606b0a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0606b0ad99bf060692b0f592e306e7f7b0b78406))
8
+
9
+ ## [0.1.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.10...0.1.11) (2025-10-16)
10
+
11
+ ## [0.1.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.9...0.1.10) (2025-10-15)
12
+
13
+ ## [0.1.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.8...0.1.9) (2025-10-15)
14
+
15
+ ## [0.1.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.7...0.1.8) (2025-10-15)
16
+
17
+ ## [0.1.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.6...0.1.7) (2025-10-15)
18
+
19
+ ## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
20
+
21
+ ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
22
+
23
+ ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
24
+
25
+ ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
26
+
27
+ ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
28
+
29
+ ### Features
30
+
31
+ * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
32
+
33
+ ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
34
+
35
+ ### Bug Fixes
36
+
37
+ * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
38
+ * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
39
+
40
+ ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
41
+
42
+ ### Bug Fixes
43
+
44
+ * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
45
+
46
+ ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
47
+
48
+ ### Bug Fixes
49
+
50
+ * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
51
+
52
+ ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
53
+
54
+ ### Bug Fixes
55
+
56
+ * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
57
+ * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
58
+
59
+ ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
60
+
61
+ ### Features
62
+
63
+ * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
64
+
65
+ ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
66
+
67
+ ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
68
+
69
+ ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
70
+
71
+ ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
72
+
73
+ ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
74
+
75
+ ### Bug Fixes
76
+
77
+ * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
78
+
79
+ ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
80
+
81
+ ### Features
82
+
83
+ * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
84
+
85
+ ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
86
+
87
+ ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
88
+
89
+ ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
90
+
91
+ ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
92
+
93
+ ## 0.0.2 (2025-10-09)
package/app/app.config.ts CHANGED
@@ -114,7 +114,7 @@ export default defineAppConfig({
114
114
  },
115
115
  modal: {
116
116
  slots: {
117
- overlay: 'bg-black/50 backdrop-blur',
117
+ overlay: 'bg-[#0C111D]/60 backdrop-blur',
118
118
  title: 'text-xl font-bold',
119
119
  content: [
120
120
  'divide-none overflow-visible flex flex-col',
package/app/app.vue CHANGED
@@ -1,10 +1,10 @@
1
- <template>
2
- <App
3
- :toaster="{
4
- position: 'top-right',
5
- progress: false,
6
- }"
7
- >
8
- <NuxtPage />
9
- </App>
10
- </template>
1
+ <template>
2
+ <App
3
+ :toaster="{
4
+ position: 'top-right',
5
+ progress: false,
6
+ }"
7
+ >
8
+ <NuxtPage />
9
+ </App>
10
+ </template>
package/app/components/Button/ActionIcon.vue CHANGED
@@ -1,29 +1,29 @@
1
- <template>
2
- <Button
3
- size="lg"
4
- variant="ghost"
5
- :icon="icon"
6
- :color="color"
7
- square
8
- :disabled="disabled"
9
- :loading="loading"
10
- :to="to"
11
- @click="$emit('click')"
12
- />
13
- </template>
14
-
15
- <script lang="ts" setup>
16
- defineEmits<{
17
- (e: 'click'): void
18
- }>()
19
-
20
- withDefaults(defineProps<{
21
- to?: string
22
- icon: string
23
- color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
- disabled?: boolean
25
- loading?: boolean
26
- }>(), {
27
- color: 'neutral',
28
- })
29
- </script>
1
+ <template>
2
+ <Button
3
+ size="lg"
4
+ variant="ghost"
5
+ :icon="icon"
6
+ :color="color"
7
+ square
8
+ :disabled="disabled"
9
+ :loading="loading"
10
+ :to="to"
11
+ @click="$emit('click')"
12
+ />
13
+ </template>
14
+
15
+ <script lang="ts" setup>
16
+ defineEmits<{
17
+ (e: 'click'): void
18
+ }>()
19
+
20
+ withDefaults(defineProps<{
21
+ to?: string
22
+ icon: string
23
+ color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
+ disabled?: boolean
25
+ loading?: boolean
26
+ }>(), {
27
+ color: 'neutral',
28
+ })
29
+ </script>
package/app/components/Button/Back.vue CHANGED
@@ -1,22 +1,22 @@
1
- <template>
2
- <Button
3
- icon="icon-park-outline:left"
4
- variant="outline"
5
- color="neutral"
6
- :to="to"
7
- @click="$emit('click')"
8
- >
9
- {{ label || 'กลับ' }}
10
- </Button>
11
- </template>
12
-
13
- <script lang="ts" setup>
14
- defineEmits<{
15
- (e: 'click'): void
16
- }>()
17
-
18
- defineProps<{
19
- to?: string
20
- label?: string
21
- }>()
22
- </script>
1
+ <template>
2
+ <Button
3
+ icon="icon-park-outline:left"
4
+ variant="outline"
5
+ color="neutral"
6
+ :to="to"
7
+ @click="$emit('click')"
8
+ >
9
+ {{ label || 'กลับ' }}
10
+ </Button>
11
+ </template>
12
+
13
+ <script lang="ts" setup>
14
+ defineEmits<{
15
+ (e: 'click'): void
16
+ }>()
17
+
18
+ defineProps<{
19
+ to?: string
20
+ label?: string
21
+ }>()
22
+ </script>