vxe-pc-ui 4.17.30 → 4.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 (84) hide show
  1. package/dist/all.esm.js +121 -192
  2. package/dist/style.css +1 -1
  3. package/dist/style.min.css +1 -1
  4. package/es/button/src/button.js +10 -9
  5. package/es/cascader/src/cascader.js +8 -17
  6. package/es/color-picker/src/color-picker.js +8 -17
  7. package/es/date-picker/src/date-picker.js +8 -17
  8. package/es/date-range-picker/src/date-range-picker.js +9 -18
  9. package/es/icon/style.css +1 -1
  10. package/es/icon-picker/src/icon-picker.js +16 -16
  11. package/es/pulldown/src/pulldown.js +30 -44
  12. package/es/select/src/select.js +8 -17
  13. package/es/slider/src/slider.js +6 -1
  14. package/es/slider/style.css +52 -6
  15. package/es/slider/style.min.css +1 -1
  16. package/es/style.css +1 -1
  17. package/es/style.min.css +1 -1
  18. package/es/table-select/src/table-select.js +8 -17
  19. package/es/tree-select/src/tree-select.js +8 -17
  20. package/es/ui/index.js +1 -1
  21. package/es/ui/src/log.js +1 -1
  22. package/es/vxe-slider/style.css +52 -6
  23. package/es/vxe-slider/style.min.css +1 -1
  24. package/lib/button/src/button.js +12 -9
  25. package/lib/button/src/button.min.js +1 -1
  26. package/lib/cascader/src/cascader.js +10 -18
  27. package/lib/cascader/src/cascader.min.js +1 -1
  28. package/lib/color-picker/src/color-picker.js +10 -18
  29. package/lib/color-picker/src/color-picker.min.js +1 -1
  30. package/lib/date-picker/src/date-picker.js +10 -18
  31. package/lib/date-picker/src/date-picker.min.js +1 -1
  32. package/lib/date-range-picker/src/date-range-picker.js +11 -19
  33. package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
  34. package/lib/icon/style/style.css +1 -1
  35. package/lib/icon/style/style.min.css +1 -1
  36. package/lib/icon-picker/src/icon-picker.js +20 -17
  37. package/lib/icon-picker/src/icon-picker.min.js +1 -1
  38. package/lib/index.umd.js +142 -202
  39. package/lib/index.umd.min.js +1 -1
  40. package/lib/pulldown/src/pulldown.js +31 -47
  41. package/lib/pulldown/src/pulldown.min.js +1 -1
  42. package/lib/select/src/select.js +10 -18
  43. package/lib/select/src/select.min.js +1 -1
  44. package/lib/slider/src/slider.js +6 -0
  45. package/lib/slider/src/slider.min.js +1 -1
  46. package/lib/slider/style/style.css +52 -6
  47. package/lib/slider/style/style.min.css +1 -1
  48. package/lib/style.css +1 -1
  49. package/lib/style.min.css +1 -1
  50. package/lib/table-select/src/table-select.js +10 -18
  51. package/lib/table-select/src/table-select.min.js +1 -1
  52. package/lib/tree-select/src/tree-select.js +10 -18
  53. package/lib/tree-select/src/tree-select.min.js +1 -1
  54. package/lib/ui/index.js +1 -1
  55. package/lib/ui/index.min.js +1 -1
  56. package/lib/ui/src/log.js +1 -1
  57. package/lib/ui/src/log.min.js +1 -1
  58. package/lib/vxe-slider/style/style.css +52 -6
  59. package/lib/vxe-slider/style/style.min.css +1 -1
  60. package/package.json +1 -1
  61. package/packages/button/src/button.ts +12 -10
  62. package/packages/cascader/src/cascader.ts +9 -17
  63. package/packages/color-picker/src/color-picker.ts +9 -17
  64. package/packages/date-picker/src/date-picker.ts +9 -17
  65. package/packages/date-range-picker/src/date-range-picker.ts +10 -18
  66. package/packages/icon-picker/src/icon-picker.ts +18 -16
  67. package/packages/pulldown/src/pulldown.ts +33 -46
  68. package/packages/select/src/select.ts +9 -17
  69. package/packages/slider/src/slider.ts +6 -1
  70. package/packages/table-select/src/table-select.ts +9 -17
  71. package/packages/tree-select/src/tree-select.ts +9 -17
  72. package/styles/components/slider.scss +14 -1
  73. /package/es/icon/{iconfont.1788500786360.ttf → iconfont.1788505334427.ttf} +0 -0
  74. /package/es/icon/{iconfont.1788500786360.woff → iconfont.1788505334427.woff} +0 -0
  75. /package/es/icon/{iconfont.1788500786360.woff2 → iconfont.1788505334427.woff2} +0 -0
  76. /package/es/{iconfont.1788500786360.ttf → iconfont.1788505334427.ttf} +0 -0
  77. /package/es/{iconfont.1788500786360.woff → iconfont.1788505334427.woff} +0 -0
  78. /package/es/{iconfont.1788500786360.woff2 → iconfont.1788505334427.woff2} +0 -0
  79. /package/lib/icon/style/{iconfont.1788500786360.ttf → iconfont.1788505334427.ttf} +0 -0
  80. /package/lib/icon/style/{iconfont.1788500786360.woff → iconfont.1788505334427.woff} +0 -0
  81. /package/lib/icon/style/{iconfont.1788500786360.woff2 → iconfont.1788505334427.woff2} +0 -0
  82. /package/lib/{iconfont.1788500786360.ttf → iconfont.1788505334427.ttf} +0 -0
  83. /package/lib/{iconfont.1788500786360.woff → iconfont.1788505334427.woff} +0 -0
  84. /package/lib/{iconfont.1788500786360.woff2 → iconfont.1788505334427.woff2} +0 -0
