vxe-table 3.3.12 → 3.3.14-beta.1

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 (46) hide show
  1. package/helper/vetur/attributes.json +8 -0
  2. package/helper/vetur/tags.json +2 -0
  3. package/lib/form/src/form-gather.js +13 -0
  4. package/lib/form/src/form-gather.min.js +1 -1
  5. package/lib/form/src/form-item.js +123 -1
  6. package/lib/form/src/form-item.min.js +1 -1
  7. package/lib/form/src/form.js +72 -102
  8. package/lib/form/src/form.min.js +1 -1
  9. package/lib/form/src/render.js +81 -0
  10. package/lib/form/src/render.min.js +1 -0
  11. package/lib/grid/src/grid.js +26 -9
  12. package/lib/grid/src/grid.min.js +1 -1
  13. package/lib/index.css +1 -1
  14. package/lib/index.umd.js +1173 -226
  15. package/lib/index.umd.min.js +1 -1
  16. package/lib/modal/src/modal.js +16 -4
  17. package/lib/modal/src/modal.min.js +1 -1
  18. package/lib/modal/style/style.css +2 -2
  19. package/lib/modal/style/style.min.css +1 -1
  20. package/lib/style.css +1 -1
  21. package/lib/style.min.css +1 -1
  22. package/lib/table/src/body.js +15 -1
  23. package/lib/table/src/body.min.js +1 -1
  24. package/lib/table/src/methods.js +45 -30
  25. package/lib/table/src/methods.min.js +1 -1
  26. package/lib/textarea/src/textarea.js +11 -3
  27. package/lib/textarea/src/textarea.min.js +1 -1
  28. package/lib/textarea/style/style.css +11 -12
  29. package/lib/textarea/style/style.min.css +1 -1
  30. package/lib/v-x-e-table/src/conf.js +1 -0
  31. package/lib/v-x-e-table/src/conf.min.js +1 -1
  32. package/package.json +5 -5
  33. package/packages/form/src/form-gather.js +10 -0
  34. package/packages/form/src/form-item.js +101 -1
  35. package/packages/form/src/form.js +49 -107
  36. package/packages/form/src/render.js +79 -0
  37. package/packages/grid/src/grid.js +16 -5
  38. package/packages/modal/src/modal.js +9 -4
  39. package/packages/table/src/body.js +12 -4
  40. package/packages/table/src/methods.js +19 -9
  41. package/packages/textarea/src/textarea.js +8 -3
  42. package/packages/v-x-e-table/src/conf.js +1 -0
  43. package/styles/modal.scss +3 -3
  44. package/styles/textarea.scss +11 -11
  45. package/styles/variable.scss +198 -198
  46. package/types/form.d.ts +5 -0
package/packages/textarea/src/textarea.js CHANGED
@@ -21,6 +21,7 @@ export default {
21
21
  placeholder: String,
22
22
  maxlength: [String, Number],
23
23
  rows: { type: [String, Number], default: 2 },
24
+ cols: { type: [String, Number], default: null },
24
25
  showWordCount: Boolean,
25
26
  countMethod: Function,
26
27
  autosize: [Boolean, Object],
@@ -71,14 +72,16 @@ export default {
71
72
  }
72
73
  },
