vxe-table 4.4.6 → 4.4.7

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 (7) hide show
  1. package/package.json +1 -1
  2. package/styles/all.scss +30 -0
  3. package/styles/css-variable.scss +272 -0
  4. package/styles/cssvar.scss +2 -273
  5. package/styles/default.scss +2 -0
  6. package/styles/modules.scss +2 -0
  7. package/styles/variable.scss +1 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-table",
3
- "version": "4.4.6",
3
+ "version": "4.4.7",
4
4
  "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器等...",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
package/styles/all.scss ADDED
@@ -0,0 +1,30 @@
1
+ @import './variable.scss';
2
+ @import './css-variable.scss';
3
+ @import './icon.scss';
4
+ @import './filter.scss';
5
+ @import './menu.scss';
6
+ @import './export.scss';
7
+
8
+ @import './table.scss';
9
+ @import './grid.scss';
10
+ @import './toolbar.scss';
11
+ @import './pager.scss';
12
+ @import './checkbox.scss';
13
+ @import './checkbox-group.scss';
14
+ @import './radio.scss';
15
+ @import './radio-group.scss';
16
+ @import './radio-button.scss';
17
+ @import './input.scss';
18
+ @import './textarea.scss';
19
+ @import './button.scss';
20
+ @import './modal.scss';
21
+ @import './tooltip.scss';
22
+ @import './form.scss';
23
+ @import './form-item.scss';
24
+ @import './form-gather.scss';
25
+ @import './select.scss';
26
+ @import './optgroup.scss';
27
+ @import './option.scss';
28
+ @import './switch.scss';
29
+ @import './list.scss';
30
+ @import './pulldown.scss';
package/styles/css-variable.scss ADDED
@@ -0,0 +1,272 @@
1
+ /**Variable**/
2
+
3
+ :root {
4
+ /*font*/
5
+ --vxe-font-family: #{$vxe-font-family};
6
+ --vxe-font-size: #{$vxe-font-size};
7
+ --vxe-font-size-medium: #{$vxe-font-size-medium};
8
+ --vxe-font-size-small: #{$vxe-font-size-small};
9
+ --vxe-font-size-mini: #{$vxe-font-size-mini};
10
+
11
+ /*size*/
12
+ --vxe-border-radius: #{$vxe-border-radius};
13
+
14
+ /*icon*/
15
+ --vxe-icon-font-family: #{$vxe-icon-font-family};
16
+ --vxe-icon-background-color: #{$vxe-icon-background-color};
17
+
18
+ /*color*/
19
+ --vxe-font-color: #{$vxe-font-color};
20
+ --vxe-primary-color: #{$vxe-primary-color};
21
+ --vxe-success-color: #{$vxe-success-color};
22
+ --vxe-info-color: #{$vxe-info-color};
23
+ --vxe-warning-color: #{$vxe-warning-color};
24
+ --vxe-danger-color: #{$vxe-danger-color};
25
+
26
+ --vxe-font-lighten-color: #{$vxe-font-lighten-color};
27
+ --vxe-primary-lighten-color: #{$vxe-primary-lighten-color};
28
+ --vxe-success-lighten-color: #{$vxe-success-lighten-color};
29
+ --vxe-info-lighten-color: #{$vxe-info-lighten-color};
30
+ --vxe-warning-lighten-color: #{$vxe-warning-lighten-color};
31
+ --vxe-danger-lighten-color: #{$vxe-danger-lighten-color};
32
+
33
+ --vxe-font-darken-color: #{$vxe-font-darken-color};
34
+ --vxe-primary-darken-color: #{$vxe-primary-darken-color};
35
+ --vxe-success-darken-color: #{$vxe-success-darken-color};
36
+ --vxe-info-darken-color: #{$vxe-info-darken-color};
37
+ --vxe-warning-darken-color: #{$vxe-warning-darken-color};
38
+ --vxe-danger-darken-color: #{$vxe-danger-darken-color};
39
+
40
+ --vxe-font-disabled-color: #{$vxe-font-disabled-color};
41
+ --vxe-primary-disabled-color: #{$vxe-primary-disabled-color};
42
+ --vxe-success-disabled-color: #{$vxe-success-disabled-color};
43
+ --vxe-info-disabled-color: #{$vxe-info-disabled-color};
44
+ --vxe-warning-disabled-color: #{$vxe-warning-disabled-color};
45
+ --vxe-danger-disabled-color: #{$vxe-danger-disabled-color};
46
+
47
+ /*input/radio/checkbox*/
48
+ --vxe-input-border-color: #{$vxe-input-border-color};
49
+ --vxe-input-disabled-color: #{$vxe-input-disabled-color};
50
+ --vxe-input-disabled-background-color: #{$vxe-input-disabled-background-color};
51
+ --vxe-input-placeholder-color: #{$vxe-input-placeholder-color};
52
+
53
+ /*popup*/
54
+ --vxe-table-popup-border-color: #{$vxe-table-popup-border-color};
55
+
56
+ /*table*/
57
+ --vxe-table-header-font-color: #{$vxe-table-header-font-color};
58
+ --vxe-table-footer-font-color: #{$vxe-table-footer-font-color};
59
+ --vxe-table-border-radius: #{$vxe-table-border-radius};
60
+ --vxe-table-border-width: #{$vxe-table-border-width};
61
+ --vxe-table-border-color: #{$vxe-table-border-color};
62
+ --vxe-table-resizable-line-color: #{$vxe-table-resizable-line-color};
63
+ --vxe-table-resizable-drag-line-color: #{$vxe-table-resizable-drag-line-color};
64
+ --vxe-table-header-background-color: #{$vxe-table-header-background-color};
65
+ --vxe-table-body-background-color: #{$vxe-table-body-background-color};
66
+ --vxe-table-footer-background-color: #{$vxe-table-footer-background-color};
67
+ --vxe-table-tree-node-line-color: #{$vxe-table-tree-node-line-color};
68
+ --vxe-table-tree-node-line-style: #{$vxe-table-tree-node-line-style};
69
+ --vxe-table-header-font-weight: #{$vxe-table-header-font-weight};
70
+
71
+ --vxe-table-row-height-default: #{$vxe-table-row-height-default};
72
+ --vxe-table-row-height-medium: #{$vxe-table-row-height-medium};
73
+ --vxe-table-row-height-small: #{$vxe-table-row-height-small};
74
+ --vxe-table-row-height-mini: #{$vxe-table-row-height-mini};
75
+ --vxe-table-row-line-height: #{$vxe-table-row-line-height};
76
+ --vxe-table-row-hover-background-color: #{$vxe-table-row-hover-background-color};
77
+ --vxe-table-row-striped-background-color: #{$vxe-table-row-striped-background-color};
78
+ --vxe-table-row-hover-striped-background-color: #{$vxe-table-row-hover-striped-background-color};
79
+ --vxe-table-row-radio-checked-background-color: #{$vxe-table-row-radio-checked-background-color};
80
+ --vxe-table-row-hover-radio-checked-background-color: #{$vxe-table-row-hover-radio-checked-background-color};
81
+ --vxe-table-row-checkbox-checked-background-color: #{$vxe-table-row-checkbox-checked-background-color};
82
+ --vxe-table-row-hover-checkbox-checked-background-color: #{$vxe-table-row-hover-checkbox-checked-background-color};
83
+ --vxe-table-row-current-background-color: #{$vxe-table-row-current-background-color};
84
+ --vxe-table-row-hover-current-background-color: #{$vxe-table-row-hover-current-background-color};
85
+
86
+ --vxe-table-column-padding-default: #{$vxe-table-column-padding-default};
87
+ --vxe-table-column-padding-medium: #{$vxe-table-column-padding-medium};
88
+ --vxe-table-column-padding-small: #{$vxe-table-column-padding-small};
89
+ --vxe-table-column-padding-mini: #{$vxe-table-column-padding-mini};
90
+ --vxe-table-column-hover-background-color: #{$vxe-table-column-hover-background-color};
91
+ --vxe-table-column-current-background-color: #{$vxe-table-column-current-background-color};
92
+ --vxe-table-column-icon-border-color: #{$vxe-table-column-icon-border-color};
93
+ --vxe-table-column-icon-border-hover-color: #{$vxe-table-column-icon-border-hover-color};
94
+
95
+ --vxe-table-cell-placeholder-color: #{$vxe-table-cell-placeholder-color};
96
+ --vxe-table-cell-padding-left: #{$vxe-table-cell-padding-left};
97
+ --vxe-table-cell-padding-right: #{$vxe-table-cell-padding-right};
98
+ --vxe-table-cell-input-height-default: #{$vxe-table-cell-input-height-default};
99
+ --vxe-table-cell-input-height-medium: #{$vxe-table-cell-input-height-medium};
100
+ --vxe-table-cell-input-height-small: #{$vxe-table-cell-input-height-small};
101
+ --vxe-table-cell-input-height-mini: #{$vxe-table-cell-input-height-mini};
102
+ --vxe-table-cell-dirty-width: #{$vxe-table-cell-dirty-width};
103
+ --vxe-table-cell-dirty-update-color: #{$vxe-table-cell-dirty-update-color};
104
+ --vxe-table-cell-dirty-insert-color: #{$vxe-table-cell-dirty-insert-color};
105
+ --vxe-table-cell-area-border-color: #{$vxe-table-cell-area-border-color};
106
+ --vxe-table-cell-area-border-width: #{$vxe-table-cell-area-border-width};
107
+ --vxe-table-cell-main-area-extension-border-color: #{$vxe-table-cell-main-area-extension-border-color};
108
+ --vxe-table-cell-main-area-extension-background-color: #{$vxe-table-cell-main-area-extension-background-color};
109
+ --vxe-table-cell-extend-area-border-width: #{$vxe-table-cell-extend-area-border-width};
110
+ --vxe-table-cell-copy-area-border-width: #{$vxe-table-cell-copy-area-border-width};
111
+ --vxe-table-cell-active-area-border-width: #{$vxe-table-cell-active-area-border-width};
112
+ --vxe-table-cell-copy-area-border-color: #{$vxe-table-cell-copy-area-border-color};
113
+ --vxe-table-cell-extend-area-border-color: #{$vxe-table-cell-extend-area-border-color};
114
+ --vxe-table-cell-active-area-border-color: #{$vxe-table-cell-active-area-border-color};
115
+ --vxe-table-cell-area-background-color: #{$vxe-table-cell-area-background-color};
116
+
117
+ --vxe-table-checkbox-range-border-width: #{$vxe-table-checkbox-range-border-width};
118
+ --vxe-table-checkbox-range-border-color: #{$vxe-table-checkbox-range-border-color};
119
+ --vxe-table-checkbox-range-background-color: #{$vxe-table-checkbox-range-background-color};
120
+
121
+ --vxe-table-fixed-left-scrolling-box-shadow: #{$vxe-table-fixed-left-scrolling-box-shadow};
122
+ --vxe-table-fixed-right-scrolling-box-shadow: #{$vxe-table-fixed-right-scrolling-box-shadow};
123
+
124
+ /*filter*/
125
+ --vxe-table-filter-panel-background-color: #{$vxe-table-filter-panel-background-color};
126
+
127
+ /*menu*/
128
+ --vxe-table-menu-item-width: #{$vxe-table-menu-item-width};
129
+ --vxe-table-menu-background-color: #{$vxe-table-menu-background-color};
130
+
131
+ /*loading*/
132
+ --vxe-loading-color: #{$vxe-loading-color};
133
+ --vxe-loading-background-color: #{$vxe-loading-background-color};
134
+ --vxe-loading-z-index: #{$vxe-loading-z-index};
135
+
136
+ /*validate*/
137
+ --vxe-table-validate-error-color: #{$vxe-table-validate-error-color};
138
+ --vxe-table-validate-error-background-color: #{$vxe-table-validate-error-background-color};
139
+
140
+ /*grid*/
141
+ --vxe-grid-maximize-background-color: #{$vxe-grid-maximize-background-color};
142
+
143
+ /*toolbar*/
144
+ --vxe-toolbar-background-color: #{$vxe-toolbar-background-color};
145
+ --vxe-toolbar-custom-active-background-color: #{$vxe-toolbar-custom-active-background-color};
146
+ --vxe-toolbar-panel-background-color: #{$vxe-toolbar-panel-background-color};
147
+
148
+ /*tooltip*/
149
+ --vxe-tooltip-dark-color: #{$vxe-tooltip-dark-color};
150
+ --vxe-tooltip-dark-background-color: #{$vxe-tooltip-dark-background-color};
151
+ --vxe-tooltip-light-background-color: #{$vxe-tooltip-light-background-color};
152
+
153
+ /*pager*/
154
+ --vxe-pager-background-color: #{$vxe-pager-background-color};
155
+ --vxe-pager-perfect-background-color: #{$vxe-pager-perfect-background-color};
156
+ --vxe-pager-perfect-button-background-color: #{$vxe-pager-perfect-button-background-color};
157
+
158
+ /*modal*/
159
+ --vxe-modal-header-background-color: #{$vxe-modal-header-background-color};
160
+ --vxe-modal-body-background-color: #{$vxe-modal-body-background-color};
161
+ --vxe-modal-border-color: #{$vxe-modal-border-color};
162
+
163
+ /*checkbox*/
164
+ --vxe-checkbox-font-size-default: #{$vxe-checkbox-font-size-default};
165
+ --vxe-checkbox-font-size-medium: #{$vxe-checkbox-font-size-medium};
166
+ --vxe-checkbox-font-size-small: #{$vxe-checkbox-font-size-small};
167
+ --vxe-checkbox-font-size-mini: #{$vxe-checkbox-font-size-mini};
168
+ --vxe-checkbox-checked-width: #{$vxe-checkbox-checked-width};
169
+ --vxe-checkbox-checked-height: #{$vxe-checkbox-checked-height};
170
+ --vxe-checkbox-indeterminate-width: #{$vxe-checkbox-indeterminate-width};
171
+ --vxe-checkbox-indeterminate-height: #{$vxe-checkbox-indeterminate-height};
172
+ --vxe-checkbox-border-width: #{$vxe-checkbox-border-width};
173
+ --vxe-checkbox-border-radius: #{$vxe-checkbox-border-radius};
174
+ --vxe-checkbox-icon-background-color: #{$vxe-checkbox-icon-background-color};
175
+ --vxe-checkbox-checked-icon-border-color: #{$vxe-checkbox-checked-icon-border-color};
176
+ --vxe-checkbox-indeterminate-icon-background-color: #{$vxe-checkbox-indeterminate-icon-background-color};
177
+
178
+ /*radio*/
179
+ --vxe-radio-font-size-default: #{$vxe-radio-font-size-default};
180
+ --vxe-radio-font-size-medium: #{$vxe-radio-font-size-medium};
181
+ --vxe-radio-font-size-small: #{$vxe-radio-font-size-small};
182
+ --vxe-radio-font-size-mini: #{$vxe-radio-font-size-mini};
183
+ --vxe-radio-border-width: #{$vxe-radio-border-width};
184
+ --vxe-radio-icon-background-color: #{$vxe-radio-icon-background-color};
185
+ --vxe-radio-checked-icon-background-color: #{$vxe-radio-checked-icon-background-color};
186
+ --vxe-radio-indeterminate-icon-background-color: #{$vxe-radio-indeterminate-icon-background-color};
187
+ --vxe-radio-button-default-background-color: #{$vxe-radio-button-default-background-color};
188
+
189
+ /*button*/
190
+ --vxe-button-max-width: #{$vxe-button-max-width};
191
+ --vxe-button-default-background-color: #{$vxe-button-default-background-color};
192
+ --vxe-button-dropdown-panel-background-color: #{$vxe-button-dropdown-panel-background-color};
193
+ --vxe-button-height-default: #{$vxe-button-height-default};
194
+ --vxe-button-height-medium: #{$vxe-button-height-medium};
195
+ --vxe-button-height-small: #{$vxe-button-height-small};
196
+ --vxe-button-height-mini: #{$vxe-button-height-mini};
197
+ --vxe-button-round-border-radius-default: #{$vxe-button-round-border-radius-default};
198
+ --vxe-button-round-border-radius-medium: #{$vxe-button-round-border-radius-medium};
199
+ --vxe-button-round-border-radius-small: #{$vxe-button-round-border-radius-small};
200
+ --vxe-button-round-border-radius-mini: #{$vxe-button-round-border-radius-mini};
201
+
202
+ /*input*/
203
+ --vxe-input-background-color: #{$vxe-input-background-color};
204
+ --vxe-input-panel-background-color: #{$vxe-input-panel-background-color};
205
+ --vxe-input-number-disabled-color: #{$vxe-input-number-disabled-color};
206
+ --vxe-input-date-festival-color: #{$vxe-input-date-festival-color};
207
+ --vxe-input-date-festival-important-color: #{$vxe-input-date-festival-important-color};
208
+ --vxe-input-date-notice-background-color: #{$vxe-input-date-notice-background-color};
209
+ --vxe-input-date-picker-hover-background-color: #{$vxe-input-date-picker-hover-background-color};
210
+ --vxe-input-date-picker-selected-color: #{$vxe-input-date-picker-selected-color};
211
+ --vxe-input-date-time-confirm-button-color: #{$vxe-input-date-time-confirm-button-color};
212
+ --vxe-input-date-picker-festival-selected-color: #{$vxe-input-date-picker-festival-selected-color};
213
+ --vxe-input-date-picker-notice-selected-background-color: #{$vxe-input-date-picker-notice-selected-background-color};
214
+ --vxe-input-date-extra-color: #{$vxe-input-date-extra-color};
215
+ --vxe-input-date-extra-important-color: #{$vxe-input-date-extra-important-color};
216
+ --vxe-input-date-title-height-default: #{$vxe-input-date-title-height-default};
217
+ --vxe-input-date-title-height-medium: #{$vxe-input-date-title-height-medium};
218
+ --vxe-input-date-title-height-small: #{$vxe-input-date-title-height-small};
219
+ --vxe-input-date-title-height-mini: #{$vxe-input-date-title-height-mini};
220
+ --vxe-input-date-time-week-row-height-default: #{$vxe-input-date-time-week-row-height-default};
221
+ --vxe-input-date-time-week-row-height-medium: #{$vxe-input-date-time-week-row-height-medium};
222
+ --vxe-input-date-time-week-row-height-small: #{$vxe-input-date-time-week-row-height-small};
223
+ --vxe-input-date-time-week-row-height-mini: #{$vxe-input-date-time-week-row-height-mini};
224
+ --vxe-input-date-month-year-row-height-default: #{$vxe-input-date-month-year-row-height-default};
225
+ --vxe-input-date-month-year-row-height-medium: #{$vxe-input-date-month-year-row-height-medium};
226
+ --vxe-input-date-month-year-row-height-small: #{$vxe-input-date-month-year-row-height-small};
227
+ --vxe-input-date-month-year-row-height-mini: #{$vxe-input-date-month-year-row-height-mini};
228
+ --vxe-input-date-quarter-row-height-default: #{$vxe-input-date-quarter-row-height-default};
229
+ --vxe-input-date-quarter-row-height-medium: #{$vxe-input-date-quarter-row-height-medium};
230
+ --vxe-input-date-quarter-row-height-small: #{$vxe-input-date-quarter-row-height-small};
231
+ --vxe-input-date-quarter-row-height-mini: #{$vxe-input-date-quarter-row-height-mini};
232
+ --vxe-input-height-default: #{$vxe-input-height-default};
233
+ --vxe-input-height-medium: #{$vxe-input-height-medium};
234
+ --vxe-input-height-small: #{$vxe-input-height-small};
235
+ --vxe-input-height-mini: #{$vxe-input-height-mini};
236
+
237
+ /*textarea*/
238
+ --vxe-textarea-line-height: #{$vxe-textarea-line-height};
239
+ --vxe-textarea-background-color: #{$vxe-textarea-background-color};
240
+ --vxe-textarea-count-color: #{$vxe-textarea-count-color};
241
+ --vxe-textarea-count-background-color: #{$vxe-textarea-count-background-color};
242
+ --vxe-textarea-count-error-color: #{$vxe-textarea-count-error-color};
243
+
244
+ /*form*/
245
+ --vxe-form-item-min-height-default: #{$vxe-form-item-min-height-default};
246
+ --vxe-form-item-min-height-medium: #{$vxe-form-item-min-height-medium};
247
+ --vxe-form-item-min-height-small: #{$vxe-form-item-min-height-small};
248
+ --vxe-form-item-min-height-mini: #{$vxe-form-item-min-height-mini};
249
+ --vxe-form-background-color: #{$vxe-form-background-color};
250
+ --vxe-form-validate-error-color: #{$vxe-form-validate-error-color};
251
+ --vxe-form-validate-error-background-color: #{$vxe-form-validate-error-background-color};
252
+
253
+ /*select*/
254
+ --vxe-select-option-height-default: #{$vxe-select-option-height-default};
255
+ --vxe-select-option-height-medium: #{$vxe-select-option-height-medium};
256
+ --vxe-select-option-height-small: #{$vxe-select-option-height-small};
257
+ --vxe-select-option-height-mini: #{$vxe-select-option-height-mini};
258
+ --vxe-select-option-hover-background-color: #{$vxe-select-option-hover-background-color};
259
+ --vxe-select-panel-background-color: #{$vxe-select-panel-background-color};
260
+ --vxe-select-empty-color: #{$vxe-select-empty-color};
261
+ --vxe-optgroup-title-color: #{$vxe-optgroup-title-color};
262
+
263
+ /*switch*/
264
+ --vxe-switch-font-color: #{$vxe-switch-font-color};
265
+ --vxe-switch-icon-background-color: #{$vxe-switch-icon-background-color};
266
+ --vxe-switch-open-background-color: #{$vxe-switch-open-background-color};
267
+ --vxe-switch-close-background-color: #{$vxe-switch-close-background-color};
268
+ --vxe-switch-disabled-background-color: #{$vxe-switch-disabled-background-color};
269
+
270
+ /*pulldown*/
271
+ --vxe-pulldown-panel-background-color: #{$vxe-pulldown-panel-background-color};
272
+ }
package/styles/cssvar.scss CHANGED
@@ -1,273 +1,2 @@
1
- /**Variable**/
2
-
3
- :root {
4
- /*font*/
5
- --vxe-font-family: #{$vxe-font-family};
6
- --vxe-font-size: #{$vxe-font-size};
7
- --vxe-font-size-medium: #{$vxe-font-size-medium};
8
- --vxe-font-size-small: #{$vxe-font-size-small};
9
- --vxe-font-size-mini: #{$vxe-font-size-mini};
10
-
11
- /*size*/
12
- --vxe-border-radius: #{$vxe-border-radius};
13
-
14
- /*icon*/
15
- --vxe-icon-font-family: #{$vxe-icon-font-family};
16
- --vxe-icon-background-color: #{$vxe-icon-background-color};
17
-
18
- /*color*/
19
- --vxe-font-color: #{$vxe-font-color};
20
- --vxe-primary-color: #{$vxe-primary-color};
21
- --vxe-success-color: #{$vxe-success-color};
22
- --vxe-info-color: #{$vxe-info-color};
23
- --vxe-warning-color: #{$vxe-warning-color};
24
- --vxe-danger-color: #{$vxe-danger-color};
25
-
26
- --vxe-font-lighten-color: #{$vxe-font-lighten-color};
27
- --vxe-primary-lighten-color: #{$vxe-primary-lighten-color};
28
- --vxe-success-lighten-color: #{$vxe-success-lighten-color};
29
- --vxe-info-lighten-color: #{$vxe-info-lighten-color};
30
- --vxe-warning-lighten-color: #{$vxe-warning-lighten-color};
31
- --vxe-danger-lighten-color: #{$vxe-danger-lighten-color};
32
-
33
- --vxe-font-darken-color: #{$vxe-font-darken-color};
34
- --vxe-primary-darken-color: #{$vxe-primary-darken-color};
35
- --vxe-success-darken-color: #{$vxe-success-darken-color};
36
- --vxe-info-darken-color: #{$vxe-info-darken-color};
37
- --vxe-warning-darken-color: #{$vxe-warning-darken-color};
38
- --vxe-danger-darken-color: #{$vxe-danger-darken-color};
39
-
40
- --vxe-font-disabled-color: #{$vxe-font-disabled-color};
41
- --vxe-primary-disabled-color: #{$vxe-primary-disabled-color};
42
- --vxe-success-disabled-color: #{$vxe-success-disabled-color};
43
- --vxe-info-disabled-color: #{$vxe-info-disabled-color};
44
- --vxe-warning-disabled-color: #{$vxe-warning-disabled-color};
45
- --vxe-danger-disabled-color: #{$vxe-danger-disabled-color};
46
-
47
- /*input/radio/checkbox*/
48
- --vxe-input-border-color: #{$vxe-input-border-color};
49
- --vxe-input-disabled-color: #{$vxe-input-disabled-color};
50
- --vxe-input-disabled-background-color: #{$vxe-input-disabled-background-color};
51
- --vxe-input-placeholder-color: #{$vxe-input-placeholder-color};
52
-
53
- /*popup*/
54
- --vxe-table-popup-border-color: #{$vxe-table-popup-border-color};
55
-
56
- /*table*/
57
- --vxe-table-header-font-color: #{$vxe-table-header-font-color};
58
- --vxe-table-footer-font-color: #{$vxe-table-footer-font-color};
59
- --vxe-table-border-radius: #{$vxe-table-border-radius};
60
- --vxe-table-border-width: #{$vxe-table-border-width};
61
- --vxe-table-border-color: #{$vxe-table-border-color};
62
- --vxe-table-resizable-line-color: #{$vxe-table-resizable-line-color};
63
- --vxe-table-resizable-drag-line-color: #{$vxe-table-resizable-drag-line-color};
64
- --vxe-table-header-background-color: #{$vxe-table-header-background-color};
65
- --vxe-table-body-background-color: #{$vxe-table-body-background-color};
66
- --vxe-table-footer-background-color: #{$vxe-table-footer-background-color};
67
- --vxe-table-tree-node-line-color: #{$vxe-table-tree-node-line-color};
68
- --vxe-table-tree-node-line-style: #{$vxe-table-tree-node-line-style};
69
- --vxe-table-header-font-weight: #{$vxe-table-header-font-weight};
70
-
71
- --vxe-table-row-height-default: #{$vxe-table-row-height-default};
72
- --vxe-table-row-height-medium: #{$vxe-table-row-height-medium};
73
- --vxe-table-row-height-small: #{$vxe-table-row-height-small};
74
- --vxe-table-row-height-mini: #{$vxe-table-row-height-mini};
75
- --vxe-table-row-line-height: #{$vxe-table-row-line-height};
76
- --vxe-table-row-hover-background-color: #{$vxe-table-row-hover-background-color};
77
- --vxe-table-row-striped-background-color: #{$vxe-table-row-striped-background-color};
78
- --vxe-table-row-hover-striped-background-color: #{$vxe-table-row-hover-striped-background-color};
79
- --vxe-table-row-radio-checked-background-color: #{$vxe-table-row-radio-checked-background-color};
80
- --vxe-table-row-hover-radio-checked-background-color: #{$vxe-table-row-hover-radio-checked-background-color};
81
- --vxe-table-row-checkbox-checked-background-color: #{$vxe-table-row-checkbox-checked-background-color};
82
- --vxe-table-row-hover-checkbox-checked-background-color: #{$vxe-table-row-hover-checkbox-checked-background-color};
83
- --vxe-table-row-current-background-color: #{$vxe-table-row-current-background-color};
84
- --vxe-table-row-hover-current-background-color: #{$vxe-table-row-hover-current-background-color};
85
-
86
- --vxe-table-column-padding-default: #{$vxe-table-column-padding-default};
87
- --vxe-table-column-padding-medium: #{$vxe-table-column-padding-medium};
88
- --vxe-table-column-padding-small: #{$vxe-table-column-padding-small};
89
- --vxe-table-column-padding-mini: #{$vxe-table-column-padding-mini};
90
- --vxe-table-column-hover-background-color: #{$vxe-table-column-hover-background-color};
91
- --vxe-table-column-current-background-color: #{$vxe-table-column-current-background-color};
92
- --vxe-table-column-icon-border-color: #{$vxe-table-column-icon-border-color};
93
- --vxe-table-column-icon-border-hover-color: #{$vxe-table-column-icon-border-hover-color};
94
-
95
- --vxe-table-cell-placeholder-color: #{$vxe-table-cell-placeholder-color};
96
- --vxe-table-cell-padding-left: #{$vxe-table-cell-padding-left};
97
- --vxe-table-cell-padding-right: #{$vxe-table-cell-padding-right};
98
- --vxe-table-cell-input-height-default: #{$vxe-table-cell-input-height-default};
99
- --vxe-table-cell-input-height-medium: #{$vxe-table-cell-input-height-medium};
100
- --vxe-table-cell-input-height-small: #{$vxe-table-cell-input-height-small};
101
- --vxe-table-cell-input-height-mini: #{$vxe-table-cell-input-height-mini};
102
- --vxe-table-cell-dirty-width: #{$vxe-table-cell-dirty-width};
103
- --vxe-table-cell-dirty-update-color: #{$vxe-table-cell-dirty-update-color};
104
- --vxe-table-cell-dirty-insert-color: #{$vxe-table-cell-dirty-insert-color};
105
- --vxe-table-cell-area-border-color: #{$vxe-table-cell-area-border-color};
106
- --vxe-table-cell-area-border-width: #{$vxe-table-cell-area-border-width};
107
- --vxe-table-cell-main-area-extension-border-color: #{$vxe-table-cell-main-area-extension-border-color};
108
- --vxe-table-cell-main-area-extension-background-color: #{$vxe-table-cell-main-area-extension-background-color};
109
- --vxe-table-cell-extend-area-border-width: #{$vxe-table-cell-extend-area-border-width};
110
- --vxe-table-cell-copy-area-border-width: #{$vxe-table-cell-copy-area-border-width};
111
- --vxe-table-cell-active-area-border-width: #{$vxe-table-cell-active-area-border-width};
112
- --vxe-table-cell-copy-area-border-color: #{$vxe-table-cell-copy-area-border-color};
113
- --vxe-table-cell-extend-area-border-color: #{$vxe-table-cell-extend-area-border-color};
114
- --vxe-table-cell-active-area-border-color: #{$vxe-table-cell-active-area-border-color};
115
- --vxe-table-cell-area-background-color: #{$vxe-table-cell-area-background-color};
116
-
117
- --vxe-table-checkbox-range-border-width: #{$vxe-table-checkbox-range-border-width};
118
- --vxe-table-checkbox-range-border-color: #{$vxe-table-checkbox-range-border-color};
119
- --vxe-table-checkbox-range-background-color: #{$vxe-table-checkbox-range-background-color};
120
-
121
- --vxe-table-fixed-left-scrolling-box-shadow: #{$vxe-table-fixed-left-scrolling-box-shadow};
122
- --vxe-table-fixed-right-scrolling-box-shadow: #{$vxe-table-fixed-right-scrolling-box-shadow};
123
-
124
- /*filter*/
125
- --vxe-table-filter-panel-background-color: #{$vxe-table-filter-panel-background-color};
126
-
127
- /*menu*/
128
- --vxe-table-menu-item-width: #{$vxe-table-menu-item-width};
129
- --vxe-table-menu-background-color: #{$vxe-table-menu-background-color};
130
-
131
- /*loading*/
132
- --vxe-loading-color: #{$vxe-loading-color};
133
- --vxe-loading-background-color: #{$vxe-loading-background-color};
134
- --vxe-loading-z-index: #{$vxe-loading-z-index};
135
-
136
- /*validate*/
137
- --vxe-table-validate-error-color: #{$vxe-table-validate-error-color};
138
-
139
- /*grid*/
140
- --vxe-grid-maximize-background-color: #{$vxe-grid-maximize-background-color};
141
-
142
- /*toolbar*/
143
- --vxe-toolbar-background-color: #{$vxe-toolbar-background-color};
144
- --vxe-toolbar-custom-active-background-color: #{$vxe-toolbar-custom-active-background-color};
145
- --vxe-toolbar-panel-background-color: #{$vxe-toolbar-panel-background-color};
146
-
147
- /*tooltip*/
148
- --vxe-tooltip-dark-color: #{$vxe-tooltip-dark-color};
149
- --vxe-tooltip-dark-background-color: #{$vxe-tooltip-dark-background-color};
150
- --vxe-tooltip-light-background-color: #{$vxe-tooltip-light-background-color};
151
- --vxe-tooltip-validate-error-color: #{$vxe-tooltip-validate-error-color};
152
- --vxe-tooltip-validate-error-background-color: #{$vxe-tooltip-validate-error-background-color};
153
-
154
- /*pager*/
155
- --vxe-pager-background-color: #{$vxe-pager-background-color};
156
- --vxe-pager-perfect-background-color: #{$vxe-pager-perfect-background-color};
157
- --vxe-pager-perfect-button-background-color: #{$vxe-pager-perfect-button-background-color};
158
-
159
- /*modal*/
160
- --vxe-modal-header-background-color: #{$vxe-modal-header-background-color};
161
- --vxe-modal-body-background-color: #{$vxe-modal-body-background-color};
162
- --vxe-modal-border-color: #{$vxe-modal-border-color};
163
-
164
- /*checkbox*/
165
- --vxe-checkbox-font-size-default: #{$vxe-checkbox-font-size-default};
166
- --vxe-checkbox-font-size-medium: #{$vxe-checkbox-font-size-medium};
167
- --vxe-checkbox-font-size-small: #{$vxe-checkbox-font-size-small};
168
- --vxe-checkbox-font-size-mini: #{$vxe-checkbox-font-size-mini};
169
- --vxe-checkbox-checked-width: #{$vxe-checkbox-checked-width};
170
- --vxe-checkbox-checked-height: #{$vxe-checkbox-checked-height};
171
- --vxe-checkbox-indeterminate-width: #{$vxe-checkbox-indeterminate-width};
172
- --vxe-checkbox-indeterminate-height: #{$vxe-checkbox-indeterminate-height};
173
- --vxe-checkbox-border-width: #{$vxe-checkbox-border-width};
174
- --vxe-checkbox-border-radius: #{$vxe-checkbox-border-radius};
175
- --vxe-checkbox-icon-background-color: #{$vxe-checkbox-icon-background-color};
176
- --vxe-checkbox-checked-icon-border-color: #{$vxe-checkbox-checked-icon-border-color};
177
- --vxe-checkbox-indeterminate-icon-background-color: #{$vxe-checkbox-indeterminate-icon-background-color};
178
-
179
- /*radio*/
180
- --vxe-radio-font-size-default: #{$vxe-radio-font-size-default};
181
- --vxe-radio-font-size-medium: #{$vxe-radio-font-size-medium};
182
- --vxe-radio-font-size-small: #{$vxe-radio-font-size-small};
183
- --vxe-radio-font-size-mini: #{$vxe-radio-font-size-mini};
184
- --vxe-radio-border-width: #{$vxe-radio-border-width};
185
- --vxe-radio-icon-background-color: #{$vxe-radio-icon-background-color};
186
- --vxe-radio-checked-icon-background-color: #{$vxe-radio-checked-icon-background-color};
187
- --vxe-radio-indeterminate-icon-background-color: #{$vxe-radio-indeterminate-icon-background-color};
188
- --vxe-radio-button-default-background-color: #{$vxe-radio-button-default-background-color};
189
-
190
- /*button*/
191
- --vxe-button-max-width: #{$vxe-button-max-width};
192
- --vxe-button-default-background-color: #{$vxe-button-default-background-color};
193
- --vxe-button-dropdown-panel-background-color: #{$vxe-button-dropdown-panel-background-color};
194
- --vxe-button-height-default: #{$vxe-button-height-default};
195
- --vxe-button-height-medium: #{$vxe-button-height-medium};
196
- --vxe-button-height-small: #{$vxe-button-height-small};
197
- --vxe-button-height-mini: #{$vxe-button-height-mini};
198
- --vxe-button-round-border-radius-default: #{$vxe-button-round-border-radius-default};
199
- --vxe-button-round-border-radius-medium: #{$vxe-button-round-border-radius-medium};
200
- --vxe-button-round-border-radius-small: #{$vxe-button-round-border-radius-small};
201
- --vxe-button-round-border-radius-mini: #{$vxe-button-round-border-radius-mini};
202
-
203
- /*input*/
204
- --vxe-input-background-color: #{$vxe-input-background-color};
205
- --vxe-input-panel-background-color: #{$vxe-input-panel-background-color};
206
- --vxe-input-number-disabled-color: #{$vxe-input-number-disabled-color};
207
- --vxe-input-date-festival-color: #{$vxe-input-date-festival-color};
208
- --vxe-input-date-festival-important-color: #{$vxe-input-date-festival-important-color};
209
- --vxe-input-date-notice-background-color: #{$vxe-input-date-notice-background-color};
210
- --vxe-input-date-picker-hover-background-color: #{$vxe-input-date-picker-hover-background-color};
211
- --vxe-input-date-picker-selected-color: #{$vxe-input-date-picker-selected-color};
212
- --vxe-input-date-time-confirm-button-color: #{$vxe-input-date-time-confirm-button-color};
213
- --vxe-input-date-picker-festival-selected-color: #{$vxe-input-date-picker-festival-selected-color};
214
- --vxe-input-date-picker-notice-selected-background-color: #{$vxe-input-date-picker-notice-selected-background-color};
215
- --vxe-input-date-extra-color: #{$vxe-input-date-extra-color};
216
- --vxe-input-date-extra-important-color: #{$vxe-input-date-extra-important-color};
217
- --vxe-input-date-title-height-default: #{$vxe-input-date-title-height-default};
218
- --vxe-input-date-title-height-medium: #{$vxe-input-date-title-height-medium};
219
- --vxe-input-date-title-height-small: #{$vxe-input-date-title-height-small};
220
- --vxe-input-date-title-height-mini: #{$vxe-input-date-title-height-mini};
221
- --vxe-input-date-time-week-row-height-default: #{$vxe-input-date-time-week-row-height-default};
222
- --vxe-input-date-time-week-row-height-medium: #{$vxe-input-date-time-week-row-height-medium};
223
- --vxe-input-date-time-week-row-height-small: #{$vxe-input-date-time-week-row-height-small};
224
- --vxe-input-date-time-week-row-height-mini: #{$vxe-input-date-time-week-row-height-mini};
225
- --vxe-input-date-month-year-row-height-default: #{$vxe-input-date-month-year-row-height-default};
226
- --vxe-input-date-month-year-row-height-medium: #{$vxe-input-date-month-year-row-height-medium};
227
- --vxe-input-date-month-year-row-height-small: #{$vxe-input-date-month-year-row-height-small};
228
- --vxe-input-date-month-year-row-height-mini: #{$vxe-input-date-month-year-row-height-mini};
229
- --vxe-input-date-quarter-row-height-default: #{$vxe-input-date-quarter-row-height-default};
230
- --vxe-input-date-quarter-row-height-medium: #{$vxe-input-date-quarter-row-height-medium};
231
- --vxe-input-date-quarter-row-height-small: #{$vxe-input-date-quarter-row-height-small};
232
- --vxe-input-date-quarter-row-height-mini: #{$vxe-input-date-quarter-row-height-mini};
233
- --vxe-input-height-default: #{$vxe-input-height-default};
234
- --vxe-input-height-medium: #{$vxe-input-height-medium};
235
- --vxe-input-height-small: #{$vxe-input-height-small};
236
- --vxe-input-height-mini: #{$vxe-input-height-mini};
237
-
238
- /*textarea*/
239
- --vxe-textarea-line-height: #{$vxe-textarea-line-height};
240
- --vxe-textarea-background-color: #{$vxe-textarea-background-color};
241
- --vxe-textarea-count-color: #{$vxe-textarea-count-color};
242
- --vxe-textarea-count-background-color: #{$vxe-textarea-count-background-color};
243
- --vxe-textarea-count-error-color: #{$vxe-textarea-count-error-color};
244
-
245
- /*form*/
246
- --vxe-form-item-min-height-default: #{$vxe-form-item-min-height-default};
247
- --vxe-form-item-min-height-medium: #{$vxe-form-item-min-height-medium};
248
- --vxe-form-item-min-height-small: #{$vxe-form-item-min-height-small};
249
- --vxe-form-item-min-height-mini: #{$vxe-form-item-min-height-mini};
250
- --vxe-form-background-color: #{$vxe-form-background-color};
251
- --vxe-form-validate-error-color: #{$vxe-form-validate-error-color};
252
- --vxe-form-validate-error-background-color: #{$vxe-form-validate-error-background-color};
253
-
254
- /*select*/
255
- --vxe-select-option-height-default: #{$vxe-select-option-height-default};
256
- --vxe-select-option-height-medium: #{$vxe-select-option-height-medium};
257
- --vxe-select-option-height-small: #{$vxe-select-option-height-small};
258
- --vxe-select-option-height-mini: #{$vxe-select-option-height-mini};
259
- --vxe-select-option-hover-background-color: #{$vxe-select-option-hover-background-color};
260
- --vxe-select-panel-background-color: #{$vxe-select-panel-background-color};
261
- --vxe-select-empty-color: #{$vxe-select-empty-color};
262
- --vxe-optgroup-title-color: #{$vxe-optgroup-title-color};
263
-
264
- /*switch*/
265
- --vxe-switch-font-color: #{$vxe-switch-font-color};
266
- --vxe-switch-icon-background-color: #{$vxe-switch-icon-background-color};
267
- --vxe-switch-open-background-color: #{$vxe-switch-open-background-color};
268
- --vxe-switch-close-background-color: #{$vxe-switch-close-background-color};
269
- --vxe-switch-disabled-background-color: #{$vxe-switch-disabled-background-color};
270
-
271
- /*pulldown*/
272
- --vxe-pulldown-panel-background-color: #{$vxe-pulldown-panel-background-color};
273
- }
1
+ @import './variable.scss';
2
+ @import './css-variable.scss';
package/styles/default.scss CHANGED
@@ -1 +1,3 @@
1
+ // 该文件已废弃，请使用 vxe-table/style/all.scss
2
+
1
3
  @import './modules.scss';
