vxe-pc-ui 3.17.30 → 3.18.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 (81) hide show
  1. package/es/button/src/button.js +12 -10
  2. package/es/cascader/src/cascader.js +10 -19
  3. package/es/color-picker/src/color-picker.js +10 -19
  4. package/es/date-picker/src/date-picker.js +10 -19
  5. package/es/date-range-picker/src/date-range-picker.js +11 -20
  6. package/es/icon/style.css +1 -1
  7. package/es/icon-picker/src/icon-picker.js +20 -19
  8. package/es/pulldown/src/pulldown.js +10 -25
  9. package/es/select/src/select.js +10 -19
  10. package/es/slider/src/slider.js +6 -1
  11. package/es/slider/style.css +52 -6
  12. package/es/slider/style.min.css +1 -1
  13. package/es/style.css +1 -1
  14. package/es/style.min.css +1 -1
  15. package/es/table-select/src/table-select.js +10 -19
  16. package/es/tree-select/src/tree-select.js +10 -19
  17. package/es/ui/index.js +1 -1
  18. package/es/ui/src/log.js +1 -1
  19. package/es/vxe-slider/style.css +52 -6
  20. package/es/vxe-slider/style.min.css +1 -1
  21. package/lib/button/src/button.js +12 -10
  22. package/lib/button/src/button.min.js +1 -1
  23. package/lib/cascader/src/cascader.js +10 -18
  24. package/lib/cascader/src/cascader.min.js +1 -1
  25. package/lib/color-picker/src/color-picker.js +10 -18
  26. package/lib/color-picker/src/color-picker.min.js +1 -1
  27. package/lib/date-picker/src/date-picker.js +10 -18
  28. package/lib/date-picker/src/date-picker.min.js +1 -1
  29. package/lib/date-range-picker/src/date-range-picker.js +11 -19
  30. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  31. package/lib/icon/style/style.css +1 -1
  32. package/lib/icon/style/style.min.css +1 -1
  33. package/lib/icon-picker/src/icon-picker.js +20 -18
  34. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  35. package/lib/index.umd.js +124 -184
  36. package/lib/index.umd.min.js +1 -1
  37. package/lib/pulldown/src/pulldown.js +10 -25
  38. package/lib/pulldown/src/pulldown.min.js +1 -1
  39. package/lib/select/src/select.js +10 -18
  40. package/lib/select/src/select.min.js +1 -1
  41. package/lib/slider/src/slider.js +9 -2
  42. package/lib/slider/src/slider.min.js +1 -1
  43. package/lib/slider/style/style.css +52 -6
  44. package/lib/slider/style/style.min.css +1 -1
  45. package/lib/style.css +1 -1
  46. package/lib/style.min.css +1 -1
  47. package/lib/table-select/src/table-select.js +10 -18
  48. package/lib/table-select/src/table-select.min.js +1 -1
  49. package/lib/tree-select/src/tree-select.js +10 -18
  50. package/lib/tree-select/src/tree-select.min.js +1 -1
  51. package/lib/ui/index.js +1 -1
  52. package/lib/ui/index.min.js +1 -1
  53. package/lib/ui/src/log.js +1 -1
  54. package/lib/ui/src/log.min.js +1 -1
  55. package/lib/vxe-slider/style/style.css +52 -6
  56. package/lib/vxe-slider/style/style.min.css +1 -1
  57. package/package.json +1 -1
  58. package/packages/button/src/button.ts +15 -11
  59. package/packages/cascader/src/cascader.ts +11 -19
  60. package/packages/color-picker/src/color-picker.ts +11 -19
  61. package/packages/date-picker/src/date-picker.ts +11 -19
  62. package/packages/date-range-picker/src/date-range-picker.ts +12 -20
  63. package/packages/icon-picker/src/icon-picker.ts +22 -19
  64. package/packages/pulldown/src/pulldown.ts +11 -25
  65. package/packages/select/src/select.ts +11 -19
  66. package/packages/slider/src/slider.ts +6 -1
  67. package/packages/table-select/src/table-select.ts +11 -19
  68. package/packages/tree-select/src/tree-select.ts +11 -19
  69. package/styles/components/slider.scss +14 -1
  70. /package/es/icon/{iconfont.1788500769558.ttf → iconfont.1788505321817.ttf} +0 -0
  71. /package/es/icon/{iconfont.1788500769558.woff → iconfont.1788505321817.woff} +0 -0
  72. /package/es/icon/{iconfont.1788500769558.woff2 → iconfont.1788505321817.woff2} +0 -0
  73. /package/es/{iconfont.1788500769558.ttf → iconfont.1788505321817.ttf} +0 -0
  74. /package/es/{iconfont.1788500769558.woff → iconfont.1788505321817.woff} +0 -0
  75. /package/es/{iconfont.1788500769558.woff2 → iconfont.1788505321817.woff2} +0 -0
  76. /package/lib/icon/style/{iconfont.1788500769558.ttf → iconfont.1788505321817.ttf} +0 -0
  77. /package/lib/icon/style/{iconfont.1788500769558.woff → iconfont.1788505321817.woff} +0 -0
  78. /package/lib/icon/style/{iconfont.1788500769558.woff2 → iconfont.1788505321817.woff2} +0 -0
  79. /package/lib/{iconfont.1788500769558.ttf → iconfont.1788505321817.ttf} +0 -0
  80. /package/lib/{iconfont.1788500769558.woff → iconfont.1788505321817.woff} +0 -0
  81. /package/lib/{iconfont.1788500769558.woff2 → iconfont.1788505321817.woff2} +0 -0
