rayyy-vue-table-components 1.0.34 → 1.0.37

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 (10) hide show
  1. package/dist/index.es.js +1820 -1745
  2. package/dist/index.umd.js +3 -3
  3. package/dist/rayyy-vue-table-components.css +1 -1
  4. package/package.json +9 -3
  5. package/src/components/BaseDialog.vue +1 -4
  6. package/src/components/items/FilterBtn.vue +0 -25
  7. package/src/components/tables/SortTable.vue +4 -26
  8. package/src/components/transfer/TransferDialog.vue +3 -15
  9. package/src/components/transfer/transferItem.vue +2 -11
  10. package/tailwind-preset.js +177 -0
package/tailwind-preset.js ADDED
@@ -0,0 +1,177 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ content: [],
4
+ theme: {
5
+ extend: {
6
+ colors: {
7
+ // 專案可用顏色 (NTT Data)
8
+ primary: {
9
+ DEFAULT: '#6785c1',
10
+ 10: '#e0e0e0', // function header background
11
+ 15: '#F5F5F5', // table header background & Dialog title background
12
+ 20: '#E0E0E0', // table Frame background
13
+ 40: '#b1c4e4',
14
+ 60: '#8facd9',
15
+ 80: '#7198ce',
16
+ dark: '#4566a8', // for element+
17
+ },
18
+ navy: {
19
+ DEFAULT: '#070f26',
20
+ 10: '#f8fafd', // on normal background color
21
+ 20: '#d5ddeb', // hover/active background color
22
+ 30: '#a0a9c1',
23
+ 40: '#667493', // normal background color
24
+ 50: '#3b486f',
25
+ 60: '#1d264d',
26
+ 70: '#121a38', // on hover/active background color
27
+ },
28
+ blue: {
29
+ DEFAULT: '#238dad',
30
+ 10: '#0072BC', //Hyperlink
31
+ 20: '#d5e4f5',
32
+ },
33
+ yellow: {
34
+ DEFAULT: '#e6b600',
35
+ 10: '#fff9e3',
36
+ 20: '#fff3c7',
37
+ 30: '#ffedab',
38
+ 50: '#ffe273',
39
+ 70: '#ffd63b',
40
+ dark: '#b89200',
41
+ },
42
+ text: {
43
+ DEFAULT: '#333',
44
+ border: '#606266',
45
+ welcome: '#555',
46
+ },
47
+ green: {
48
+ DEFAULT: '#00b176',
49
+ 10: '#defff4',
50
+ 20: '#bcffe9',
51
+ 30: '#9bffde',
52
+ 50: '#58ffc7',
53
+ 70: '#16ffb1',
54
+ dark: '#008e5e',
55
+ },
56
+ purple: '#8246af',
57
+ orange: '#d76b00',
58
+ gray: {
59
+ light: '#f4f4f4',
60
+ dark: '#333333',
61
+ },
62
+ redText: {
63
+ DEFAULT: '#ff3636',
64
+ },
65
+ },
66
+ spacing: {
67
+ labelRem: '10rem',
68
+ label: 160,
69
+ 50: '6.25rem',
70
+ s: 100,
71
+ itemGapRem: '2.5rem',
72
+ itemGap: 40,
73
+ },
74
+ height: {
75
+ header: '60px',
76
+ },
77
+ },
78
+ },
79
+ plugins: [
80
+ function({ addComponents, theme }) {
81
+ // 組件級樣式
82
+ addComponents({
83
+ // SortTable 組件樣式
84
+ '.sort-table-container': {
85
+ width: '100%',
86
+ marginBottom: '1rem',
87
+ },
88
+ '.sort-table-function-bar': {
89
+ display: 'flex',
90
+ alignItems: 'center',
91
+ height: '3rem',
92
+ backgroundColor: theme('colors.primary.20'),
93
+ padding: '0 0.375rem',
94
+ borderTopLeftRadius: '0.25rem',
95
+ borderTopRightRadius: '0.25rem',
96
+ justifyContent: 'flex-end',
97
+ },
98
+ '.sort-table-settings-btn': {
99
+ cursor: 'pointer',
100
+ color: theme('colors.primary.dark'),
101
+ fontSize: '1.25rem',
102
+ display: 'flex',
103
+ alignItems: 'center',
104
+ justifyContent: 'center',
105
+ '&:hover': {
106
+ color: theme('colors.primary.40'),
107
+ },
108
+ },
109
+
110
+ // FilterBtn 組件樣式
111
+ '.filter-btn': {
112
+ color: '#0ea5e9',
113
+ '& p': {
114
+ color: '#000',
115
+ marginLeft: '0.5rem',
116
+ fontWeight: 'bold',
117
+ },
118
+ '& i': {
119
+ fontSize: '1.25rem',
120
+ },
121
+ '&:hover': {
122
+ color: '#fff',
123
+ backgroundColor: '#0ea5e9',
124
+ '& p': {
125
+ color: '#fff',
126
+ },
127
+ },
128
+ '&:disabled': {
129
+ backgroundColor: '#fff',
130
+ opacity: '0.5',
131
+ '&:hover': {
132
+ backgroundColor: '#fff',
133
+ '& p': {
134
+ color: 'rgba(0, 0, 0, 0.2)',
135
+ },
136
+ },
137
+ },
138
+ },
139
+
140
+ // TransferItem 組件樣式
141
+ '.transfer-item-wrapper': {
142
+ borderTop: '1px solid #e5e7eb',
143
+ padding: '0 1rem',
144
+ display: 'flex',
145
+ alignItems: 'center',
146
+ justifyContent: 'space-between',
147
+ width: '100%',
148
+ },
149
+ '.transfer-arrow-wrapper': {
150
+ width: '7rem',
151
+ color: theme('colors.primary.10'),
152
+ },
153
+
154
+ // TransferDialog 組件樣式
155
+ '.transfer-sort-wrapper': {
156
+ border: '1px solid #e5e7eb',
157
+ height: '24rem',
158
+ overflow: 'auto',
159
+ },
160
+ '.transfer-active-bg': {
161
+ backgroundColor: 'rgba(103, 133, 193, 0.1)',
162
+ },
163
+ '.transfer-active-border': {
164
+ border: '1px solid',
165
+ borderRadius: '0.25rem',
166
+ borderColor: theme('colors.primary.10'),
167
+ },
168
+
169
+ // BaseDialog 組件樣式
170
+ '.base-dialog-title': {
171
+ fontWeight: 'bold',
172
+ fontSize: '1rem',
173
+ },
174
+ })
175
+ }
176
+ ],
177
+ }