package/styles/modules.scss CHANGED
@@ -1,3 +1,5 @@
1
+ // 该文件已废弃，请使用 vxe-table/style/all.scss
2
+
1
3
  @import './cssvar.scss';
2
4
  @import './icon.scss';
3
5
  @import './filter.scss';
package/styles/variable.scss CHANGED
@@ -132,6 +132,7 @@ $vxe-loading-z-index: 999 !default;
132
132
 
133
133
  /*validate*/
134
134
  $vxe-table-validate-error-color: #f56c6c !default;
135
+ $vxe-table-validate-error-background-color: $vxe-table-body-background-color !default;
135
136
 
136
137
  /*grid*/
137
138
  $vxe-grid-maximize-background-color: #fff !default;
@@ -145,8 +146,6 @@ $vxe-toolbar-panel-background-color: #fff !default;
145
146
  $vxe-tooltip-dark-color: #fff !default;
146
147
  $vxe-tooltip-dark-background-color: #303133 !default;
147
148
  $vxe-tooltip-light-background-color: #fff !default;
148
- $vxe-tooltip-validate-error-color: #fff !default;
149
- $vxe-tooltip-validate-error-background-color: #f56c6c !default;
150
149
 
151
150
  /*pager*/
152
151
  $vxe-pager-background-color: #fff !default;