73
74
  render (h) {
74
- const { className, defaultEvents, inputValue, vSize, name, form, resize, placeholder, readonly, disabled, maxlength, autosize, showWordCount, countMethod } = this
75
+ const { className, defaultEvents, inputValue, vSize, name, form, resize, placeholder, readonly, disabled, maxlength, autosize, showWordCount, countMethod, rows, cols } = this
75
76
  const attrs = {
76
77
  name,
77
78
  form,
78
79
  placeholder,
79
80
  maxlength,
80
81
  readonly,
81
- disabled
82
+ disabled,
83
+ rows,
84
+ cols
82
85
  }
83
86
  if (placeholder) {
84
87
  attrs.placeholder = UtilTools.getFuncText(placeholder)
@@ -87,7 +90,9 @@ export default {
87
90
  class: ['vxe-textarea', className, {
88
91
  [`size--${vSize}`]: vSize,
89
92
  'is--autosize': autosize,
90
- 'is--disabled': disabled
93
+ 'is--disabled': disabled,
94
+ 'def--rows': !XEUtils.eqNull(rows),
95
+ 'def--cols': !XEUtils.eqNull(cols)
91
96
  }]
92
97
  }, [
93
98
  h('textarea', {
package/packages/v-x-e-table/src/conf.js CHANGED
@@ -308,6 +308,7 @@ export default {
308
308
  showTitleOverflow: true,
309
309
  animat: true,
310
310
  showClose: true,
311
+ draggable: true,
311
312
  // storage: false,
312
313
  storageKey: 'VXE_MODAL_POSITION'
313
314
  },
package/styles/modal.scss CHANGED
@@ -141,9 +141,6 @@
141
141
  left: 50%;
142
142
  top: 0;
143
143
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
144
- .vxe-modal--header {
145
- cursor: move;
146
- }
147
144
  }
148
145
  .vxe-modal--body {
149
146
  overflow: auto;
@@ -249,6 +246,9 @@
249
246
  background-color: $vxe-modal-header-background-color;
250
247
  border-radius: $vxe-border-radius $vxe-border-radius 0 0;
251
248
  user-select: none;
249
+ &.is--drag {
250
+ cursor: move;
251
+ }
252
252
  &.is--ellipsis {
253
253
  overflow: hidden;
254
254
  text-overflow: ellipsis;
package/styles/textarea.scss CHANGED
@@ -3,7 +3,12 @@
3
3
  .vxe-textarea {
4
4
  position: relative;
5
5
  display: inline-block;
6
- width: 100%;
6
+ &:not(.def--cols) {
7
+ width: 100%;
8
+ .vxe-textarea--inner {
9
+ width: 100%;
10
+ }
11
+ }
7
12
  }
8
13
 
9
14
  .vxe-textarea--inner {
@@ -15,6 +20,11 @@
15
20
  line-height: inherit;
16
21
  border: 1px solid $vxe-input-border-color;
17
22
  background-color: $vxe-textarea-background-color;
23
+ display: block;
24
+ padding: 0.3em 0.6em;
25
+ &::placeholder {
26
+ color: $vxe-input-placeholder-color;
27
+ }
18
28
  &:focus {
19
29
  border: 1px solid $vxe-primary-color;
20
30
  }
@@ -24,16 +34,6 @@
24
34
  }
25
35
  }
26
36
 
27
- .vxe-textarea--inner {
28
- width: 100%;
29
- height: 100%;
30
- display: block;
31
- padding: 0.3em 0.6em;
32
- &::placeholder {
33
- color: $vxe-input-placeholder-color;
34
- }
35
- }
36
-
37
37
  .vxe-textarea--inner,
38
38
  .vxe-textarea--autosize {
39
39
  line-height: $vxe-textarea-line-height;
package/styles/variable.scss CHANGED
@@ -1,247 +1,247 @@
1
1
  /*font*/
2
- $vxe-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
3
- $vxe-font-color: #606266;
4
- $vxe-font-size: 14px;
5
- $vxe-font-size-medium: 14px;
6
- $vxe-font-size-small: 13px;
7
- $vxe-font-size-mini: 12px;
2
+ $vxe-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !default;
3
+ $vxe-font-color: #606266 !default;
4
+ $vxe-font-size: 14px !default;
5
+ $vxe-font-size-medium: 14px !default;
6
+ $vxe-font-size-small: 13px !default;
7
+ $vxe-font-size-mini: 12px !default;
8
8
 
9
9
  /*size*/
10
- $vxe-border-radius: 4px;
10
+ $vxe-border-radius: 4px !default;
11
11
 
12
12
  /*icon*/
13
- $vxe-icon-font-family: Verdana,Arial,Tahoma;
14
- $vxe-icon-background-color: #fff;
13
+ $vxe-icon-font-family: Verdana,Arial,Tahoma !default;
14
+ $vxe-icon-background-color: #fff !default;
15
15
 
16
16
  /*color*/
17
- $vxe-primary-color: #409eff;
18
- $vxe-success-color: #67c23a;
19
- $vxe-info-color: #909399;
20
- $vxe-warning-color: #e6a23c;
21
- $vxe-danger-color: #f56c6c;
22
- $vxe-disabled-color: #BFBFBF;
23
- $vxe-primary-disabled-color: #c0c4cc;
17
+ $vxe-primary-color: #409eff !default;
18
+ $vxe-success-color: #67c23a !default;
19
+ $vxe-info-color: #909399 !default;
20
+ $vxe-warning-color: #e6a23c !default;
21
+ $vxe-danger-color: #f56c6c !default;
22
+ $vxe-disabled-color: #BFBFBF !default;
23
+ $vxe-primary-disabled-color: #c0c4cc !default;
24
24
 
25
25
  /*input/radio/checkbox*/
26
- $vxe-input-border-color: #dcdfe6;
27
- $vxe-input-disabled-color: #dcdfe6;
28
- $vxe-input-disabled-background-color: #f3f3f3;
29
- $vxe-input-placeholder-color: #C0C4CC;
26
+ $vxe-input-border-color: #dcdfe6 !default;
27
+ $vxe-input-disabled-color: #dcdfe6 !default;
28
+ $vxe-input-disabled-background-color: #f3f3f3 !default;
29
+ $vxe-input-placeholder-color: #C0C4CC !default;
30
30
 
31
31
  /*popup*/
32
- $vxe-table-popup-border-color: #DADCE0;
32
+ $vxe-table-popup-border-color: #DADCE0 !default;
33
33
 
34
34
  /*table*/
35
- $vxe-table-font-color: $vxe-font-color;
36
- $vxe-table-header-font-color: $vxe-font-color;
37
- $vxe-table-footer-font-color: $vxe-font-color;
38
- $vxe-table-border-radius: $vxe-border-radius;
39
- $vxe-table-border-width: 1px;
40
- $vxe-table-border-color: #e8eaec;
41
- $vxe-table-resizable-line-color: #D9DDDF;
42
- $vxe-table-resizable-drag-line-color: $vxe-primary-color;
43
- $vxe-table-header-background-color: #f8f8f9;
44
- $vxe-table-body-background-color: #ffffff;
45
- $vxe-table-footer-background-color: #ffffff;
46
- $vxe-table-tree-node-line-color:#909399;
47
- $vxe-table-tree-node-line-style: dotted;
48
- $vxe-table-header-font-weight: 700;
49
-
50
- $vxe-table-row-height-default: 48px;
51
- $vxe-table-row-height-medium: 44px;
52
- $vxe-table-row-height-small: 40px;
53
- $vxe-table-row-height-mini: 36px;
54
- $vxe-table-row-line-height: 24px;
55
- $vxe-table-row-hover-background-color: #f5f7fa;
56
- $vxe-table-row-striped-background-color: #fafafa;
57
- $vxe-table-row-hover-striped-background-color: #f5f7fa;
58
- $vxe-table-row-radio-checked-background-color: #fff3e0;
59
- $vxe-table-row-hover-radio-checked-background-color: #ffebbc;
60
- $vxe-table-row-checkbox-checked-background-color: #fff3e0;
61
- $vxe-table-row-hover-checkbox-checked-background-color: #ffebbc;
62
- $vxe-table-row-current-background-color: #e6f7ff;
63
- $vxe-table-row-hover-current-background-color: #d7effb;
64
-
65
- $vxe-table-column-hover-background-color: #d7effb;
66
- $vxe-table-column-current-background-color: #e6f7ff;
67
- $vxe-table-column-icon-border-color: #c0c4cc;
68
- $vxe-table-column-icon-border-hover-color: #515A6E;
69
-
70
- $vxe-table-cell-placeholder-color: #C0C4CC;
71
- $vxe-table-cell-padding-left: 10px;
72
- $vxe-table-cell-padding-right: 10px;
73
- $vxe-table-cell-input-height-default: $vxe-table-row-height-default - 6;
74
- $vxe-table-cell-input-height-medium: $vxe-table-row-height-medium - 6;
75
- $vxe-table-cell-input-height-small: $vxe-table-row-height-small - 6;
76
- $vxe-table-cell-input-height-mini: $vxe-table-row-height-mini - 6;
77
- $vxe-table-cell-dirty-width: 5px;
78
- $vxe-table-cell-dirty-update-color: #f56c6c;
79
- $vxe-table-cell-dirty-insert-color: #19A15F;
80
- $vxe-table-cell-area-border-color: $vxe-primary-color;
81
- $vxe-table-cell-area-border-width: 1px;
82
- $vxe-table-cell-main-area-extension-border-color: #fff;
83
- $vxe-table-cell-main-area-extension-background-color: $vxe-primary-color;
84
- $vxe-table-cell-extend-area-border-width: 2px;
85
- $vxe-table-cell-copy-area-border-width: 3px;
86
- $vxe-table-cell-active-area-border-width: 2px;
87
- $vxe-table-cell-copy-area-border-color: $vxe-table-cell-area-border-color;
88
- $vxe-table-cell-extend-area-border-color: $vxe-table-cell-area-border-color;
89
- $vxe-table-cell-active-area-border-color: $vxe-table-cell-area-border-color;
90
- $vxe-table-cell-area-background-color: rgba(64,158,255,0.2);
91
-
92
- $vxe-table-checkbox-range-border-width: 1px;
93
- $vxe-table-checkbox-range-border-color: #006af1;
94
- $vxe-table-checkbox-range-background-color: rgba(50,128,252,0.2);
95
-
96
- $vxe-table-fixed-left-scrolling-box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12);
97
- $vxe-table-fixed-right-scrolling-box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12);
35
+ $vxe-table-font-color: $vxe-font-color !default;
36
+ $vxe-table-header-font-color: $vxe-font-color !default;
37
+ $vxe-table-footer-font-color: $vxe-font-color !default;
38
+ $vxe-table-border-radius: $vxe-border-radius !default;
39
+ $vxe-table-border-width: 1px !default;
40
+ $vxe-table-border-color: #e8eaec !default;
41
+ $vxe-table-resizable-line-color: #D9DDDF !default;
42
+ $vxe-table-resizable-drag-line-color: $vxe-primary-color !default;
43
+ $vxe-table-header-background-color: #f8f8f9 !default;
44
+ $vxe-table-body-background-color: #ffffff !default;
45
+ $vxe-table-footer-background-color: #ffffff !default;
46
+ $vxe-table-tree-node-line-color:#909399 !default;
47
+ $vxe-table-tree-node-line-style: dotted !default;
48
+ $vxe-table-header-font-weight: 700 !default;
49
+
50
+ $vxe-table-row-height-default: 48px !default;
51
+ $vxe-table-row-height-medium: 44px !default;
52
+ $vxe-table-row-height-small: 40px !default;
53
+ $vxe-table-row-height-mini: 36px !default;
54
+ $vxe-table-row-line-height: 24px !default;
55
+ $vxe-table-row-hover-background-color: #f5f7fa !default;
56
+ $vxe-table-row-striped-background-color: #fafafa !default;
57
+ $vxe-table-row-hover-striped-background-color: #f5f7fa !default;
58
+ $vxe-table-row-radio-checked-background-color: #fff3e0 !default;
59
+ $vxe-table-row-hover-radio-checked-background-color: #ffebbc !default;
60
+ $vxe-table-row-checkbox-checked-background-color: #fff3e0 !default;
61
+ $vxe-table-row-hover-checkbox-checked-background-color: #ffebbc !default;
62
+ $vxe-table-row-current-background-color: #e6f7ff !default;
63
+ $vxe-table-row-hover-current-background-color: #d7effb !default;
64
+
65
+ $vxe-table-column-hover-background-color: #d7effb !default;
66
+ $vxe-table-column-current-background-color: #e6f7ff !default;
67
+ $vxe-table-column-icon-border-color: #c0c4cc !default;
68
+ $vxe-table-column-icon-border-hover-color: #515A6E !default;
69
+
70
+ $vxe-table-cell-placeholder-color: #C0C4CC !default;
71
+ $vxe-table-cell-padding-left: 10px !default;
72
+ $vxe-table-cell-padding-right: 10px !default;
73
+ $vxe-table-cell-input-height-default: $vxe-table-row-height-default - 6 !default;
74
+ $vxe-table-cell-input-height-medium: $vxe-table-row-height-medium - 6 !default;
75
+ $vxe-table-cell-input-height-small: $vxe-table-row-height-small - 6 !default;
76
+ $vxe-table-cell-input-height-mini: $vxe-table-row-height-mini - 6 !default;
77
+ $vxe-table-cell-dirty-width: 5px !default;
78
+ $vxe-table-cell-dirty-update-color: #f56c6c !default;
79
+ $vxe-table-cell-dirty-insert-color: #19A15F !default;
80
+ $vxe-table-cell-area-border-color: $vxe-primary-color !default;
81
+ $vxe-table-cell-area-border-width: 1px !default;
82
+ $vxe-table-cell-main-area-extension-border-color: #fff !default;
83
+ $vxe-table-cell-main-area-extension-background-color: $vxe-primary-color !default;
84
+ $vxe-table-cell-extend-area-border-width: 2px !default;
85
+ $vxe-table-cell-copy-area-border-width: 3px !default;
86
+ $vxe-table-cell-active-area-border-width: 2px !default;
87
+ $vxe-table-cell-copy-area-border-color: $vxe-table-cell-area-border-color !default;
88
+ $vxe-table-cell-extend-area-border-color: $vxe-table-cell-area-border-color !default;
89
+ $vxe-table-cell-active-area-border-color: $vxe-table-cell-area-border-color !default;
90
+ $vxe-table-cell-area-background-color: rgba(64,158,255,0.2) !default;
91
+
92
+ $vxe-table-checkbox-range-border-width: 1px !default;
93
+ $vxe-table-checkbox-range-border-color: #006af1 !default;
94
+ $vxe-table-checkbox-range-background-color: rgba(50,128,252,0.2) !default;
95
+
96
+ $vxe-table-fixed-left-scrolling-box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.12) !default;
97
+ $vxe-table-fixed-right-scrolling-box-shadow: -4px 3px 4px 0px rgba(0, 0, 0, 0.12) !default;
98
98
 
99
99
  /*filter*/
100
- $vxe-table-filter-panel-background-color: #fff;
100
+ $vxe-table-filter-panel-background-color: #fff !default;
101
101
 
102
102
  /*menu*/
103
- $vxe-table-menu-item-width: 178px;
104
- $vxe-table-menu-background-color: #fff;
103
+ $vxe-table-menu-item-width: 178px !default;
104
+ $vxe-table-menu-background-color: #fff !default;
105
105
 
106
106
  /*loading*/
107
- $vxe-loading-background-color: rgba(0, 0, 0, 0.2);
108
- $vxe-loading-z-index: 999;
107
+ $vxe-loading-background-color: rgba(0, 0, 0, 0.2) !default;
108
+ $vxe-loading-z-index: 999 !default;
109
109
 
110
110
  /*validate*/
111
- $vxe-table-validate-error-color: #f56c6c;
112
- $vxe-table-validate-tooltip-error-color: #fff;
113
- $vxe-table-validate-tooltip-error-background-color: $vxe-table-validate-error-color;
111
+ $vxe-table-validate-error-color: #f56c6c !default;
112
+ $vxe-table-validate-tooltip-error-color: #fff !default;
113
+ $vxe-table-validate-tooltip-error-background-color: $vxe-table-validate-error-color !default;
114
114
 
115
115
  /*grid*/
116
- $vxe-grid-maximize-background-color: #fff;
116
+ $vxe-grid-maximize-background-color: #fff !default;
117
117
 
118
118
  /*toolbar*/
119
- $vxe-toolbar-background-color: #fff;
120
- $vxe-toolbar-height-default: 52px;
121
- $vxe-toolbar-height-medium: 50px;
122
- $vxe-toolbar-height-small: 48px;
123
- $vxe-toolbar-height-mini: 46px;
124
- $vxe-toolbar-custom-active-background-color: #D9DADB;
125
- $vxe-toolbar-panel-background-color: #fff;
119
+ $vxe-toolbar-background-color: #fff !default;
120
+ $vxe-toolbar-height-default: 52px !default;
121
+ $vxe-toolbar-height-medium: 50px !default;
122
+ $vxe-toolbar-height-small: 48px !default;
123
+ $vxe-toolbar-height-mini: 46px !default;
124
+ $vxe-toolbar-custom-active-background-color: #D9DADB !default;
125
+ $vxe-toolbar-panel-background-color: #fff !default;
126
126
 
127
127
  /*tooltip*/
128
- $vxe-tooltip-dark-color: #fff;
129
- $vxe-tooltip-dark-background-color: #303133;
130
- $vxe-tooltip-light-background-color: #fff;
131
- $vxe-tooltip-validate-error-color: #fff;
132
- $vxe-tooltip-validate-error-background-color: #f56c6c;
128
+ $vxe-tooltip-dark-color: #fff !default;
129
+ $vxe-tooltip-dark-background-color: #303133 !default;
130
+ $vxe-tooltip-light-background-color: #fff !default;
131
+ $vxe-tooltip-validate-error-color: #fff !default;
132
+ $vxe-tooltip-validate-error-background-color: #f56c6c !default;
133
133
 
134
134
  /*pager*/
135
- $vxe-pager-background-color: #fff;
136
- $vxe-pager-perfect-background-color: #fff;
137
- $vxe-pager-perfect-button-background-color: #f4f4f5;
135
+ $vxe-pager-background-color: #fff !default;
136
+ $vxe-pager-perfect-background-color: #fff !default;
137
+ $vxe-pager-perfect-button-background-color: #f4f4f5 !default;
138
138
 
139
139
  /*modal*/
140
- $vxe-modal-header-background-color: #F8F8F8;
141
- $vxe-modal-body-background-color: #fff;
142
- $vxe-modal-border-color: #ebeef5;
140
+ $vxe-modal-header-background-color: #F8F8F8 !default;
141
+ $vxe-modal-body-background-color: #fff !default;
142
+ $vxe-modal-border-color: #ebeef5 !default;
143
143
 
144
144
  /*checkbox*/
145
- $vxe-checkbox-font-size-default: 16px;
146
- $vxe-checkbox-font-size-medium: 15px;
147
- $vxe-checkbox-font-size-small: 14px;
148
- $vxe-checkbox-font-size-mini: 14px;
149
- $vxe-checkbox-checked-width: 0.32em;
150
- $vxe-checkbox-checked-height: 0.64em;
151
- $vxe-checkbox-indeterminate-width: 0.6em;
152
- $vxe-checkbox-indeterminate-height: 2px;
153
- $vxe-checkbox-border-width: 2px;
154
- $vxe-checkbox-border-radius: 2px;
155
- $vxe-checkbox-icon-background-color: #fff;
156
- $vxe-checkbox-checked-icon-border-color: #fff;
157
- $vxe-checkbox-indeterminate-icon-background-color: #fff;
145
+ $vxe-checkbox-font-size-default: 16px !default;
146
+ $vxe-checkbox-font-size-medium: 15px !default;
147
+ $vxe-checkbox-font-size-small: 14px !default;
148
+ $vxe-checkbox-font-size-mini: 14px !default;
149
+ $vxe-checkbox-checked-width: 0.32em !default;
150
+ $vxe-checkbox-checked-height: 0.64em !default;
151
+ $vxe-checkbox-indeterminate-width: 0.6em !default;
152
+ $vxe-checkbox-indeterminate-height: 2px !default;
153
+ $vxe-checkbox-border-width: 2px !default;
154
+ $vxe-checkbox-border-radius: 2px !default;
155
+ $vxe-checkbox-icon-background-color: #fff !default;
156
+ $vxe-checkbox-checked-icon-border-color: #fff !default;
157
+ $vxe-checkbox-indeterminate-icon-background-color: #fff !default;
158
158
 
159
159
  /*radio*/
160
- $vxe-radio-font-size-default: $vxe-checkbox-font-size-default;
161
- $vxe-radio-font-size-medium: $vxe-checkbox-font-size-medium;
162
- $vxe-radio-font-size-small: $vxe-checkbox-font-size-small;
163
- $vxe-radio-font-size-mini: $vxe-checkbox-font-size-mini;
164
- $vxe-radio-border-width: $vxe-checkbox-border-width;
165
- $vxe-radio-icon-background-color: #fff;
166
- $vxe-radio-checked-icon-background-color: #fff;
167
- $vxe-radio-indeterminate-icon-background-color: #fff;
168
- $vxe-radio-button-default-background-color: #fff;
160
+ $vxe-radio-font-size-default: $vxe-checkbox-font-size-default !default;
161
+ $vxe-radio-font-size-medium: $vxe-checkbox-font-size-medium !default;
162
+ $vxe-radio-font-size-small: $vxe-checkbox-font-size-small !default;
163
+ $vxe-radio-font-size-mini: $vxe-checkbox-font-size-mini !default;
164
+ $vxe-radio-border-width: $vxe-checkbox-border-width !default;
165
+ $vxe-radio-icon-background-color: #fff !default;
166
+ $vxe-radio-checked-icon-background-color: #fff !default;
167
+ $vxe-radio-indeterminate-icon-background-color: #fff !default;
168
+ $vxe-radio-button-default-background-color: #fff !default;
169
169
 
170
170
  /*button*/
171
- $vxe-button-max-width: 500px;
172
- $vxe-button-default-background-color: #fff;
173
- $vxe-button-dropdown-panel-background-color: #fff;
174
- $vxe-button-height-default: 34px;
175
- $vxe-button-height-medium: 32px;
176
- $vxe-button-height-small: 30px;
177
- $vxe-button-height-mini: 28px;
171
+ $vxe-button-max-width: 500px !default;
172
+ $vxe-button-default-background-color: #fff !default;
173
+ $vxe-button-dropdown-panel-background-color: #fff !default;
174
+ $vxe-button-height-default: 34px !default;
175
+ $vxe-button-height-medium: 32px !default;
176
+ $vxe-button-height-small: 30px !default;
177
+ $vxe-button-height-mini: 28px !default;
178
178
 
179
179
  /*input*/
180
- $vxe-input-background-color: #fff;
181
- $vxe-input-panel-background-color: $vxe-input-background-color;
182
- $vxe-input-date-festival-color: #999999;
183
- $vxe-input-date-festival-important-color: $vxe-primary-color;
184
- $vxe-input-date-notice-background-color: #FF0000;
185
- $vxe-input-date-picker-hover-background-color: #f2f6fc;
186
- $vxe-input-date-picker-selected-color: #fff;
187
- $vxe-input-date-time-confirm-button-color: #fff;
188
- $vxe-input-date-picker-festival-selected-color: $vxe-input-date-picker-selected-color;
189
- $vxe-input-date-picker-notice-selected-background-color: $vxe-input-date-picker-selected-color;
190
- $vxe-input-date-extra-color: #67c23a;
191
- $vxe-input-date-extra-important-color: #fd2222;
192
- $vxe-input-date-title-height-default: 30px;
193
- $vxe-input-date-title-height-medium: 29px;
194
- $vxe-input-date-title-height-small: 28px;
195
- $vxe-input-date-title-height-mini: 26px;
196
- $vxe-input-date-time-week-row-height-default: 38px;
197
- $vxe-input-date-time-week-row-height-medium: 36px;
198
- $vxe-input-date-time-week-row-height-small: 34px;
199
- $vxe-input-date-time-week-row-height-mini: 32px;
200
- $vxe-input-date-month-year-row-height-default: 48px;
201
- $vxe-input-date-month-year-row-height-medium: 46px;
202
- $vxe-input-date-month-year-row-height-small: 44px;
203
- $vxe-input-date-month-year-row-height-mini: 42px;
204
- $vxe-input-date-quarter-row-height-default: 60px;
205
- $vxe-input-date-quarter-row-height-medium: 58px;
206
- $vxe-input-date-quarter-row-height-small: 56px;
207
- $vxe-input-date-quarter-row-height-mini: 54px;
208
- $vxe-input-height-default: $vxe-button-height-default;
209
- $vxe-input-height-medium: $vxe-button-height-medium;
210
- $vxe-input-height-small: $vxe-button-height-small;
211
- $vxe-input-height-mini: $vxe-button-height-mini;
180
+ $vxe-input-background-color: #fff !default;
181
+ $vxe-input-panel-background-color: $vxe-input-background-color !default;
182
+ $vxe-input-date-festival-color: #999999 !default;
183
+ $vxe-input-date-festival-important-color: $vxe-primary-color !default;
184
+ $vxe-input-date-notice-background-color: #FF0000 !default;
185
+ $vxe-input-date-picker-hover-background-color: #f2f6fc !default;
186
+ $vxe-input-date-picker-selected-color: #fff !default;
187
+ $vxe-input-date-time-confirm-button-color: #fff !default;
188
+ $vxe-input-date-picker-festival-selected-color: $vxe-input-date-picker-selected-color !default;
189
+ $vxe-input-date-picker-notice-selected-background-color: $vxe-input-date-picker-selected-color !default;
190
+ $vxe-input-date-extra-color: #67c23a !default;
191
+ $vxe-input-date-extra-important-color: #fd2222 !default;
192
+ $vxe-input-date-title-height-default: 30px !default;
193
+ $vxe-input-date-title-height-medium: 29px !default;
194
+ $vxe-input-date-title-height-small: 28px !default;
195
+ $vxe-input-date-title-height-mini: 26px !default;
196
+ $vxe-input-date-time-week-row-height-default: 38px !default;
197
+ $vxe-input-date-time-week-row-height-medium: 36px !default;
198
+ $vxe-input-date-time-week-row-height-small: 34px !default;
199
+ $vxe-input-date-time-week-row-height-mini: 32px !default;
200
+ $vxe-input-date-month-year-row-height-default: 48px !default;
201
+ $vxe-input-date-month-year-row-height-medium: 46px !default;
202
+ $vxe-input-date-month-year-row-height-small: 44px !default;
203
+ $vxe-input-date-month-year-row-height-mini: 42px !default;
204
+ $vxe-input-date-quarter-row-height-default: 60px !default;
205
+ $vxe-input-date-quarter-row-height-medium: 58px !default;
206
+ $vxe-input-date-quarter-row-height-small: 56px !default;
207
+ $vxe-input-date-quarter-row-height-mini: 54px !default;
208
+ $vxe-input-height-default: $vxe-button-height-default !default;
209
+ $vxe-input-height-medium: $vxe-button-height-medium !default;
210
+ $vxe-input-height-small: $vxe-button-height-small !default;
211
+ $vxe-input-height-mini: $vxe-button-height-mini !default;
212
212
 
213
213
  /*textarea*/
214
- $vxe-textarea-line-height: 1.5715;
215
- $vxe-textarea-background-color: #fff;
216
- $vxe-textarea-count-color: #999;
217
- $vxe-textarea-count-background-color: #fff;
218
- $vxe-textarea-count-error-color: $vxe-table-validate-error-color;
214
+ $vxe-textarea-line-height: 1.5715 !default;
215
+ $vxe-textarea-background-color: #fff !default;
216
+ $vxe-textarea-count-color: #999 !default;
217
+ $vxe-textarea-count-background-color: #fff !default;
218
+ $vxe-textarea-count-error-color: $vxe-table-validate-error-color !default;
219
219
 
220
220
  /*form*/
221
- $vxe-form-item-min-height-default: 36px;
222
- $vxe-form-item-min-height-medium: 34px;
223
- $vxe-form-item-min-height-small: 32px;
224
- $vxe-form-item-min-height-mini: 30px;
225
- $vxe-form-background-color: #fff;
226
- $vxe-form-validate-error-color: $vxe-table-validate-error-color;
227
- $vxe-form-validate-error-background-color: inherit;
221
+ $vxe-form-item-min-height-default: 36px !default;
222
+ $vxe-form-item-min-height-medium: 34px !default;
223
+ $vxe-form-item-min-height-small: 32px !default;
224
+ $vxe-form-item-min-height-mini: 30px !default;
225
+ $vxe-form-background-color: #fff !default;
226
+ $vxe-form-validate-error-color: $vxe-table-validate-error-color !default;
227
+ $vxe-form-validate-error-background-color: inherit !default;
228
228
 
229
229
  /*select*/
230
- $vxe-select-option-height-default: 30px;
231
- $vxe-select-option-height-medium: 28px;
232
- $vxe-select-option-height-small: 26px;
233
- $vxe-select-option-height-mini: 24px;
234
- $vxe-select-option-hover-background-color: #f5f7fa;
235
- $vxe-select-panel-background-color: #fff;
236
- $vxe-select-empty-color: #C0C4CC;
237
- $vxe-optgroup-title-color:#909399;
230
+ $vxe-select-option-height-default: 30px !default;
231
+ $vxe-select-option-height-medium: 28px !default;
232
+ $vxe-select-option-height-small: 26px !default;
233
+ $vxe-select-option-height-mini: 24px !default;
234
+ $vxe-select-option-hover-background-color: #f5f7fa !default;
235
+ $vxe-select-panel-background-color: #fff !default;
236
+ $vxe-select-empty-color: #C0C4CC !default;
237
+ $vxe-optgroup-title-color:#909399 !default;
238
238
 
239
239
  /*switch*/
240
- $vxe-switch-font-color: #fff;
241
- $vxe-switch-icon-background-color: #fff;
242
- $vxe-switch-open-background-color: $vxe-primary-color;
243
- $vxe-switch-close-background-color: rgba(0,0,0,0.35);
244
- $vxe-switch-disabled-background-color: rgba(0,0,0,0.15);
240
+ $vxe-switch-font-color: #fff !default;
241
+ $vxe-switch-icon-background-color: #fff !default;
242
+ $vxe-switch-open-background-color: $vxe-primary-color !default;
243
+ $vxe-switch-close-background-color: rgba(0,0,0,0.35) !default;
244
+ $vxe-switch-disabled-background-color: rgba(0,0,0,0.15) !default;
245
245
 
246
246
  /*pulldown*/
247
- $vxe-pulldown-panel-background-color: #fff;
247
+ $vxe-pulldown-panel-background-color: #fff !default;
package/types/form.d.ts CHANGED
@@ -29,6 +29,11 @@ export declare class Form extends VXETableComponent {
29
29
  * @param callback 回调函数
30
30
  */
31
31
  validate(callback?: (errMap?: FormValidErrMapParams) => void): Promise<any>;
32
+ /**
33
+ * 对表单执行项进行校验，参数为一个回调函数。该回调函数会在校验结束后被调用 callback(errMap)。若不传入回调函数，则会返回一个 promise
34
+ * @param callback 回调函数
35
+ */
36
+ validateField(callback?: (errMap?: FormValidErrMapParams) => void): Promise<any>;
32
37
  /**
33
38
  * 手动清除校验状态，如果指定 field 则清除指定的项，否则清除整个表单
34
39
  * @param field 字段名