@finema/finework-layer 0.2.19 → 0.2.21

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 (27) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/.playground/app/pages/layout-admin/[id]/index.vue +145 -145
  3. package/.playground/app/pages/layout-admin.vue +130 -130
  4. package/.playground/app/pages/submenu/layout-admin.vue +210 -210
  5. package/.vscode/extensions.json +26 -26
  6. package/CHANGELOG.md +169 -161
  7. package/app/app.config.ts +35 -35
  8. package/app/app.vue +10 -10
  9. package/app/components/Button/ActionIcon.vue +29 -29
  10. package/app/components/Button/Back.vue +22 -22
  11. package/app/components/InfoItemList.vue +202 -202
  12. package/app/components/Layout/Admin/Sidebar.vue +304 -304
  13. package/app/components/Layout/Admin/index.vue +213 -213
  14. package/app/components/Layout/Apps.vue +45 -45
  15. package/app/components/Layout/User/index.vue +99 -99
  16. package/app/components/StatusBox.vue +56 -56
  17. package/app/composables/useRequestOptions.ts +50 -50
  18. package/app/constants/routes.ts +1 -1
  19. package/app/error.vue +218 -218
  20. package/app/middleware/auth.ts +45 -0
  21. package/app/middleware/common.ts +12 -0
  22. package/app/middleware/guest.ts +7 -0
  23. package/app/middleware/permissions.ts +29 -0
  24. package/bun.lock +2730 -2730
  25. package/index.d.ts +16 -16
  26. package/nuxt.config.ts +41 -41
  27. package/package.json +2 -2
package/.husky/pre-commit CHANGED
@@ -1 +1 @@
1
- bunx lint-staged
1
+ bunx lint-staged
package/.playground/app/pages/layout-admin/[id]/index.vue CHANGED
@@ -1,148 +1,148 @@
1
- <template>
1
+ <template>
2
2
  <LayoutAdmin
3
3
  label="Test Layout"
4
4
  :sidebar-items="sidebarItems"
