vxe-pc-ui 3.1.378 → 3.2.0

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 (39) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/style.css +1 -1
  3. package/es/style.min.css +1 -1
  4. package/es/table-select/src/table-select.js +13 -2
  5. package/es/tree-select/src/tree-select.js +4 -2
  6. package/es/ui/index.js +1 -1
  7. package/es/ui/src/log.js +1 -1
  8. package/lib/icon/style/style.css +1 -1
  9. package/lib/icon/style/style.min.css +1 -1
  10. package/lib/index.umd.js +19 -6
  11. package/lib/index.umd.min.js +1 -1
  12. package/lib/style.css +1 -1
  13. package/lib/style.min.css +1 -1
  14. package/lib/table-select/src/table-select.js +13 -2
  15. package/lib/table-select/src/table-select.min.js +1 -1
  16. package/lib/tree-select/src/tree-select.js +4 -2
  17. package/lib/tree-select/src/tree-select.min.js +1 -1
  18. package/lib/ui/index.js +1 -1
  19. package/lib/ui/index.min.js +1 -1
  20. package/lib/ui/src/log.js +1 -1
  21. package/lib/ui/src/log.min.js +1 -1
  22. package/package.json +2 -2
  23. package/packages/table-select/src/table-select.ts +13 -2
  24. package/packages/tree-select/src/tree-select.ts +4 -2
  25. package/styles/cssvar.scss +104 -1
  26. package/styles/theme/light.scss +63 -62
  27. package/styles/variable.scss +104 -0
  28. /package/es/icon/{iconfont.1729919652645.ttf → iconfont.1729994701560.ttf} +0 -0
  29. /package/es/icon/{iconfont.1729919652645.woff → iconfont.1729994701560.woff} +0 -0
  30. /package/es/icon/{iconfont.1729919652645.woff2 → iconfont.1729994701560.woff2} +0 -0
  31. /package/es/{iconfont.1729919652645.ttf → iconfont.1729994701560.ttf} +0 -0
  32. /package/es/{iconfont.1729919652645.woff → iconfont.1729994701560.woff} +0 -0
  33. /package/es/{iconfont.1729919652645.woff2 → iconfont.1729994701560.woff2} +0 -0
  34. /package/lib/icon/style/{iconfont.1729919652645.ttf → iconfont.1729994701560.ttf} +0 -0
  35. /package/lib/icon/style/{iconfont.1729919652645.woff → iconfont.1729994701560.woff} +0 -0
  36. /package/lib/icon/style/{iconfont.1729919652645.woff2 → iconfont.1729994701560.woff2} +0 -0
  37. /package/lib/{iconfont.1729919652645.ttf → iconfont.1729994701560.ttf} +0 -0
  38. /package/lib/{iconfont.1729919652645.woff → iconfont.1729994701560.woff} +0 -0
  39. /package/lib/{iconfont.1729919652645.woff2 → iconfont.1729994701560.woff2} +0 -0
package/styles/theme/light.scss CHANGED
@@ -1,108 +1,109 @@
1
1
  @use './base.scss';
2
+ @use '../variable.scss' as light-variable;
2
3
 
