rayyy-vue-table-components 1.2.8 → 1.2.10
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/package.json
CHANGED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
// 組件級樣式 - 從 tailwind-preset.js plugins 轉移而來
|
|
2
|
+
|
|
3
|
+
// SortTable 組件樣式
|
|
4
|
+
.sort-table-container {
|
|
5
|
+
@apply w-full mb-4;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.sort-table-function-bar {
|
|
9
|
+
@apply flex items-center h-12 bg-primary-20 px-1.5 rounded-t justify-end;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.sort-table-settings-btn {
|
|
13
|
+
@apply cursor-pointer text-primary-dark text-xl flex items-center justify-center;
|
|
14
|
+
|
|
15
|
+
&:hover {
|
|
16
|
+
@apply text-primary-40;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// FilterBtn 組件樣式
|
|
21
|
+
.filter-btn {
|
|
22
|
+
@apply text-sky-500;
|
|
23
|
+
|
|
24
|
+
p {
|
|
25
|
+
@apply text-black ml-2 font-bold;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
i {
|
|
29
|
+
@apply text-xl;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:hover {
|
|
33
|
+
@apply text-white bg-sky-500;
|
|
34
|
+
|
|
35
|
+
p {
|
|
36
|
+
@apply text-white;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&:disabled {
|
|
41
|
+
@apply bg-white opacity-50;
|
|
42
|
+
|
|
43
|
+
&:hover {
|
|
44
|
+
@apply bg-white;
|
|
45
|
+
|
|
46
|
+
p {
|
|
47
|
+
@apply text-black/20;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// TransferItem 組件樣式
|
|
54
|
+
.transfer-item-wrapper {
|
|
55
|
+
@apply border-t border-gray-200 px-4 flex items-center justify-between w-full;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.transfer-arrow-wrapper {
|
|
59
|
+
@apply w-28 text-primary-10;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// TransferDialog 組件樣式
|
|
63
|
+
.transfer-sort-wrapper {
|
|
64
|
+
@apply border border-gray-200 h-96 overflow-auto;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.transfer-active-bg {
|
|
68
|
+
background-color: rgba(103, 133, 193, 0.1);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.transfer-active-border {
|
|
72
|
+
@apply border border-primary-10 rounded;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// BaseDialog 組件樣式
|
|
76
|
+
.base-dialog-title {
|
|
77
|
+
@apply font-bold text-base;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// 通用樣式
|
|
81
|
+
.cursor-grab {
|
|
82
|
+
cursor: grab;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.cursor-grabbing {
|
|
86
|
+
cursor: grabbing;
|
|
87
|
+
}
|
package/tailwind-preset.js
CHANGED
|
@@ -27,15 +27,13 @@ module.exports = {
|
|
|
27
27
|
'border-primary-60',
|
|
28
28
|
'border-primary-80',
|
|
29
29
|
'border-primary-dark',
|
|
30
|
-
|
|
30
|
+
'text-blue-10',
|
|
31
31
|
'text-redText',
|
|
32
32
|
'bg-blue-20',
|
|
33
33
|
'border-b-orange',
|
|
34
34
|
'border-b-blue-10',
|
|
35
35
|
|
|
36
|
-
//
|
|
37
|
-
'cursor-grab',
|
|
38
|
-
'cursor-grabbing',
|
|
36
|
+
// 組件樣式相關的 Tailwind 類別（用於 SCSS 和 TypeScript 工具）
|
|
39
37
|
'bg-primary/10',
|
|
40
38
|
'hover:text-primary-40',
|
|
41
39
|
'text-sky-500',
|
|
@@ -43,6 +41,7 @@ module.exports = {
|
|
|
43
41
|
'disabled:bg-white',
|
|
44
42
|
'disabled:opacity-50',
|
|
45
43
|
'disabled:text-black/20',
|
|
44
|
+
'text-black/20',
|
|
46
45
|
],
|
|
47
46
|
theme: {
|
|
48
47
|
extend: {
|