@finema/finework-layer 0.1.3 → 0.1.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 (19) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/.playground/app/pages/layout-admin.vue +100 -100
  3. package/CHANGELOG.md +75 -71
  4. package/app/app.config.ts +2 -4
  5. package/app/app.vue +10 -10
  6. package/app/components/Button/ActionIcon.vue +29 -29
  7. package/app/components/Button/Back.vue +22 -22
  8. package/app/components/InfoItemList.vue +202 -202
  9. package/app/components/Layout/Admin/Sidebar.vue +289 -289
  10. package/app/components/Layout/Admin/index.vue +207 -200
  11. package/app/components/Layout/Apps.vue +45 -45
  12. package/app/components/Layout/User/index.vue +99 -99
  13. package/app/components/StatusBox.vue +56 -56
  14. package/app/composables/useAuth.ts +189 -189
  15. package/app/composables/useRequestOptions.ts +50 -50
  16. package/app/error.vue +218 -218
  17. package/bun.lock +2729 -2729
  18. package/index.d.ts +16 -16
  19. package/package.json +37 -37
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/CHANGELOG.md CHANGED
@@ -1,71 +1,75 @@
1
- # Changelog
2
-
3
- ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
4
-
5
- ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
6
-
7
- ### Features
8
-
9
- * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
10
-
11
- ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
12
-
13
- ### Bug Fixes
14
-
15
- * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
16
- * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
17
-
18
- ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
19
-
20
- ### Bug Fixes
21
-
22
- * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
23
-
24
- ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
25
-
26
- ### Bug Fixes
27
-
28
- * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
29
-
30
- ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
31
-
32
- ### Bug Fixes
33
-
34
- * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
35
- * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
36
-
37
- ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
38
-
39
- ### Features
40
-
41
- * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
42
-
43
- ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
44
-
45
- ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
46
-
47
- ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
48
-
49
- ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
50
-
51
- ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
52
-
53
- ### Bug Fixes
54
-
55
- * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
56
-
57
- ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
58
-
59
- ### Features
60
-
61
- * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
62
-
63
- ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
64
-
65
- ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
66
-
67
- ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
68
-
69
- ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
70
-
71
- ## 0.0.2 (2025-10-09)
1
+ # Changelog
2
+
3
+ ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
4
+
5
+ ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
6
+
7
+ ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
8
+
9
+ ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
10
+
11
+ ### Features
12
+
13
+ * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
14
+
15
+ ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
16
+
17
+ ### Bug Fixes
18
+
19
+ * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
20
+ * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
21
+
22
+ ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
23
+
24
+ ### Bug Fixes
25
+
26
+ * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
27
+
28
+ ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
29
+
30
+ ### Bug Fixes
31
+
32
+ * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
33
+
34
+ ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
35
+
36
+ ### Bug Fixes
37
+
38
+ * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
39
+ * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
40
+
41
+ ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
42
+
43
+ ### Features
44
+
45
+ * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
46
+
47
+ ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
48
+
49
+ ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
50
+
51
+ ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
52
+
53
+ ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
54
+
55
+ ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
56
+
57
+ ### Bug Fixes
58
+
59
+ * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
60
+
61
+ ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
62
+
63
+ ### Features
64
+
65
+ * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
66
+
67
+ ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
68
+
69
+ ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
70
+
71
+ ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
72
+
73
+ ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
74
+
75
+ ## 0.0.2 (2025-10-09)
package/app/app.config.ts CHANGED
@@ -21,10 +21,8 @@ export default defineAppConfig({
21
21
  slots: {
22
22
  iconWrapper: 'rounded-full size-[48px] flex justify-center items-center',
23
23
  icon: 'size-6',
24
- base: [
25
- 'rounded-xl flex-col justify-start items-start space-x-0 bg-[url(/dialog-bg.png)] bg-no-repeat bg-top-left bg-size-[220px]',
26
- 'max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:rounded-b-none max-sm:rounded-t-xl',
27
- ],
24
+ base: 'rounded-xl flex-col justify-start items-start space-x-0 bg-[url(/dialog-bg.png)] bg-no-repeat bg-top-left bg-size-[220px] '
25
+ + ' max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:rounded-b-none max-sm:rounded-t-xl',
28
26
  overlay: 'bg-black/50 backdrop-blur',
29
27
  description: 'whitespace-pre-line',
30
28
  wrapper: 'justify-start items-start',
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>