3
4
  [data-vxe-ui-theme="light"] {
4
5
  /*font color*/
5
- --vxe-ui-font-color: #606266;
6
- --vxe-ui-font-tinge-color: #d4d5d7;
7
- --vxe-ui-font-lighten-color: #797b80;
8
- --vxe-ui-font-darken-color: #47494c;
9
- --vxe-ui-font-disabled-color: #BFBFBF;
6
+ --vxe-ui-font-color: #{light-variable.$vxe-ui-font-color};
7
+ --vxe-ui-font-tinge-color: #{light-variable.$vxe-ui-font-tinge-color};
8
+ --vxe-ui-font-lighten-color: #{light-variable.$vxe-ui-font-lighten-color};
9
+ --vxe-ui-font-darken-color: #{light-variable.$vxe-ui-font-darken-color};
10
+ --vxe-ui-font-disabled-color: #{light-variable.$vxe-ui-font-disabled-color};
10
11
 
11
12
  /*font status color*/
12
- --vxe-ui-font-primary-color: #409eff;
13
- --vxe-ui-font-primary-hover-color: #f5f7fa;
14
- --vxe-ui-font-primary-tinge-color: #e8f3ff;
15
- --vxe-ui-font-primary-lighten-color: #73b8ff;
16
- --vxe-ui-font-primary-darken-color: #0d84ff;
17
- --vxe-ui-font-primary-disabled-color: #a6d2ff;
13
+ --vxe-ui-font-primary-color: #{light-variable.$vxe-ui-font-primary-color};
14
+ --vxe-ui-font-primary-hover-color: #{light-variable.$vxe-ui-font-primary-hover-color};
15
+ --vxe-ui-font-primary-tinge-color: #{light-variable.$vxe-ui-font-primary-tinge-color};
16
+ --vxe-ui-font-primary-lighten-color: #{light-variable.$vxe-ui-font-primary-lighten-color};
17
+ --vxe-ui-font-primary-darken-color: #{light-variable.$vxe-ui-font-primary-darken-color};
18
+ --vxe-ui-font-primary-disabled-color: #{light-variable.$vxe-ui-font-primary-disabled-color};
18
19
 
19
- --vxe-ui-status-success-color: #67c23a;
20
- --vxe-ui-status-info-color: #909399;
21
- --vxe-ui-status-warning-color: #e6a23c;
22
- --vxe-ui-status-danger-color: #f56c6c;
23
- --vxe-ui-status-error-color: #f56c6c;
20
+ --vxe-ui-status-success-color: #{light-variable.$vxe-ui-status-success-color};
21
+ --vxe-ui-status-info-color: #{light-variable.$vxe-ui-status-info-color};
22
+ --vxe-ui-status-warning-color: #{light-variable.$vxe-ui-status-warning-color};
23
+ --vxe-ui-status-danger-color: #{light-variable.$vxe-ui-status-danger-color};
24
+ --vxe-ui-status-error-color: #{light-variable.$vxe-ui-status-error-color};
24
25
 
25
- --vxe-ui-status-success-tinge-color: #eef8e9;
26
- --vxe-ui-status-info-tinge-color: #f5f5f6;
27
- --vxe-ui-status-warning-tinge-color: #fcf4e8;
26
+ --vxe-ui-status-success-tinge-color: #{light-variable.$vxe-ui-status-success-tinge-color};
27
+ --vxe-ui-status-info-tinge-color: #{light-variable.$vxe-ui-status-info-tinge-color};
28
+ --vxe-ui-status-warning-tinge-color: #{light-variable.$vxe-ui-status-warning-tinge-color};
28
29
  --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
29
- --vxe-ui-status-error-tinge-color: #fef2f2;
30
+ --vxe-ui-status-error-tinge-color: #{light-variable.$vxe-ui-status-error-tinge-color};
30
31
 
31
- --vxe-ui-status-success-lighten-color: #85cf60;
32
- --vxe-ui-status-info-lighten-color: #abadb1;
33
- --vxe-ui-status-warning-lighten-color: #ecb869;
32
+ --vxe-ui-status-success-lighten-color: #{light-variable.$vxe-ui-status-success-lighten-color};
33
+ --vxe-ui-status-info-lighten-color: #{light-variable.$vxe-ui-status-info-lighten-color};
34
+ --vxe-ui-status-warning-lighten-color: #{light-variable.$vxe-ui-status-warning-lighten-color};
34
35
  --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
35
- --vxe-ui-status-error-lighten-color: #f89c9c;
36
+ --vxe-ui-status-error-lighten-color: #{light-variable.$vxe-ui-status-error-lighten-color};
36
37
 
37
- --vxe-ui-status-success-darken-color: #529b2e;
38
- --vxe-ui-status-info-darken-color: #767980;
39
- --vxe-ui-status-warning-darken-color: #d48a1b;
38
+ --vxe-ui-status-success-darken-color: #{light-variable.$vxe-ui-status-success-darken-color};
39
+ --vxe-ui-status-info-darken-color: #{light-variable.$vxe-ui-status-info-darken-color};
40
+ --vxe-ui-status-warning-darken-color: #{light-variable.$vxe-ui-status-warning-darken-color};
40
41
  --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
41
- --vxe-ui-status-error-darken-color: #f56c6c;
42
+ --vxe-ui-status-error-darken-color: #{light-variable.$vxe-ui-status-error-darken-color};
42
43
 
43
- --vxe-ui-status-success-disabled-color: #a3db87;
44
- --vxe-ui-status-info-disabled-color: #c5c7ca;
45
- --vxe-ui-status-warning-disabled-color: #f2cd96;
44
+ --vxe-ui-status-success-disabled-color: #{light-variable.$vxe-ui-status-success-disabled-color};
45
+ --vxe-ui-status-info-disabled-color: #{light-variable.$vxe-ui-status-info-disabled-color};
46
+ --vxe-ui-status-warning-disabled-color: #{light-variable.$vxe-ui-status-warning-disabled-color};
46
47
  --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
47
- --vxe-ui-status-error-disabled-color: #f5a8a8;
48
+ --vxe-ui-status-error-disabled-color: #{light-variable.$vxe-ui-status-error-disabled-color};
48
49
 
49
50
  /*base*/
50
- --vxe-ui-base-popup-border-color: #DADCE0;
51
- --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
52
- --vxe-ui-base-drag-background-color: #dde9fd;
53
- --vxe-ui-base-active-background-color: #e6f4ff;
54
- --vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04);
51
+ --vxe-ui-base-popup-border-color: #{light-variable.$vxe-ui-base-popup-border-color};
52
+ --vxe-ui-base-popup-box-shadow: #{light-variable.$vxe-ui-base-popup-box-shadow};
53
+ --vxe-ui-base-drag-background-color: #{light-variable.$vxe-ui-base-drag-background-color};
54
+ --vxe-ui-base-active-background-color: #{light-variable.$vxe-ui-base-active-background-color};
55
+ --vxe-ui-base-hover-background-color: #{light-variable.$vxe-ui-base-hover-background-color};
55
56
 
