vxe-pc-ui 3.1.21 → 3.1.22

package/lib/slider/src/slider.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,17 +9,121 @@ var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = (0, _comp.defineVxeComponent)({
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var _default2 = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeSlider',
-  props: {},
+  model: {
+    prop: 'value',
+    event: 'modelValue'
+  },
+  props: {
+    value: [String, Number, Array],
+    vertical: Boolean,
+    max: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.max;
+      }
+    },
+    min: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.min;
+      }
+    },
+    step: {
+      type: [String, Number],
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.step;
+      }
+    },
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.size || (0, _ui.getConfig)().size;
+      }
+    },
+    range: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.range;
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: null
+    }
+  },
+  inject: {
+    $xeForm: {
+      default: null
+    },
+    formItemInfo: {
+      from: 'xeFormItemInfo',
+      default: null
+    }
+  },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
-    var reactData = {};
+    var reactData = {
+      startValue: 0,
+      endValue: 0
+    };
     return {
       xID: xID,
       reactData: reactData
     };
   },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeFormReadonly: function computeFormReadonly() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var $xeForm = $xeSlider.$xeForm;
+      var readonly = props.readonly;
+      if (readonly === null) {
+        if ($xeForm) {
+          return $xeForm.readonly;
+        }
+        return false;
+      }
+      return readonly;
+    },
+    computeIsDisabled: function computeIsDisabled() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var $xeForm = $xeSlider.$xeForm;
+      var disabled = props.disabled;
+      if (disabled === null) {
+        if ($xeForm) {
+          return $xeForm.disabled;
+        }
+        return false;
+      }
+      return disabled;
+    },
+    computeMaxNum: function computeMaxNum() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      return _xeUtils.default.toNumber(props.max || 0);
+    },
+    computeMinNum: function computeMinNum() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      return _xeUtils.default.toNumber(props.min || 0);
+    }
+  }),
   methods: {
     //
     // Method
@@ -29,19 +134,186 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         $watermark: $xeSlider
       }, params));
     },