package/es/select/src/select.js CHANGED
@@ -747,21 +747,6 @@ export default defineVxeComponent({
747
747
  }
748
748
  reactData.reactFlag++;
749
749
  };
750
- const handleGlobalMousewheelEvent = (evnt) => {
751
- const { visiblePanel } = reactData;
752
- const isDisabled = computeIsDisabled.value;
753
- if (!isDisabled) {
754
- if (visiblePanel) {
755
- const panelElem = refOptionPanel.value;
756
- if (getEventTargetNode(evnt, panelElem).flag) {
757
- updatePlacement();
758
- }
759
- else {
760
- hideOptionPanel(evnt);
761
- }
762
- }
763
- }
764
- };
765
750
  const handleGlobalMousedownEvent = (evnt) => {
766
751
  const { visiblePanel } = reactData;
767
752
  const isDisabled = computeIsDisabled.value;
@@ -924,6 +909,12 @@ export default defineVxeComponent({
924
909
  updatePlacement();
925
910
  }
926
911
  };
912
+ const handleGlobalScrollEvent = () => {
913
+ const { visiblePanel } = reactData;
914
+ if (visiblePanel) {
915
+ updatePlacement();
916
+ }
917
+ };
927
918
  const handleFocusSearch = () => {
928
919
  if (props.filterable) {
929
920
  nextTick(() => {
@@ -1728,18 +1719,18 @@ export default defineVxeComponent({
1728
1719
  loadData(options);
1729
1720
  }
1730
1721
  });
1731
- globalEvents.on($xeSelect, 'mousewheel', handleGlobalMousewheelEvent);
1732
1722
  globalEvents.on($xeSelect, 'mousedown', handleGlobalMousedownEvent);
1733
1723
  globalEvents.on($xeSelect, 'keydown', handleGlobalKeydownEvent);
1734
1724
  globalEvents.on($xeSelect, 'blur', handleGlobalBlurEvent);
1735
1725
  globalEvents.on($xeSelect, 'resize', handleGlobalResizeEvent);
1726
+ globalEvents.on($xeSelect, 'scroll', handleGlobalScrollEvent);
1736
1727
  });
1737
1728
  onUnmounted(() => {
1738
- globalEvents.off($xeSelect, 'mousewheel');
1739
1729
  globalEvents.off($xeSelect, 'mousedown');
1740
1730
  globalEvents.off($xeSelect, 'keydown');
1741
1731
  globalEvents.off($xeSelect, 'blur');
1742
1732
  globalEvents.off($xeSelect, 'resize');
1733
+ globalEvents.off($xeSelect, 'scroll');
1743
1734
  XEUtils.assign(reactData, createReactData());
1744
1735
  XEUtils.assign(internalData, createInternalData());
1745
1736
  });
package/es/slider/src/slider.js CHANGED
@@ -51,6 +51,10 @@ export default defineVxeComponent({
51
51
  type: Boolean,
52
52
  default: null
53
53
  },
54
+ status: {
55
+ type: String,
56
+ default: () => getConfig().slider.status
57
+ },
54
58
  immediate: {
55
59
  type: Boolean,
56
60
  default: () => getConfig().slider.immediate
@@ -384,7 +388,7 @@ export default defineVxeComponent({
384
388
  const collapsePanePrivateMethods = {};
385
389
  Object.assign($xeSlider, collapsePaneMethods, collapsePanePrivateMethods);
386
390
  const renderVN = () => {
387
- const { vertical, range } = props;
391
+ const { status, vertical, range } = props;
388
392
  const vSize = computeSize.value;
389
393
  const formReadonly = computeFormReadonly.value;
390
394
  const isDisabled = computeIsDisabled.value;
@@ -392,6 +396,7 @@ export default defineVxeComponent({
392
396
  ref: refElem,
393
397
  class: ['vxe-slider', {
394
398
  [`size--${vSize}`]: vSize,
399
+ [`theme--${status}`]: status,
395
400
  'is--vertical': vertical,
396
401
  'is--readonly': formReadonly,
397
402
  'is--disabled': isDisabled
package/es/slider/style.css CHANGED
@@ -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,
package/es/slider/style.min.css CHANGED
@@ -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}