56
57
  /*layout*/
57
- --vxe-ui-layout-background-color: #ffffff;
58
+ --vxe-ui-layout-background-color: #{light-variable.$vxe-ui-layout-background-color};
58
59
 
59
60
  /*input*/
60
- --vxe-ui-input-border-color: #dcdfe6;
61
- --vxe-ui-input-placeholder-color: #C0C4CC;
62
- --vxe-ui-input-disabled-background-color: #f3f3f3;
61
+ --vxe-ui-input-border-color: #{light-variable.$vxe-ui-input-border-color};
62
+ --vxe-ui-input-placeholder-color: #{light-variable.$vxe-ui-input-placeholder-color};
63
+ --vxe-ui-input-disabled-background-color: #{light-variable.$vxe-ui-input-disabled-background-color};
63
64
 
64
65
  /*modal*/
65
- --vxe-ui-modal-header-background-color: #F8F8F8;
66
+ --vxe-ui-modal-header-background-color: #{light-variable.$vxe-ui-modal-header-background-color};
66
67
 
67
68
  /*tabs*/
68
- --vxe-ui-tabs-card-header-background-color: #f5f7fa;
69
- --vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1);
70
- --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
69
+ --vxe-ui-tabs-card-header-background-color: #{light-variable.$vxe-ui-tabs-card-header-background-color};
70
+ --vxe-ui-tabs-close-hover-background-color: #{light-variable.$vxe-ui-tabs-close-hover-background-color};
71
+ --vxe-ui-tabs-bar-scrolling-box-shadow-color: #{light-variable.$vxe-ui-tabs-bar-scrolling-box-shadow-color};
71
72
 
72
73
  /*menu*/
73
- --vxe-ui-menu-item-hover-color: var(--vxe-ui-font-primary-color);
74
+ --vxe-ui-menu-item-hover-color: #{light-variable.$vxe-ui-menu-item-hover-color};
74
75
  --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);
75
76
 
76
77
  /*loading*/
77
- --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
78
+ --vxe-ui-loading-background-color: #{light-variable.$vxe-ui-loading-background-color};
78
79
 
79
80
  /*form*/
80
- --vxe-ui-form-title-background-color: #f8f8f9;
81
- --vxe-ui-form-border-color: #e8eaec;
81
+ --vxe-ui-form-title-background-color: #{light-variable.$vxe-ui-form-title-background-color};
82
+ --vxe-ui-form-border-color: #{light-variable.$vxe-ui-form-border-color};
82
83
 
