eeeeeeuuuu-ui/uview-ui/components/u-slider/u-slider.js

uView UI，是uni-app生态优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

require('../../../app.js');
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["uview-ui/components/u-slider/u-slider"],{"217c":function(t,e,i){"use strict";var s=i("e907"),a=i.n(s);a.a},e907:function(t,e,i){},f777:function(t,e,i){"use strict";var s;i.r(e);var a,l=function(){var t=this,e=t.$createElement,i=(t._self._c,t.__get_style([t.barStyle,{height:t.height+"rpx",backgroundColor:t.activeColor}])),s=t.$slots.default?null:t.__get_style([t.blockStyle,{height:t.blockWidth+"rpx",width:t.blockWidth+"rpx",backgroundColor:t.blockColor}]);t.$mp.data=Object.assign({},{$root:{s0:i,s1:s}})},u=[],r={name:"u-slider",props:{value:{type:[Number,String],default:0},disabled:{type:Boolean,default:!1},blockWidth:{type:[Number,String],default:30},min:{type:[Number,String],default:0},max:{type:[Number,String],default:100},step:{type:[Number,String],default:1},height:{type:[Number,String],default:6},activeColor:{type:String,default:"#2979ff"},inactiveColor:{type:String,default:"#c0c4cc"},blockColor:{type:String,default:"#ffffff"},blockStyle:{type:Object,default(){return{}}}},data(){return{startX:0,status:"end",newValue:0,distanceX:0,startValue:0,barStyle:{},sliderRect:{left:0,width:0}}},watch:{value(t){"end"==this.status&&this.updateValue(this.value,!1)}},created(){this.updateValue(this.value,!1)},mounted(){this.$uGetRect(".u-slider").then(t=>{this.sliderRect=t})},methods:{onTouchStart(t){if(this.disabled)return;this.startX=0;let e=t.touches[0];this.startX=e.clientX,this.startValue=this.format(this.value),this.status="start"},onTouchMove(t){if(this.disabled)return;"start"==this.status&&this.$emit("start");let e=t.touches[0];this.distanceX=e.clientX-this.sliderRect.left,this.newValue=this.distanceX/this.sliderRect.width*100,this.status="moving",this.$emit("moving"),this.updateValue(this.newValue,!0)},onTouchEnd(){this.disabled||("moving"===this.status&&(this.updateValue(this.newValue,!1),this.$emit("end")),this.status="end")},updateValue(t,e){const i=this.format(t);if(i>this.max||i>100)return;let s={width:i+"%"};1==e?s.transition="none":delete s.transition,this.$emit("input",i),this.barStyle=s},format(t){return Math.round(Math.max(this.min,Math.min(t,this.max))/this.step)*this.step},onClick(t){if(this.disabled)return;const e=(t.detail.x-this.sliderRect.left)/this.sliderRect.width*100;this.updateValue(e,!1)}}},n=r,h=(i("217c"),i("f0c5")),d=Object(h["a"])(n,l,u,!1,null,"57f8b64a",null,!1,s,a);e["default"]=d.exports}}]);
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
    'uview-ui/components/u-slider/u-slider-create-component',
    {
        'uview-ui/components/u-slider/u-slider-create-component':(function(module, exports, __webpack_require__){
            __webpack_require__('543d')['createComponent'](__webpack_require__("f777"))
        })
    },
    [['uview-ui/components/u-slider/u-slider-create-component']]
]);