@finema/finework-layer 0.2.3 → 0.2.5

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