83
84
  /*form-design*/
84
85
  --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
85
- --vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05);
86
+ --vxe-ui-form-design-sub-widget-hover-background-color: #{light-variable.$vxe-ui-form-design-sub-widget-hover-background-color};
86
87
 
87
88
  /*list-design*/
88
- --vxe-ui-list-design-table-border-color: #e8eaec;
89
- --vxe-ui-list-design-table-header-background-color: #f8f8f9;
89
+ --vxe-ui-list-design-table-border-color: #{light-variable.$vxe-ui-list-design-table-border-color};
90
+ --vxe-ui-list-design-table-header-background-color: #{light-variable.$vxe-ui-list-design-table-header-background-color};
90
91
 
91
92
  /*switch*/
92
- --vxe-ui-switch-close-background-color: rgba(0,0,0,0.35);
93
+ --vxe-ui-switch-close-background-color: #{light-variable.$vxe-ui-switch-close-background-color};
93
94
 
94
95
  /*upload*/
95
- --vxe-ui-upload-drag-over-background-color:rgba(255,255,200,0.8);
96
+ --vxe-ui-upload-drag-over-background-color:#{light-variable.$vxe-ui-upload-drag-over-background-color};
96
97
 
97
98
  /*tree*/
98
- --vxe-ui-tree-node-hover-background-color: #f5f7fa;
99
- --vxe-ui-tree-node-radio-checked-background-color: #fff3e0;
100
- --vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;
101
- --vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;
102
- --vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;
103
- --vxe-ui-tree-node-current-background-color: #e6f7ff;
104
- --vxe-ui-tree-node-hover-current-background-color: #d7effb;
99
+ --vxe-ui-tree-node-hover-background-color: #{light-variable.$vxe-ui-tree-node-hover-background-color};
100
+ --vxe-ui-tree-node-radio-checked-background-color: #{light-variable.$vxe-ui-tree-node-radio-checked-background-color};
101
+ --vxe-ui-tree-node-hover-radio-checked-background-color: #{light-variable.$vxe-ui-tree-node-hover-radio-checked-background-color};
102
+ --vxe-ui-tree-node-checkbox-checked-background-color: #{light-variable.$vxe-ui-tree-node-checkbox-checked-background-color};
103
+ --vxe-ui-tree-node-hover-checkbox-checked-background-color: #{light-variable.$vxe-ui-tree-node-hover-checkbox-checked-background-color};
104
+ --vxe-ui-tree-node-current-background-color: #{light-variable.$vxe-ui-tree-node-current-background-color};
105
+ --vxe-ui-tree-node-hover-current-background-color: #{light-variable.$vxe-ui-tree-node-hover-current-background-color};
105
106
 
106
107
  /*rate*/
107
- --vxe-ui-rate-item-color: #f7ba2a;
108
+ --vxe-ui-rate-item-color: #{light-variable.$vxe-ui-rate-item-color};
108
109
  }