@@ -976,23 +976,6 @@ export default {
976
976
  }
977
977
  reactData.reactFlag++;
978
978
  },
979
- handleGlobalMousewheelEvent(evnt) {
980
- const $xeSelect = this;
981
- const reactData = $xeSelect.reactData;
982
- const { visiblePanel } = reactData;
983
- const isDisabled = $xeSelect.computeIsDisabled;
984
- if (!isDisabled) {
985
- if (visiblePanel) {
986
- const panelElem = $xeSelect.$refs.refOptionPanel;
987
- if (getEventTargetNode(evnt, panelElem).flag) {
988
- $xeSelect.updatePlacement();
989
- }
990
- else {
991
- $xeSelect.hideOptionPanel(evnt);
992
- }
993
- }
994
- }
995
- },
996
979
  handleGlobalMousedownEvent(evnt) {
997
980
  const $xeSelect = this;
998
981
  const reactData = $xeSelect.reactData;
@@ -1169,6 +1152,14 @@ export default {
1169
1152
  $xeSelect.updatePlacement();
1170
1153
  }
1171
1154
  },
1155
+ handleGlobalScrollEvent() {
1156
+ const $xeSelect = this;
1157
+ const reactData = $xeSelect.reactData;
1158
+ const { visiblePanel } = reactData;
1159
+ if (visiblePanel) {
1160
+ $xeSelect.updatePlacement();
1161
+ }
1162
+ },
1172
1163
  handleFocusSearch() {
1173
1164
  const $xeSelect = this;
1174
1165
  const props = $xeSelect;
@@ -2043,11 +2034,11 @@ export default {
2043
2034
  $xeSelect.loadData(options);
2044
2035
  }
2045
2036
  });
2046
- globalEvents.on($xeSelect, 'mousewheel', $xeSelect.handleGlobalMousewheelEvent);
2047
2037
  globalEvents.on($xeSelect, 'mousedown', $xeSelect.handleGlobalMousedownEvent);
2048
2038
  globalEvents.on($xeSelect, 'keydown', $xeSelect.handleGlobalKeydownEvent);
2049
2039
  globalEvents.on($xeSelect, 'blur', $xeSelect.handleGlobalBlurEvent);
2050
2040
  globalEvents.on($xeSelect, 'resize', $xeSelect.handleGlobalResizeEvent);
2041
+ globalEvents.on($xeSelect, 'scroll', $xeSelect.handleGlobalScrollEvent);
2051
2042
  },