+    emitModel: function emitModel(value) {
+      var $xeSlider = this;
+      $xeSlider.$emit('modelValue', value);
+    },
+    getStartPercent: function getStartPercent(startValue) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var range = props.range;
+      var maxNum = $xeSlider.computeMaxNum;
+      var minNum = $xeSlider.computeMinNum;
+      return range ? _xeUtils.default.floor((startValue - minNum) / _xeUtils.default.toNumber(maxNum - minNum) * 100) : 0;
+    },
+    getEndPercent: function getEndPercent(startValue, endValue) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var range = props.range;
+      var maxNum = $xeSlider.computeMaxNum;
+      var minNum = $xeSlider.computeMinNum;
+      return _xeUtils.default.floor((endValue - (range ? startValue : 0) - minNum) / _xeUtils.default.toNumber(maxNum - minNum) * 100);
+    },
+    updateModel: function updateModel() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var reactData = $xeSlider.reactData;
+      var value = props.value;
+      if (_xeUtils.default.isArray(value)) {
+        var _XEUtils$clone$sort = _xeUtils.default.clone(value, true).sort(),
+          _XEUtils$clone$sort2 = _slicedToArray(_XEUtils$clone$sort, 2),
+          sVal = _XEUtils$clone$sort2[0],
+          eVal = _XEUtils$clone$sort2[1];
+        reactData.startValue = _xeUtils.default.floor(_xeUtils.default.toNumber(sVal || 0));
+        reactData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(eVal || 0));
+      } else {
+        reactData.startValue = 0;
+        reactData.endValue = _xeUtils.default.floor(_xeUtils.default.toNumber(value || 0));
+      }
+    },
+    updateBarStyle: function updateBarStyle() {
+      var $xeSlider = this;
+      var reactData = $xeSlider.reactData;
+      var startValue = reactData.startValue,
+        endValue = reactData.endValue;
+      var trackElem = $xeSlider.$refs.refTrackElem;
+      var startBtnElem = $xeSlider.$refs.refStartBtnElem;
+      var endBtnElem = $xeSlider.$refs.refEndBtnElem;
+      var startPercent = 0;
+      var endPercent = 0;
+      if (startValue > endValue) {
+        startPercent = $xeSlider.getStartPercent(endValue);
+        endPercent = $xeSlider.getEndPercent(endValue, startValue);
+      } else {
+        startPercent = $xeSlider.getStartPercent(startValue);
+        endPercent = $xeSlider.getEndPercent(startValue, endValue);
+      }
+      if (trackElem) {
+        trackElem.style.left = "".concat(startPercent, "%");
+        trackElem.style.width = "".concat(endPercent, "%");
+      }
+      if (startBtnElem) {
+        startBtnElem.style.left = "".concat(startPercent, "%");
+      }
+      if (endBtnElem) {
+        endBtnElem.style.left = "".concat(_xeUtils.default.floor(startPercent + endPercent), "%");
+      }
+    },
+    changeEvent: function changeEvent(evnt) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var reactData = $xeSlider.reactData;
+      var $xeForm = $xeSlider.$xeForm;
+      var formItemInfo = $xeSlider.formItemInfo;
+      var range = props.range;
+      var startValue = reactData.startValue,
+        endValue = reactData.endValue;
+      var value = range ? [startValue, endValue].sort() : endValue;
+      $xeSlider.emitModel(value);
+      $xeSlider.dispatchEvent('change', {
+        value: value
+      }, evnt);
+      // 自动更新校验状态
+      if ($xeForm && formItemInfo) {
+        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+      }
+    },
+    handleMousedownEvent: function handleMousedownEvent(evnt, isEnd) {
+      var $xeSlider = this;
+      var reactData = $xeSlider.reactData;
+      var formReadonly = $xeSlider.computeFormReadonly;
+      var isDisabled = $xeSlider.computeIsDisabled;
+      var maxNum = $xeSlider.computeMaxNum;
+      var minNum = $xeSlider.computeMinNum;
+      if (!(formReadonly || isDisabled)) {
+        evnt.preventDefault();
+        var domMousemove = document.onmousemove;
+        var domMouseup = document.onmouseup;
+        document.onmousemove = function (evnt) {
+          evnt.preventDefault();
+          var barElem = $xeSlider.$refs.refBarElem;
+          if (barElem) {
+            var barRect = barElem.getBoundingClientRect();
+            var trackWidth = (evnt.clientX - barRect.left) / 914;
+            if (isEnd) {
+              reactData.endValue = _xeUtils.default.floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum) + minNum)));
+            } else {
+              reactData.startValue = _xeUtils.default.floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum))));
+            }
+          }
+          $xeSlider.updateBarStyle();
+        };
+        document.onmouseup = function (evnt) {
+          document.onmousemove = domMousemove;
+          document.onmouseup = domMouseup;
+          $xeSlider.changeEvent(evnt);
+          $xeSlider.updateBarStyle();
+        };
+      }
+    },
+    handleStartMousedownEvent: function handleStartMousedownEvent(evnt) {
+      var $xeSlider = this;
+      var endBtnElem = $xeSlider.$refs.refEndBtnElem;
+      var startBtnElem = evnt.currentTarget;
+      $xeSlider.handleMousedownEvent(evnt, endBtnElem ? endBtnElem.offsetLeft < startBtnElem.offsetLeft : false);
+    },
+    handleEndMousedownEvent: function handleEndMousedownEvent(evnt) {
+      var $xeSlider = this;
+      var startBtnElem = $xeSlider.$refs.refStartBtnElem;
+      var endBtnElem = evnt.currentTarget;
+      $xeSlider.handleMousedownEvent(evnt, startBtnElem ? endBtnElem.offsetLeft > startBtnElem.offsetLeft : true);
+    },
     //
     // Render
     //
     renderVN: function renderVN(h) {
       var $xeSlider = this;
-      var slots = $xeSlider.$scopedSlots;
-      var defaultSlot = slots.default;
+      var props = $xeSlider;
+      var vertical = props.vertical,
+        range = props.range;
+      var vSize = $xeSlider.computeSize;
+      var formReadonly = $xeSlider.computeFormReadonly;
+      var isDisabled = $xeSlider.computeIsDisabled;
       return h('div', {
         ref: 'refElem',
-        class: 'vxe-slider'
-      }, defaultSlot ? defaultSlot({}) : []);
+        class: ['vxe-slider', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--vertical', vertical), 'is--readonly', formReadonly), 'is--disabled', isDisabled)]
+      }, [h('div', {
+        class: 'vxe-slider--inner'
+      }, [h('div', {
+        ref: 'refBarElem',
+        class: 'vxe-slider--bar-wrapper'
+      }), h('div', {
+        ref: 'refTrackElem',
+        class: 'vxe-slider--bar-track'
+      }), formReadonly || !range ? (0, _ui.renderEmptyElement)($xeSlider) : h('div', {
+        ref: 'refStartBtnElem',
+        class: 'vxe-slider--bar-btn vxe-slider--start-btn',
+        on: {
+          mousedown: $xeSlider.handleStartMousedownEvent
+        }
+      }), formReadonly ? (0, _ui.renderEmptyElement)($xeSlider) : h('div', {
+        ref: 'refEndBtnElem',
+        class: 'vxe-slider--bar-btn vxe-slider--end-btn',
+        on: {
+          mousedown: $xeSlider.handleEndMousedownEvent
+        }
+      })])]);
     }
   },
+  watch: {
+    value: function value() {
+      var $xeSlider = this;
+      $xeSlider.updateModel();
+    }
+  },
+  created: function created() {
+    var $xeSlider = this;
+    $xeSlider.updateModel();
+  },
+  mounted: function mounted() {
+    var $xeSlider = this;
+    $xeSlider.updateBarStyle();
+  },
   render: function render(h) {
     return this.renderVN(h);
   }

