@finema/finework-layer 0.1.14 → 0.1.16
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/.husky/pre-commit +1 -1
- package/.playground/app/pages/layout-admin.vue +117 -103
- package/.playground/app/pages/submenu1/layout-admin.vue +128 -128
- package/CHANGELOG.md +105 -97
- package/app/app.config.ts +1 -286
- package/app/app.vue +10 -10
- package/app/assets/css/main.css +0 -106
- package/app/components/Button/ActionIcon.vue +29 -29
- package/app/components/Button/Back.vue +22 -22
- package/app/components/InfoItemList.vue +202 -202
- package/app/components/Layout/Admin/Sidebar.vue +294 -294
- package/app/components/Layout/Admin/index.vue +207 -207
- package/app/components/Layout/Apps.vue +45 -45
- package/app/components/Layout/User/index.vue +99 -99
- package/app/components/StatusBox.vue +56 -56
- package/app/composables/useAuth.ts +189 -189
- package/app/composables/useRequestOptions.ts +50 -50
- package/app/error.vue +218 -218
- package/bun.lock +2730 -2730
- package/index.d.ts +16 -16
- package/nuxt.config.ts +0 -7
- package/package.json +38 -38
package/CHANGELOG.md
CHANGED
|
@@ -1,97 +1,105 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
## [0.1.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## [0.1.
|
|
14
|
-
|
|
15
|
-
## [0.1.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## [0.1.
|
|
22
|
-
|
|
23
|
-
## [0.1.
|
|
24
|
-
|
|
25
|
-
## [0.1.
|
|
26
|
-
|
|
27
|
-
## [0.1.
|
|
28
|
-
|
|
29
|
-
## [0.1.
|
|
30
|
-
|
|
31
|
-
## [0.1.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
## [0.1.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
## [0.0.
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
## [0.0.
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
## [0.0.
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
## [0.0.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
## 0.0.
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
## [0.1.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.15...0.1.16) (2025-10-16)
|
|
4
|
+
|
|
5
|
+
### Performance Improvements
|
|
6
|
+
|
|
7
|
+
* **lint:** enable eslint caching for better performance ([369be3c](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/369be3ceadaf8f3a7297dbe12fd0a11360cdb781))
|
|
8
|
+
|
|
9
|
+
## [0.1.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.14...0.1.15) (2025-10-16)
|
|
10
|
+
|
|
11
|
+
## [0.1.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.13...0.1.14) (2025-10-16)
|
|
12
|
+
|
|
13
|
+
## [0.1.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.12...0.1.13) (2025-10-16)
|
|
14
|
+
|
|
15
|
+
## [0.1.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.11...0.1.12) (2025-10-16)
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* install icon ([0606b0a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0606b0ad99bf060692b0f592e306e7f7b0b78406))
|
|
20
|
+
|
|
21
|
+
## [0.1.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.10...0.1.11) (2025-10-16)
|
|
22
|
+
|
|
23
|
+
## [0.1.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.9...0.1.10) (2025-10-15)
|
|
24
|
+
|
|
25
|
+
## [0.1.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.8...0.1.9) (2025-10-15)
|
|
26
|
+
|
|
27
|
+
## [0.1.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.7...0.1.8) (2025-10-15)
|
|
28
|
+
|
|
29
|
+
## [0.1.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.6...0.1.7) (2025-10-15)
|
|
30
|
+
|
|
31
|
+
## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
|
|
32
|
+
|
|
33
|
+
## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
|
|
34
|
+
|
|
35
|
+
## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
|
|
36
|
+
|
|
37
|
+
## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
|
|
38
|
+
|
|
39
|
+
## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
|
|
40
|
+
|
|
41
|
+
### Features
|
|
42
|
+
|
|
43
|
+
* layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
|
|
44
|
+
|
|
45
|
+
## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
|
|
46
|
+
|
|
47
|
+
### Bug Fixes
|
|
48
|
+
|
|
49
|
+
* lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
|
|
50
|
+
* version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
|
|
51
|
+
|
|
52
|
+
## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
|
|
53
|
+
|
|
54
|
+
### Bug Fixes
|
|
55
|
+
|
|
56
|
+
* **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
|
|
57
|
+
|
|
58
|
+
## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
|
|
59
|
+
|
|
60
|
+
### Bug Fixes
|
|
61
|
+
|
|
62
|
+
* **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
|
|
63
|
+
|
|
64
|
+
## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
|
|
65
|
+
|
|
66
|
+
### Bug Fixes
|
|
67
|
+
|
|
68
|
+
* **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
|
|
69
|
+
* **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
|
|
70
|
+
|
|
71
|
+
## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
|
|
72
|
+
|
|
73
|
+
### Features
|
|
74
|
+
|
|
75
|
+
* **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
|
|
76
|
+
|
|
77
|
+
## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
|
|
78
|
+
|
|
79
|
+
## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
|
|
80
|
+
|
|
81
|
+
## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
|
|
82
|
+
|
|
83
|
+
## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
|
|
84
|
+
|
|
85
|
+
## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
|
|
86
|
+
|
|
87
|
+
### Bug Fixes
|
|
88
|
+
|
|
89
|
+
* modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
|
|
90
|
+
|
|
91
|
+
## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
|
|
92
|
+
|
|
93
|
+
### Features
|
|
94
|
+
|
|
95
|
+
* add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
|
|
96
|
+
|
|
97
|
+
## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
|
|
98
|
+
|
|
99
|
+
## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
|
|
100
|
+
|
|
101
|
+
## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
|
|
102
|
+
|
|
103
|
+
## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
|
|
104
|
+
|
|
105
|
+
## 0.0.2 (2025-10-09)
|
package/app/app.config.ts
CHANGED
|
@@ -9,290 +9,5 @@ export default defineAppConfig({
|
|
|
9
9
|
limit_per_page: 15,
|
|
10
10
|
locale: 'en',
|
|
11
11
|
},
|
|
12
|
-
ui: {
|
|
13
|
-
colors: {
|
|
14
|
-
white: 'white',
|
|
15
|
-
},
|
|
16
|
-
dialog: {
|
|
17
|
-
icons: {
|
|
18
|
-
iconInfo: 'material-symbols:info-outline',
|
|
19
|
-
iconConfirm: 'material-symbols:info-outline',
|
|
20
|
-
},
|
|
21
|
-
slots: {
|
|
22
|
-
iconWrapper: 'rounded-full size-[48px] flex justify-center items-center',
|
|
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
|
-
],
|
|
28
|
-
overlay: 'bg-black/50 backdrop-blur',
|
|
29
|
-
description: 'whitespace-pre-line',
|
|
30
|
-
wrapper: 'justify-start items-start',
|
|
31
|
-
title: 'mt-4',
|
|
32
|
-
buttonGroup: 'justify-center w-full mt-6',
|
|
33
|
-
cancelButton: 'w-full justify-center',
|
|
34
|
-
confirmButton: 'w-full justify-center',
|
|
35
|
-
},
|
|
36
|
-
variants: {
|
|
37
|
-
color: {
|
|
38
|
-
success: {
|
|
39
|
-
icon: 'text-success',
|
|
40
|
-
iconWrapper: 'bg-success/10',
|
|
41
|
-
},
|
|
42
|
-
info: {
|
|
43
|
-
icon: 'text-info',
|
|
44
|
-
iconWrapper: 'bg-info/10',
|
|
45
|
-
},
|
|
46
|
-
warning: {
|
|
47
|
-
icon: 'text-warning',
|
|
48
|
-
iconWrapper: 'bg-warning/10',
|
|
49
|
-
},
|
|
50
|
-
error: {
|
|
51
|
-
icon: 'text-error',
|
|
52
|
-
iconWrapper: 'bg-error/10',
|
|
53
|
-
},
|
|
54
|
-
loading: {
|
|
55
|
-
icon: 'text-primary size-10',
|
|
56
|
-
base: 'max-w-[400px] bg-none',
|
|
57
|
-
wrapper: 'justify-center',
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
confirm: {
|
|
61
|
-
true: {},
|
|
62
|
-
false: {},
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
slideover: {
|
|
67
|
-
slots: {
|
|
68
|
-
overlay: 'bg-black/50 backdrop-blur',
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
toast: {
|
|
72
|
-
slots: {
|
|
73
|
-
root: 'rounded-xl',
|
|
74
|
-
icon: 'size-8',
|
|
75
|
-
},
|
|
76
|
-
},
|
|
77
|
-
card: {
|
|
78
|
-
slots: {
|
|
79
|
-
root: '!bg-white',
|
|
80
|
-
header: 'text-lg font-bold',
|
|
81
|
-
},
|
|
82
|
-
variants: {
|
|
83
|
-
variant: {
|
|
84
|
-
soft: {
|
|
85
|
-
root: 'bg-elevated/50 divide-y divide-default shadow-[0px_2px_14px_0px_rgba(0,0,0,0.06)]',
|
|
86
|
-
},
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
},
|
|
90
|
-
switch: {
|
|
91
|
-
slots: {
|
|
92
|
-
base: 'cursor-pointer',
|
|
93
|
-
label: 'cursor-pointer',
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
|
-
breadcrumb: {
|
|
97
|
-
variants: {
|
|
98
|
-
active: {
|
|
99
|
-
true: {
|
|
100
|
-
link: 'text-black font-semibold',
|
|
101
|
-
},
|
|
102
|
-
},
|
|
103
|
-
},
|
|
104
|
-
},
|
|
105
|
-
tabs: {
|
|
106
|
-
slots: {
|
|
107
|
-
label: 'whitespace-nowrap',
|
|
108
|
-
list: 'relative flex p-1 group overflow-x-auto overflow-y-hidden scrollbar-hide',
|
|
109
|
-
trigger: 'data-[state=active]:font-bold cursor-pointer whitespace-nowrap shrink-0',
|
|
110
|
-
},
|
|
111
|
-
defaultVariants: {
|
|
112
|
-
size: 'xl',
|
|
113
|
-
},
|
|
114
|
-
},
|
|
115
|
-
modal: {
|
|
116
|
-
slots: {
|
|
117
|
-
overlay: 'bg-[#0C111D]/60 backdrop-blur',
|
|
118
|
-
title: 'text-xl font-bold',
|
|
119
|
-
content: [
|
|
120
|
-
'divide-none overflow-visible flex flex-col',
|
|
121
|
-
'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:h-auto max-sm:max-h-[90dvh] max-sm:rounded-b-none max-sm:rounded-t-lg',
|
|
122
|
-
],
|
|
123
|
-
body: '!pt-0 overflow-y-auto flex-1 overflow-x-visible',
|
|
124
|
-
footer: 'w-full',
|
|
125
|
-
},
|
|
126
|
-
variants: {
|
|
127
|
-
fullscreen: {
|
|
128
|
-
false: {
|
|
129
|
-
content: 'overflow-visible',
|
|
130
|
-
},
|
|
131
|
-
},
|
|
132
|
-
},
|
|
133
|
-
},
|
|
134
|
-
pagination: {
|
|
135
|
-
slots: {
|
|
136
|
-
first: 'disabled:hidden',
|
|
137
|
-
prev: 'disabled:hidden',
|
|
138
|
-
next: 'disabled:hidden',
|
|
139
|
-
last: 'disabled:hidden',
|
|
140
|
-
},
|
|
141
|
-
},
|
|
142
|
-
table: {
|
|
143
|
-
slots: {
|
|
144
|
-
root: 'rounded-t-md rounded-b-md bg-white',
|
|
145
|
-
captionContainer: 'hidden',
|
|
146
|
-
paginationInfo: 'text-gray-600',
|
|
147
|
-
paginationContainer: 'items-center flex-col lg:flex-row gap-4',
|
|
148
|
-
thead: 'bg-primary',
|
|
149
|
-
th: 'text-[#222222] bg-white whitespace-nowrap',
|
|
150
|
-
td: 'text-[#222222]',
|
|
151
|
-
},
|
|
152
|
-
variants: {
|
|
153
|
-
pinned: {
|
|
154
|
-
true: {
|
|
155
|
-
th: 'sticky bg-gray-100 data-[pinned=left]:left-0 data-[pinned=right]:right-0 z-[100] ',
|
|
156
|
-
td: 'sticky bg-gray-50 data-[pinned=left]:left-0 data-[pinned=right]:right-0 ',
|
|
157
|
-
},
|
|
158
|
-
},
|
|
159
|
-
sticky: {
|
|
160
|
-
true: {
|
|
161
|
-
thead: 'sticky top-0 inset-x-0 bg-primary z-[1] backdrop-blur',
|
|
162
|
-
tfoot: 'sticky bottom-0 inset-x-0 bg-white z-[1] backdrop-blur',
|
|
163
|
-
},
|
|
164
|
-
},
|
|
165
|
-
},
|
|
166
|
-
},
|
|
167
|
-
formField: {
|
|
168
|
-
slots: {
|
|
169
|
-
label: 'font-bold',
|
|
170
|
-
},
|
|
171
|
-
},
|
|
172
|
-
input: {
|
|
173
|
-
variants: {
|
|
174
|
-
size: {
|
|
175
|
-
xl: {
|
|
176
|
-
base: 'py-2.5 disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed',
|
|
177
|
-
},
|
|
178
|
-
},
|
|
179
|
-
},
|
|
180
|
-
defaultVariants: {
|
|
181
|
-
size: 'xl',
|
|
182
|
-
},
|
|
183
|
-
},
|
|
184
|
-
inputNumber: {
|
|
185
|
-
variants: {
|
|
186
|
-
size: {
|
|
187
|
-
xl: 'py-2.5 disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed',
|
|
188
|
-
},
|
|
189
|
-
},
|
|
190
|
-
defaultVariants: {
|
|
191
|
-
size: 'xl',
|
|
192
|
-
},
|
|
193
|
-
},
|
|
194
|
-
inputTags: {
|
|
195
|
-
variants: {
|
|
196
|
-
size: {
|
|
197
|
-
xl: {
|
|
198
|
-
base: 'py-2.5 min-h-[100px] items-start disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed w-full',
|
|
199
|
-
item: 'bg-white',
|
|
200
|
-
},
|
|
201
|
-
},
|
|
202
|
-
},
|
|
203
|
-
defaultVariants: {
|
|
204
|
-
size: 'xl',
|
|
205
|
-
},
|
|
206
|
-
},
|
|
207
|
-
dateTime: {
|
|
208
|
-
slots: {
|
|
209
|
-
clearIcon: 'size-6 mr-3',
|
|
210
|
-
},
|
|
211
|
-
},
|
|
212
|
-
selectMenu: {
|
|
213
|
-
slots: {
|
|
214
|
-
base: 'cursor-pointer w-full',
|
|
215
|
-
item: 'cursor-pointer max-sm:h-14',
|
|
216
|
-
clearIcon: 'size-6',
|
|
217
|
-
},
|
|
218
|
-
variants: {
|
|
219
|
-
size: {
|
|
220
|
-
xl: {
|
|
221
|
-
base: 'py-2.5 disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed',
|
|
222
|
-
},
|
|
223
|
-
},
|
|
224
|
-
},
|
|
225
|
-
defaultVariants: {
|
|
226
|
-
size: 'xl',
|
|
227
|
-
},
|
|
228
|
-
},
|
|
229
|
-
textarea: {
|
|
230
|
-
variants: {
|
|
231
|
-
size: {
|
|
232
|
-
xl: {
|
|
233
|
-
base: 'py-2.5 disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed',
|
|
234
|
-
},
|
|
235
|
-
},
|
|
236
|
-
},
|
|
237
|
-
defaultVariants: {
|
|
238
|
-
size: 'xl',
|
|
239
|
-
},
|
|
240
|
-
},
|
|
241
|
-
button: {
|
|
242
|
-
slots: {
|
|
243
|
-
base: ['rounded-lg cursor-pointer'],
|
|
244
|
-
},
|
|
245
|
-
variants: {
|
|
246
|
-
size: {
|
|
247
|
-
xl: {
|
|
248
|
-
base: 'py-2.5 font-semibold',
|
|
249
|
-
},
|
|
250
|
-
},
|
|
251
|
-
},
|
|
252
|
-
compoundVariants: [
|
|
253
|
-
{
|
|
254
|
-
color: 'white',
|
|
255
|
-
variant: 'solid',
|
|
256
|
-
class: 'text-black',
|
|
257
|
-
},
|
|
258
|
-
],
|
|
259
|
-
defaultVariants: {
|
|
260
|
-
size: 'xl',
|
|
261
|
-
},
|
|
262
|
-
},
|
|
263
|
-
stepper: {
|
|
264
|
-
variants: {
|
|
265
|
-
size: {
|
|
266
|
-
xs: {
|
|
267
|
-
trigger: 'size-8',
|
|
268
|
-
icon: 'size-6',
|
|
269
|
-
title: 'text-base font-bold',
|
|
270
|
-
description: 'text-sm',
|
|
271
|
-
wrapper: 'mt-1.5',
|
|
272
|
-
},
|
|
273
|
-
},
|
|
274
|
-
},
|
|
275
|
-
defaultVariants: {
|
|
276
|
-
size: 'xs',
|
|
277
|
-
},
|
|
278
|
-
},
|
|
279
|
-
dropdownMenu: {
|
|
280
|
-
slots: {
|
|
281
|
-
content: 'cursor-pointer w-full',
|
|
282
|
-
item: 'cursor-pointer max-sm:h-14',
|
|
283
|
-
clearIcon: 'size-6',
|
|
284
|
-
},
|
|
285
|
-
variants: {
|
|
286
|
-
size: {
|
|
287
|
-
lg: {
|
|
288
|
-
content: 'text-sm py-2.5 disabled:bg-[#F5F5F5] disabled:text-[#737373] disabled:cursor-not-allowed',
|
|
289
|
-
},
|
|
290
|
-
},
|
|
291
|
-
},
|
|
292
|
-
defaultVariants: {
|
|
293
|
-
size: 'lg',
|
|
294
|
-
},
|
|
295
|
-
},
|
|
296
|
-
|
|
297
|
-
},
|
|
12
|
+
ui: {},
|
|
298
13
|
})
|
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/assets/css/main.css
CHANGED
|
@@ -1,115 +1,9 @@
|
|
|
1
1
|
@import "tailwindcss";
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--ui-text: var(--ui-color-neutral-800);
|
|
5
|
-
--color-main: #1570EF;
|
|
6
|
-
--color-main-50: #EBEEFF;
|
|
7
|
-
--color-main-100: #D1E9FF;
|
|
8
|
-
--color-main-200: #B2DDFF;
|
|
9
|
-
--color-main-300: #84CAFF;
|
|
10
|
-
--color-main-400: #53B1FD;
|
|
11
|
-
--color-main-500: #1570EF;
|
|
12
|
-
--color-main-600: #1570EF;
|
|
13
|
-
--color-main-700: #175CD3;
|
|
14
|
-
--color-main-800: #1849A9;
|
|
15
|
-
--color-main-900: #194185;
|
|
16
|
-
--color-main-950: #102A56;
|
|
17
|
-
|
|
18
|
-
--color-warning: #F79009;
|
|
19
|
-
--color-warning-50: #FFFAEB;
|
|
20
|
-
--color-warning-100: #FEF0C7;
|
|
21
|
-
--color-warning-200: #FEDF89;
|
|
22
|
-
--color-warning-300: #FEC84B;
|
|
23
|
-
--color-warning-400: #FDB022;
|
|
24
|
-
--color-warning-500: #F79009;
|
|
25
|
-
--color-warning-600: #DC6803;
|
|
26
|
-
--color-warning-700: #B54708;
|
|
27
|
-
--color-warning-800: #93370D;
|
|
28
|
-
--color-warning-900: #7A2E0E;
|
|
29
|
-
--color-warning-950: #4E1D09;
|
|
30
|
-
|
|
31
|
-
--color-success: #17B26A;
|
|
32
|
-
--color-success-50: #ECFDF3;
|
|
33
|
-
--color-success-100: #DCFAE6;
|
|
34
|
-
--color-success-200: #ABEFC6;
|
|
35
|
-
--color-success-300: #75E0A7;
|
|
36
|
-
--color-success-400: #47CD89;
|
|
37
|
-
--color-success-500: #17B26A;
|
|
38
|
-
--color-success-600: #079455;
|
|
39
|
-
--color-success-700: #067647;
|
|
40
|
-
--color-success-800: #085D3A;
|
|
41
|
-
--color-success-900: #074D31;
|
|
42
|
-
--color-success-950: #053321;
|
|
43
|
-
|
|
44
|
-
--color-error: #E11D48;
|
|
45
|
-
--color-error-50: #fef2f2;
|
|
46
|
-
--color-error-100: #FEE2E2;
|
|
47
|
-
--color-error-200: #F0899F;
|
|
48
|
-
--color-error-300: #EB6582;
|
|
49
|
-
--color-error-400: #E64065;
|
|
50
|
-
--color-error-500: #E11D48;
|
|
51
|
-
--color-error-600: #AF1738;
|
|
52
|
-
--color-error-700: #7E1028;
|
|
53
|
-
--color-error-800: #4C0A18;
|
|
54
|
-
--color-error-900: #1A0308;
|
|
55
|
-
--color-error-950: #010000;
|
|
56
|
-
|
|
57
|
-
--color-info: #2563EB;
|
|
58
|
-
--color-info-50: #DDE9FF;
|
|
59
|
-
--color-info-100: #C8DFFF;
|
|
60
|
-
--color-info-200: #A1C4FF;
|
|
61
|
-
--color-info-300: #7AA9FF;
|
|
62
|
-
--color-info-400: #538EFF;
|
|
63
|
-
--color-info-500: #2563EB;
|
|
64
|
-
--color-info-600: #1A4AAF;
|
|
65
|
-
--color-info-700: #0F318A;
|
|
66
|
-
--color-info-800: #081F65;
|
|
67
|
-
--color-info-900: #020B3A;
|
|
68
|
-
--color-info-950: #000000;
|
|
69
|
-
|
|
70
|
-
--color-white: #FFFFFF;
|
|
71
|
-
--color-white-50: #FFFFFF;
|
|
72
|
-
--color-white-100: #FFFFFF;
|
|
73
|
-
--color-white-200: #FFFFFF;
|
|
74
|
-
--color-white-300: #FFFFFF;
|
|
75
|
-
--color-white-400: #FFFFFF;
|
|
76
|
-
--color-white-500: #FFFFFF;
|
|
77
|
-
--color-white-600: #E3E3E3;
|
|
78
|
-
--color-white-700: #C7C7C7;
|
|
79
|
-
--color-white-800: #ABABAB;
|
|
80
|
-
--color-white-900: #8F8F8F;
|
|
81
|
-
--color-white-950: #818181;
|
|
82
|
-
|
|
83
4
|
--color-background: var(--color-gray-50);
|
|
84
5
|
}
|
|
85
6
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
html {
|
|
89
|
-
@apply text-sm lg:text-base;
|
|
90
|
-
font-family: 'Noto Sans Thai', 'Noto Sans Thai Looped', 'Public Sans', sans-serif !important;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
7
|
body {
|
|
94
8
|
@apply bg-[var(--color-background)];
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.dp__main {
|
|
98
|
-
display: block !important;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.dp__menu {
|
|
102
|
-
border: none !important;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.dp__pointer {
|
|
106
|
-
height: 44px !important;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.dp__outer_menu_wrap {
|
|
110
|
-
box-shadow: none !important;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.dp--menu-wrapper {
|
|
114
|
-
@apply ring-1 ring-slate-300;
|
|
115
9
|
}
|