2052
2043
  beforeDestroy() {
2053
2044
  const $xeSelect = this;
@@ -2055,11 +2046,11 @@ export default {
2055
2046
  if (panelElem && panelElem.parentNode) {
2056
2047
  panelElem.parentNode.removeChild(panelElem);
2057
2048
  }
2058
- globalEvents.off($xeSelect, 'mousewheel');
2059
2049
  globalEvents.off($xeSelect, 'mousedown');
2060
2050
  globalEvents.off($xeSelect, 'keydown');
2061
2051
  globalEvents.off($xeSelect, 'blur');
2062
2052
  globalEvents.off($xeSelect, 'resize');
2053
+ globalEvents.off($xeSelect, 'scroll');
2063
2054
  },
2064
2055
  destroyed() {
2065
2056
  const $xeSelect = this;
@@ -54,6 +54,10 @@ export default {
54
54
  type: Boolean,
55
55
  default: null
56
56
  },
57
+ status: {
58
+ type: String,
59
+ default: () => getConfig().slider.status
60
+ },
57
61
  immediate: {
58
62
  type: Boolean,
59
63
  default: () => getConfig().slider.immediate
@@ -427,7 +431,7 @@ export default {
427
431
  renderVN(h) {
428
432
  const $xeSlider = this;
429
433
  const props = $xeSlider;
430
- const { vertical, range } = props;
434
+ const { status, vertical, range } = props;
431
435
  const vSize = $xeSlider.computeSize;
432
436
  const formReadonly = $xeSlider.computeFormReadonly;
433
437
  const isDisabled = $xeSlider.computeIsDisabled;
@@ -435,6 +439,7 @@ export default {
435
439
  ref: 'refElem',
436
440
  class: ['vxe-slider', {
437
441
  [`size--${vSize}`]: vSize,
442
+ [`theme--${status}`]: status,
438
443
  'is--vertical': vertical,
439
444
  'is--readonly': formReadonly,
440
445
  'is--disabled': isDisabled
@@ -13,7 +13,14 @@
13
13
  background-color: var(--vxe-ui-font-primary-darken-color);
14
14
  }
15
15
  .vxe-slider.theme--primary .vxe-slider--bar-btn {
16
- background-color: var(--vxe-ui-font-primary-color);
16
+ border-color: var(--vxe-ui-font-primary-color);
17
+ }
18
+ .vxe-slider.theme--primary.is--disabled .vxe-slider--bar-track {
19
+ background-color: var(--vxe-ui-font-primary-disabled-color);
20
+ }
21
+ .vxe-slider.theme--primary.is--disabled .vxe-slider--bar-btn {
22
+ border-color: var(--vxe-ui-font-primary-disabled-color);
23
+ cursor: not-allowed;
17
24
  }
18
25
  .vxe-slider.theme--success .vxe-slider--bar-track {
19
26
  background-color: var(--vxe-ui-status-success-color);
@@ -25,7 +32,14 @@
25
32
  background-color: var(--vxe-ui-status-success-darken-color);
26
33
  }
27
34
  .vxe-slider.theme--success .vxe-slider--bar-btn {
28
- background-color: var(--vxe-ui-status-success-color);
35
+ border-color: var(--vxe-ui-status-success-color);
36
+ }
37
+ .vxe-slider.theme--success.is--disabled .vxe-slider--bar-track {
38
+ background-color: var(--vxe-ui-status-success-disabled-color);
39
+ }
40
+ .vxe-slider.theme--success.is--disabled .vxe-slider--bar-btn {
41
+ border-color: var(--vxe-ui-status-success-disabled-color);
42
+ cursor: not-allowed;
29
43
  }
30
44
  .vxe-slider.theme--info .vxe-slider--bar-track {
31
45
  background-color: var(--vxe-ui-status-info-color);
@@ -37,7 +51,14 @@
37
51
  background-color: var(--vxe-ui-status-info-darken-color);
38
52
  }
39
53
  .vxe-slider.theme--info .vxe-slider--bar-btn {
40
- background-color: var(--vxe-ui-status-info-color);
54
+ border-color: var(--vxe-ui-status-info-color);
55
+ }
56
+ .vxe-slider.theme--info.is--disabled .vxe-slider--bar-track {
57
+ background-color: var(--vxe-ui-status-info-disabled-color);
58
+ }
59
+ .vxe-slider.theme--info.is--disabled .vxe-slider--bar-btn {
60
+ border-color: var(--vxe-ui-status-info-disabled-color);
61
+ cursor: not-allowed;
41
62
  }
42
63
  .vxe-slider.theme--warning .vxe-slider--bar-track {
43
64
  background-color: var(--vxe-ui-status-warning-color);
@@ -49,7 +70,14 @@
49
70
  background-color: var(--vxe-ui-status-warning-darken-color);
50
71
  }
51
72
  .vxe-slider.theme--warning .vxe-slider--bar-btn {
52
- background-color: var(--vxe-ui-status-warning-color);
73
+ border-color: var(--vxe-ui-status-warning-color);
74
+ }
75
+ .vxe-slider.theme--warning.is--disabled .vxe-slider--bar-track {
76
+ background-color: var(--vxe-ui-status-warning-disabled-color);
77
+ }
78
+ .vxe-slider.theme--warning.is--disabled .vxe-slider--bar-btn {
79
+ border-color: var(--vxe-ui-status-warning-disabled-color);
80
+ cursor: not-allowed;
53
81
  }
54
82
  .vxe-slider.theme--danger .vxe-slider--bar-track {
55
83
  background-color: var(--vxe-ui-status-danger-color);
@@ -61,7 +89,14 @@
61
89
  background-color: var(--vxe-ui-status-danger-darken-color);
62
90
  }
63
91
  .vxe-slider.theme--danger .vxe-slider--bar-btn {
64
- background-color: var(--vxe-ui-status-danger-color);
92
+ border-color: var(--vxe-ui-status-danger-color);
93
+ }
94
+ .vxe-slider.theme--danger.is--disabled .vxe-slider--bar-track {
95
+ background-color: var(--vxe-ui-status-danger-disabled-color);
96
+ }
97
+ .vxe-slider.theme--danger.is--disabled .vxe-slider--bar-btn {
98
+ border-color: var(--vxe-ui-status-danger-disabled-color);
99
+ cursor: not-allowed;
65
100
  }
66
101
  .vxe-slider.theme--error .vxe-slider--bar-track {
67
102
  background-color: var(--vxe-ui-status-error-color);
@@ -73,9 +108,20 @@
73
108
  background-color: var(--vxe-ui-status-error-darken-color);
74
109
  }
75
110
  .vxe-slider.theme--error .vxe-slider--bar-btn {
76
- background-color: var(--vxe-ui-status-error-color);
111
+ border-color: var(--vxe-ui-status-error-color);
112
+ }
113
+ .vxe-slider.theme--error.is--disabled .vxe-slider--bar-track {
114
+ background-color: var(--vxe-ui-status-error-disabled-color);
115
+ }
116
+ .vxe-slider.theme--error.is--disabled .vxe-slider--bar-btn {
117
+ border-color: var(--vxe-ui-status-error-disabled-color);
118
+ cursor: not-allowed;
119
+ }
120
+ .vxe-slider.is--disabled .vxe-slider--bar-track {
121
+ background-color: var(--vxe-ui-font-primary-disabled-color);
77
122
  }
78
123
  .vxe-slider.is--disabled .vxe-slider--bar-btn {
124
+ border-color: var(--vxe-ui-font-primary-disabled-color);
79
125
  cursor: not-allowed;
80
126
  }
81
127
  .vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,
@@ -1 +1 @@
1
- .vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1);cursor:grab}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}
1
+ .vxe-slider{position:relative;display:block;padding:.8em}.vxe-slider.theme--primary .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider.theme--primary .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider.theme--primary .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-color)}.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-slider.theme--primary.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-disabled-color);cursor:not-allowed}.vxe-slider.theme--success .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-lighten-color)}.vxe-slider.theme--success .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-success-darken-color)}.vxe-slider.theme--success .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-success-color)}.vxe-slider.theme--success.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-slider.theme--success.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-success-disabled-color);cursor:not-allowed}.vxe-slider.theme--info .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-lighten-color)}.vxe-slider.theme--info .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-info-darken-color)}.vxe-slider.theme--info .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-info-color)}.vxe-slider.theme--info.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-slider.theme--info.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-info-disabled-color);cursor:not-allowed}.vxe-slider.theme--warning .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-slider.theme--warning .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-warning-darken-color)}.vxe-slider.theme--warning .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-warning-color)}.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-slider.theme--warning.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-warning-disabled-color);cursor:not-allowed}.vxe-slider.theme--danger .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-slider.theme--danger .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-danger-darken-color)}.vxe-slider.theme--danger .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-danger-color)}.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-slider.theme--danger.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-danger-disabled-color);cursor:not-allowed}.vxe-slider.theme--error .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-slider.theme--error .vxe-slider--bar-track:hover{background-color:var(--vxe-ui-status-error-darken-color)}.vxe-slider.theme--error .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-error-color)}.vxe-slider.theme--error.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-slider.theme--error.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-status-error-disabled-color);cursor:not-allowed}.vxe-slider.is--disabled .vxe-slider--bar-track{background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-slider.is--disabled .vxe-slider--bar-btn{border-color:var(--vxe-ui-font-primary-disabled-color);cursor:not-allowed}.vxe-slider:not(.is--disabled) .vxe-slider--bar-wrapper,.vxe-slider:not(.is--disabled) .vxe-slider--inner{cursor:pointer}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:hover{transform:translate(-50%,-50%) scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:translate(-50%,-50%) scale(1.1);cursor:grab}.vxe-slider.is--readonly .vxe-slider--bar-wrapper,.vxe-slider.is--readonly .vxe-slider--inner{cursor:default}.vxe-slider--inner{position:relative}.vxe-slider--bar-wrapper{background-color:#e4e7ed}.vxe-slider--bar-track{position:absolute;left:0;top:0;z-index:1;background-color:var(--vxe-ui-font-primary-color)}.vxe-slider--bar-track:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-slider--bar-track:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-slider--bar-track,.vxe-slider--bar-wrapper{height:.3em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-slider--bar-btn{position:absolute;width:1.2em;height:1.2em;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}