package/lib/slider/src/slider.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",props:{},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},renderVN:function(e){var t=this.$scopedSlots.default;return e("div",{ref:"refElem",class:"vxe-slider"},t?t({}):[])}},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,u=[],l=!0,f=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(e){f=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(f)throw o}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{startValue:0,endValue:0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){this.$emit("modelValue",e)},getStartPercent:function(e){var t=this.range,r=this.computeMaxNum,n=this.computeMinNum;return t?_xeUtils.default.floor((e-n)/_xeUtils.default.toNumber(r-n)*100):0},getEndPercent:function(e,t){var r=this.range,n=this.computeMaxNum,o=this.computeMinNum;return _xeUtils.default.floor((t-(r?e:0)-o)/_xeUtils.default.toNumber(n-o)*100)},updateModel:function(){var e,t,r=this.reactData,n=this.value;_xeUtils.default.isArray(n)?(e=(t=_slicedToArray(_xeUtils.default.clone(n,!0).sort(),2))[0],t=t[1],r.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(r.startValue=0,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(n||0)))},updateBarStyle:function(){var e=this,t=e.reactData,r=t.startValue,t=t.endValue,n=e.$refs.refTrackElem,o=e.$refs.refStartBtnElem,a=e.$refs.refEndBtnElem,i=0,u=0,u=t<r?(i=e.getStartPercent(t),e.getEndPercent(t,r)):(i=e.getStartPercent(r),e.getEndPercent(r,t));n&&(n.style.left="".concat(i,"%"),n.style.width="".concat(u,"%")),o&&(o.style.left="".concat(i,"%")),a&&(a.style.left="".concat(_xeUtils.default.floor(i+u),"%"))},changeEvent:function(e){var t=this,r=t.reactData,n=t.$xeForm,o=t.formItemInfo,a=t.range,i=r.startValue,r=r.endValue,a=a?[i,r].sort():r;t.emitModel(a),t.dispatchEvent("change",{value:a},e),n&&o&&n.triggerItemEvent(e,o.itemConfig.field,a)},handleMousedownEvent:function(e,r){var t,n,o=this,a=o.reactData,i=o.computeMaxNum,u=o.computeMinNum;o.computeFormReadonly||o.computeIsDisabled||(e.preventDefault(),t=document.onmousemove,n=document.onmouseup,document.onmousemove=function(e){e.preventDefault();var t=o.$refs.refBarElem;t&&(t=t.getBoundingClientRect(),e=(e.clientX-t.left)/914,r?a.endValue=_xeUtils.default.floor(Math.max(u,Math.min(i,e*(i-u)+u))):a.startValue=_xeUtils.default.floor(Math.max(u,Math.min(i,e*(i-u))))),o.updateBarStyle()},document.onmouseup=function(e){document.onmousemove=t,document.onmouseup=n,o.changeEvent(e),o.updateBarStyle()})},handleStartMousedownEvent:function(e){var t=this.$refs.refEndBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!!t&&t.offsetLeft<r.offsetLeft)},handleEndMousedownEvent:function(e){var t=this.$refs.refStartBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!t||r.offsetLeft>t.offsetLeft)},renderVN:function(e){var t=this,r=t.vertical,n=t.range,o=t.computeSize,a=t.computeFormReadonly,i=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(o),o),"is--vertical",r),"is--readonly",a),"is--disabled",i)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),a||!n?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn vxe-slider--start-btn",on:{mousedown:t.handleStartMousedownEvent}}),a?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn vxe-slider--end-btn",on:{mousedown:t.handleEndMousedownEvent}})])])}},watch:{value:function(){this.updateModel()}},created:function(){this.updateModel()},mounted:function(){this.updateBarStyle()},render:function(e){return this.renderVN(e)}});

package/lib/slider/style/style.css

@@ -0,0 +1,143 @@
+.vxe-slider {
+  position: relative;
+  display: block;
+  padding: 0.5em 1em;
+}
+.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: scale(1.2);
+}
+.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active {
+  transform: scale(1.1);
+}
+.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-wrapper,
+.vxe-slider--bar-track {
+  height: 0.3em;
+  border-radius: var(--vxe-ui-base-border-radius);
+}
+
+.vxe-slider--bar-btn {
+  position: absolute;
+  width: 0.9em;
+  height: 0.9em;
+  top: -0.3em;
+  border-radius: 50%;
+  border: 0.15em solid var(--vxe-ui-font-primary-color);
+  background-color: #fff;
+  cursor: pointer;
+  z-index: 1;
+  transition: transform 0.1s ease-in-out;
+}
+
+.vxe-slider--start-btn {
+  left: -0.45em;
+}
+
+.vxe-slider--end-btn {
+  right: -0.45em;
+}

package/lib/slider/style/style.min.css

@@ -0,0 +1 @@
+.vxe-slider{position:relative;display:block;padding:.5em 1em}.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:scale(1.2)}.vxe-slider:not(.is--disabled) .vxe-slider--bar-btn:active{transform:scale(1.1)}.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:.9em;height:.9em;top:-.3em;border-radius:50%;border:.15em solid var(--vxe-ui-font-primary-color);background-color:#fff;cursor:pointer;z-index:1;transition:transform .1s ease-in-out}.vxe-slider--start-btn{left:-.45em}.vxe-slider--end-btn{right:-.45em}