5
- >
6
- <p>dasdasd</p>
7
- </LayoutAdmin>
8
- </template>
9
-
10
- <script lang="ts" setup>
11
- import type { NavigationMenuItem } from '@nuxt/ui'
12
-
13
- const auth = useAuth()
14
-
15
- useApp().definePage({
16
- title: 'Test Layout',
17
- breadcrumbs: [
18
- {
19
- label: 'Home',
20
- to: '/',
21
- },
22
- {
23
- label: 'Test Layout',
24
- to: '/test-layout',
25
- },
26
- ],
27
- })
28
-
29
- auth.me.set({
30
- id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
31
- created_at: '2025-09-02T10:16:37.195Z',
32
- updated_at: '2025-10-11T10:14:10.296Z',
33
- email: 'long@finema.co',
34
- full_name: 'Passakon Puttasuwan',
35
- display_name: 'Long',
36
- position: 'Technical Specialist',
37
- team_code: 'DEV',
38
- company: 'finema',
39
- avatar_url:
40
- 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
41
- slack_id: 'U0147KLKKH8',
42
- azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
43
- is_active: true,
44
- joined_date: '2025-09-02T00:00:00Z',
45
- access_level: {
46
- user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
47
- clockin: 'ADMIN',
48
- timesheet: 'ADMIN',
49
- pmo: 'SUPER',
50
- setting: 'SUPER',
51
- created_at: '2025-08-15T16:40:29.319Z',
52
- updated_at: '2025-09-30T10:14:59.228Z',
53
- },
54
- team: {
55
- id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
56
- created_at: '2025-08-26T10:36:53.598Z',
57
- updated_at: '2025-10-01T06:00:29.941Z',
58
- name: 'Developer Team',
59
- code: 'DEV',
60
- color: 'violet',
61
- description: '',
62
- working_start_at: '12:02:00',
63
- working_end_at: '20:00:00',
64
- created_by_id: null,
65
- updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
66
- deleted_by_id: null,
67
- },
68
- })
69
-
70
- // const sidebarItems: NavigationMenuItem[] = [
71
- // {
72
- // label: "Dashboard",
73
- // children: [
74
- // {
75
- // label: "Submenu 1",
76
- // to: "/layout-admin/submenu1",
77
- // icon: "i-heroicons-outline:home",
78
- // },
79
- // {
80
- // label: "Submenu 2",
81
- // to: "/layout-admin/submenu2",
82
- // icon: "i-heroicons-outline:home",
83
- // },
84
- // ],
85
- // },
86
- // {
87
- // label: "Users",
88
- // children: [
89
- // {
90
- // label: "Submenu 1",
91
- // to: "/layout-admin/submenu1",
92
- // icon: "i-heroicons-outline:home",
93
- // },
94
- // {
95
- // label: "Submenu 2",
96
- // to: "/layout-admin/submenu1",
97
- // icon: "i-heroicons-outline:home",
98
- // },
99
- // ],
100
- // },
101
- // ];
102
- const sidebarItems: NavigationMenuItem[] = [
103
- {
104
- label: 'Submenu 1',
105
- to: '/submenu1',
106
- icon: 'i-heroicons-outline:home',
107
- },
108
- {
109
- label: 'Submenu 2',
110
- to: '/submenu1/layout-admin',
111
- icon: 'i-heroicons-outline:home',
112
- },
113
- {
114
- label: 'Submenu 2',
115
- to: '/submenu1/layout-admin',
116
- icon: 'i-heroicons-outline:home',
117
- children: [
118
- {
119
- label: 'Submenu 2-1',
120
- to: '/submenu1/layout-admin2',
121
- icon: 'i-heroicons-outline:home',
122
- },
123
- {
124
- label: 'Submenu 2-2',
125
- to: '/submenu1/layout-admin',
126
- icon: 'i-heroicons-outline:home',
127
- },
128
- ],
129
- },
130
- {
131
- label: 'Submenu 2',
132
- to: '/submenu1/layout-admin',
133
- icon: 'i-heroicons-outline:home',
134
- children: [
135
- {
136
- label: 'Submenu 2-1',
137
- to: '/submenu1/layout-admin2',
138
- icon: 'i-heroicons-outline:home',
139
- },
140
- {
141
- label: 'Submenu 2-2',
142
- to: '/submenu1/layout-admin',
143
- icon: 'i-heroicons-outline:home',
144
- },
145
- ],
146
- },
147
- ]
148
- </script>
5
+ >
6
+ <p>dasdasd</p>
7
+ </LayoutAdmin>
8
+ </template>
9
+
10
+ <script lang="ts" setup>
11
+ import type { NavigationMenuItem } from '@nuxt/ui'
12
+
13
+ const auth = useAuth()
14
+
15
+ useApp().definePage({
16
+ title: 'Test Layout',
17
+ breadcrumbs: [
18
+ {
19
+ label: 'Home',
20
+ to: '/',
21
+ },
22
+ {
23
+ label: 'Test Layout',
24
+ to: '/test-layout',
25
+ },
26
+ ],
27
+ })
28
+
29
+ auth.me.set({
30
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
31
+ created_at: '2025-09-02T10:16:37.195Z',
32
+ updated_at: '2025-10-11T10:14:10.296Z',
33
+ email: 'long@finema.co',
34
+ full_name: 'Passakon Puttasuwan',
35
+ display_name: 'Long',
36
+ position: 'Technical Specialist',
37
+ team_code: 'DEV',
38
+ company: 'finema',
39
+ avatar_url:
40
+ 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
41
+ slack_id: 'U0147KLKKH8',
42
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
43
+ is_active: true,
44
+ joined_date: '2025-09-02T00:00:00Z',
45
+ access_level: {
46
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
47
+ clockin: 'ADMIN',
48
+ timesheet: 'ADMIN',
49
+ pmo: 'SUPER',
50
+ setting: 'SUPER',
51
+ created_at: '2025-08-15T16:40:29.319Z',
52
+ updated_at: '2025-09-30T10:14:59.228Z',
53
+ },
54
+ team: {
55
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
56
+ created_at: '2025-08-26T10:36:53.598Z',
57
+ updated_at: '2025-10-01T06:00:29.941Z',
58
+ name: 'Developer Team',
59
+ code: 'DEV',
60
+ color: 'violet',
61
+ description: '',
62
+ working_start_at: '12:02:00',
63
+ working_end_at: '20:00:00',
64
+ created_by_id: null,
65
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
66
+ deleted_by_id: null,
67
+ },
68
+ })
69
+
70
+ // const sidebarItems: NavigationMenuItem[] = [
71
+ // {
72
+ // label: "Dashboard",
73
+ // children: [
74
+ // {
75
+ // label: "Submenu 1",
76
+ // to: "/layout-admin/submenu1",
77
+ // icon: "i-heroicons-outline:home",
78
+ // },
79
+ // {
80
+ // label: "Submenu 2",
81
+ // to: "/layout-admin/submenu2",
82
+ // icon: "i-heroicons-outline:home",
83
+ // },
84
+ // ],
85
+ // },
86
+ // {
87
+ // label: "Users",
88
+ // children: [
89
+ // {
90
+ // label: "Submenu 1",
91
+ // to: "/layout-admin/submenu1",
92
+ // icon: "i-heroicons-outline:home",
93
+ // },
94
+ // {
95
+ // label: "Submenu 2",
96
+ // to: "/layout-admin/submenu1",
97
+ // icon: "i-heroicons-outline:home",
98
+ // },
99
+ // ],
100
+ // },
101
+ // ];
102
+ const sidebarItems: NavigationMenuItem[] = [
103
+ {
104
+ label: 'Submenu 1',
105
+ to: '/submenu1',
106
+ icon: 'i-heroicons-outline:home',
107
+ },
108
+ {
109
+ label: 'Submenu 2',
110
+ to: '/submenu1/layout-admin',
111
+ icon: 'i-heroicons-outline:home',
112
+ },
113
+ {
114
+ label: 'Submenu 2',
115
+ to: '/submenu1/layout-admin',
116
+ icon: 'i-heroicons-outline:home',
117
+ children: [
118
+ {
119
+ label: 'Submenu 2-1',
120
+ to: '/submenu1/layout-admin2',
121
+ icon: 'i-heroicons-outline:home',
122
+ },
123
+ {
124
+ label: 'Submenu 2-2',
125
+ to: '/submenu1/layout-admin',
126
+ icon: 'i-heroicons-outline:home',
127
+ },
128
+ ],
129
+ },
130
+ {
131
+ label: 'Submenu 2',
132
+ to: '/submenu1/layout-admin',
133
+ icon: 'i-heroicons-outline:home',
134
+ children: [
135
+ {
136
+ label: 'Submenu 2-1',
137
+ to: '/submenu1/layout-admin2',
138
+ icon: 'i-heroicons-outline:home',
139
+ },
140
+ {
141
+ label: 'Submenu 2-2',
142
+ to: '/submenu1/layout-admin',
143
+ icon: 'i-heroicons-outline:home',
144
+ },
145
+ ],
146
+ },
147
+ ]
148
+ </script>
package/.playground/app/pages/layout-admin.vue CHANGED
@@ -1,130 +1,130 @@
1
- <template>
2
- <LayoutAdmin
3
- label="Test Layout"
4
- :sidebar-items="sidebarItems"
5
- is-sidebar-group
6
- >
7
- <p>dasdasd</p>
8
- <Card> asdasdasdasdasdasd </Card>
9
- </LayoutAdmin>
10
- </template>
11
-
12
- <script lang="ts" setup>
13
- import type { NavigationMenuItem } from '@nuxt/ui'
14
-
15
- const auth = useAuth()
16
-
17
- useApp().definePage({
18
- title: 'Test Layout',
19
- breadcrumbs: [
20
- {
21
- label: 'Home',
22
- to: '/',
23
- },
24
- {
25
- label: 'Test Layout',
26
- to: '/test-layout',
27
- },
28
- ],
29
- })
30
-
31
- auth.me.set({
32
- id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
33
- created_at: '2025-09-02T10:16:37.195Z',
34
- updated_at: '2025-10-11T10:14:10.296Z',
35
- email: 'long@finema.co',
36
- full_name: 'Passakon Puttasuwan',
37
- display_name: 'Long',
38
- position: 'Technical Specialist',
39
- team_code: 'DEV',
40
- company: 'finema',
41
- avatar_url:
42
- 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
43
- slack_id: 'U0147KLKKH8',
44
- azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
45
- is_active: true,
46
- joined_date: '2025-09-02T00:00:00Z',
47
- access_level: {
48
- user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
49
- clockin: 'ADMIN',
50
- timesheet: 'ADMIN',
51
- pmo: 'SUPER',
52
- setting: 'SUPER',
53
- created_at: '2025-08-15T16:40:29.319Z',
54
- updated_at: '2025-09-30T10:14:59.228Z',
55
- },
56
- team: {
57
- id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
58
- created_at: '2025-08-26T10:36:53.598Z',
59
- updated_at: '2025-10-01T06:00:29.941Z',
60
- name: 'Developer Team',
61
- code: 'DEV',
62
- color: 'violet',
63
- description: '',
64
- working_start_at: '12:02:00',
65
- working_end_at: '20:00:00',
66
- created_by_id: null,
67
- updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
68
- deleted_by_id: null,
69
- },
70
- })
71
-
72
- const sidebarItems: NavigationMenuItem[] = [
73
- {
74
- children: [
75
- {
76
- label: 'Submenu 1',
77
- to: '/layout-admin',
78
- icon: 'i-heroicons-outline:home',
79
- },
80
- {
81
- label: 'Submenu 2',
82
- to: '/layout-admin/asdasd',
83
- icon: 'i-heroicons-outline:home',
84
- },
85
- ],
86
- },
87
- {
88
- label: 'DASHBOARD',
89
- children: [
90
- {
91
- label: 'Submenu 1',
92
- to: '/submenu',
93
- icon: 'i-heroicons-outline:home',
94
- },
95
- {
96
- label: 'Submenu 2',
97
- to: '/submenu/layout-admin',
98
- icon: 'i-heroicons-outline:home',
99
- },
100
- ],
101
- },
102
- {
103
- label: 'Users',
104
- children: [
105
- {
106
- label: 'Submenu 1',
107
- to: '/submenu1',
108
- icon: 'i-heroicons-outline:home',
109
- },
110
- {
111
- label: 'Submenu 2',
112
- to: '/layout-admin',
113
- icon: 'i-heroicons-outline:home',
114
- children: [
115
- {
116
- label: 'Submenu 2-1',
117
- to: '/layout-admin/1',
118
- icon: 'i-heroicons-outline:home',
119
- },
120
- {
121
- label: 'Submenu 2-2',
122
- to: '/layout-admin/2',
123
- icon: 'i-heroicons-outline:home',
124
- },
125
- ],
126
- },
127
- ],
128
- },
129
- ]
130
- </script>
1
+ <template>
2
+ <LayoutAdmin
3
+ label="Test Layout"
4
+ :sidebar-items="sidebarItems"
5
+ is-sidebar-group
6
+ >
7
+ <p>dasdasd</p>
8
+ <Card> asdasdasdasdasdasd </Card>
9
+ </LayoutAdmin>
10
+ </template>
11
+
12
+ <script lang="ts" setup>
13
+ import type { NavigationMenuItem } from '@nuxt/ui'
14
+
15
+ const auth = useAuth()
16
+
17
+ useApp().definePage({
18
+ title: 'Test Layout',
19
+ breadcrumbs: [
20
+ {
21
+ label: 'Home',
22
+ to: '/',
23
+ },
24
+ {
25
+ label: 'Test Layout',
26
+ to: '/test-layout',
27
+ },
28
+ ],
29
+ })
30
+
31
+ auth.me.set({
32
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
33
+ created_at: '2025-09-02T10:16:37.195Z',
34
+ updated_at: '2025-10-11T10:14:10.296Z',
35
+ email: 'long@finema.co',
36
+ full_name: 'Passakon Puttasuwan',
37
+ display_name: 'Long',
38
+ position: 'Technical Specialist',
39
+ team_code: 'DEV',
40
+ company: 'finema',
41
+ avatar_url:
42
+ 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
43
+ slack_id: 'U0147KLKKH8',
44
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
45
+ is_active: true,
46
+ joined_date: '2025-09-02T00:00:00Z',
47
+ access_level: {
48
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
49
+ clockin: 'ADMIN',
50
+ timesheet: 'ADMIN',
51
+ pmo: 'SUPER',
52
+ setting: 'SUPER',
53
+ created_at: '2025-08-15T16:40:29.319Z',
54
+ updated_at: '2025-09-30T10:14:59.228Z',
55
+ },
56
+ team: {
57
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
58
+ created_at: '2025-08-26T10:36:53.598Z',
59
+ updated_at: '2025-10-01T06:00:29.941Z',
60
+ name: 'Developer Team',
61
+ code: 'DEV',
62
+ color: 'violet',
63
+ description: '',
64
+ working_start_at: '12:02:00',
65
+ working_end_at: '20:00:00',
66
+ created_by_id: null,
67
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
68
+ deleted_by_id: null,
69
+ },
70
+ })
71
+
72
+ const sidebarItems: NavigationMenuItem[] = [
73
+ {
74
+ children: [
75
+ {
76
+ label: 'Submenu 1',
77
+ to: '/layout-admin',
78
+ icon: 'i-heroicons-outline:home',
79
+ },
80
+ {
81
+ label: 'Submenu 2',
82
+ to: '/layout-admin/asdasd',
83
+ icon: 'i-heroicons-outline:home',
84
+ },
85
+ ],
86
+ },
87
+ {
88
+ label: 'DASHBOARD',
89
+ children: [
90
+ {
91
+ label: 'Submenu 1',
92
+ to: '/submenu',
93
+ icon: 'i-heroicons-outline:home',
94
+ },
95
+ {
96
+ label: 'Submenu 2',
97
+ to: '/submenu/layout-admin',
98
+ icon: 'i-heroicons-outline:home',
99
+ },
100
+ ],
101
+ },
102
+ {
103
+ label: 'Users',
104
+ children: [
105
+ {
106
+ label: 'Submenu 1',
107
+ to: '/submenu1',
108
+ icon: 'i-heroicons-outline:home',
109
+ },
110
+ {
111
+ label: 'Submenu 2',
112
+ to: '/layout-admin',
113
+ icon: 'i-heroicons-outline:home',
114
+ children: [
115
+ {
116
+ label: 'Submenu 2-1',
117
+ to: '/layout-admin/1',
118
+ icon: 'i-heroicons-outline:home',
119
+ },
120
+ {
121
+ label: 'Submenu 2-2',
122
+ to: '/layout-admin/2',
123
+ icon: 'i-heroicons-outline:home',
124
+ },
125
+ ],
126
+ },
127
+ ],
128
+ },
129
+ ]
130
+ </script>