package/styles/variable.scss ADDED
@@ -0,0 +1,104 @@
1
+ /*font color*/
2
+ $vxe-ui-font-color: #606266;
3
+ $vxe-ui-font-tinge-color: #d4d5d7;
4
+ $vxe-ui-font-lighten-color: #797b80;
5
+ $vxe-ui-font-darken-color: #47494c;
6
+ $vxe-ui-font-disabled-color: #BFBFBF;
7
+
8
+ /*font status color*/
9
+ $vxe-ui-font-primary-color: #409eff;
10
+ $vxe-ui-font-primary-hover-color: #f5f7fa;
11
+ $vxe-ui-font-primary-tinge-color: #e8f3ff;
12
+ $vxe-ui-font-primary-lighten-color: #73b8ff;
13
+ $vxe-ui-font-primary-darken-color: #0d84ff;
14
+ $vxe-ui-font-primary-disabled-color: #a6d2ff;
15
+
16
+ $vxe-ui-status-success-color: #67c23a;
17
+ $vxe-ui-status-info-color: #909399;
18
+ $vxe-ui-status-warning-color: #e6a23c;
19
+ $vxe-ui-status-danger-color: #f56c6c;
20
+ $vxe-ui-status-error-color: #f56c6c;
21
+
22
+ $vxe-ui-status-success-tinge-color: #eef8e9;
23
+ $vxe-ui-status-info-tinge-color: #f5f5f6;
24
+ $vxe-ui-status-warning-tinge-color: #fcf4e8;
25
+ $vxe-ui-status-error-tinge-color: #fef2f2;
26
+ $vxe-ui-status-danger-tinge-color: $vxe-ui-status-error-tinge-color;
27
+
28
+ $vxe-ui-status-success-lighten-color: #85cf60;
29
+ $vxe-ui-status-info-lighten-color: #abadb1;
30
+ $vxe-ui-status-warning-lighten-color: #ecb869;
31
+ $vxe-ui-status-error-lighten-color: #f89c9c;
32
+ $vxe-ui-status-danger-lighten-color: $vxe-ui-status-error-lighten-color;
33
+
34
+ $vxe-ui-status-success-darken-color: #529b2e;
35
+ $vxe-ui-status-info-darken-color: #767980;
36
+ $vxe-ui-status-warning-darken-color: #d48a1b;
37
+ $vxe-ui-status-error-darken-color: #f56c6c;
38
+ $vxe-ui-status-danger-darken-color: $vxe-ui-status-error-darken-color;
39
+
40
+ $vxe-ui-status-success-disabled-color: #a3db87;
41
+ $vxe-ui-status-info-disabled-color: #c5c7ca;
42
+ $vxe-ui-status-warning-disabled-color: #f2cd96;
43
+ $vxe-ui-status-error-disabled-color: #f5a8a8;
44
+ $vxe-ui-status-danger-disabled-color: $vxe-ui-status-error-disabled-color;
45
+
46
+ /*base*/
47
+ $vxe-ui-base-popup-border-color: #DADCE0;
48
+ $vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
49
+ $vxe-ui-base-drag-background-color: #dde9fd;
50
+ $vxe-ui-base-active-background-color: #e6f4ff;
51
+ $vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04);
52
+
53
+ /*layout*/
54
+ $vxe-ui-layout-background-color: #ffffff;
55
+
56
+ /*input*/
57
+ $vxe-ui-input-border-color: #dcdfe6;
58
+ $vxe-ui-input-placeholder-color: #C0C4CC;
59
+ $vxe-ui-input-disabled-background-color: #f3f3f3;
60
+
61
+ /*modal*/
62
+ $vxe-ui-modal-header-background-color: #F8F8F8;
63
+
64
+ /*tabs*/
65
+ $vxe-ui-tabs-card-header-background-color: #f5f7fa;
66
+ $vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1);
67
+ $vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
68
+
69
+ /*menu*/
70
+ $vxe-ui-menu-item-hover-color: $vxe-ui-font-primary-color;
71
+ $vxe-ui-menu-collapse-wrapper-box-shadow: $vxe-ui-base-popup-box-shadow;
72
+
73
+ /*loading*/
74
+ $vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
75
+
76
+ /*form*/
77
+ $vxe-ui-form-title-background-color: #f8f8f9;
78
+ $vxe-ui-form-border-color: #e8eaec;
79
+
80
+ /*form-design*/
81
+ $vxe-ui-form-design-widget-hover-background-color: $vxe-ui-base-hover-background-color;
82
+ $vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05);
83
+
84
+ /*list-design*/
85
+ $vxe-ui-list-design-table-border-color: #e8eaec;
86
+ $vxe-ui-list-design-table-header-background-color: #f8f8f9;
87
+
88
+ /*switch*/
89
+ $vxe-ui-switch-close-background-color: rgba(0,0,0,0.35);
90
+
91
+ /*upload*/
92
+ $vxe-ui-upload-drag-over-background-color:rgba(255,255,200,0.8);
93
+
94
+ /*tree*/
95
+ $vxe-ui-tree-node-hover-background-color: #f5f7fa;
96
+ $vxe-ui-tree-node-radio-checked-background-color: #fff3e0;
97
+ $vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;
98
+ $vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;
99
+ $vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;
100
+ $vxe-ui-tree-node-current-background-color: #e6f7ff;
101
+ $vxe-ui-tree-node-hover-current-background-color: #d7effb;
102
+
103
+ /*rate*/
104
+ $vxe-ui-rate-item-color: #f7ba2a;