@tarojs/components
Version:
1 lines • 4.28 kB
JavaScript
System.register(["./p-2b70c348.system.js"],(function(e){"use strict";var t,i,a,n,r;return{setters:[function(e){t=e.r;i=e.c;a=e.h;n=e.H;r=e.g}],execute:function(){var o=".weui-slider{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px 18px}.weui-slider__inner{background-color:#e9e9e9;height:2px;position:relative}.weui-slider__track{background-color:#1aad19;width:0;height:2px}.weui-slider__handler{background-color:#fff;border-radius:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;position:absolute;top:50%;left:0;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.weui-slider-box{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.weui-slider-box .weui-slider{-ms-flex:1;flex:1}.weui-slider-box__value{color:#888;text-align:center;min-width:24px;margin-left:.5em;font-size:14px}";var l=e("taro_slider_core",function(){function e(e){var a=this;t(this,e);this.onChange=i(this,"change",7);this.onChanging=i(this,"changing",7);this.handleTouchStart=function(e){if(a.touching||a.disabled)return;a.touching=true;a.touchId=e.targetTouches[0].identifier;a.totalWidth=a.sliderInsRef.clientWidth||1;a.ogX=e.targetTouches[0].pageX;a.ogPercent=a.percent};this.handleTouchMove=function(e){var t=a,i=t.disabled,n=t.touching,r=t.touchId,o=t.totalWidth,l=t.max,s=t.min,h=t.ogX,u=t.ogPercent;if(!n||i)return;if(e.targetTouches[0].identifier!==r)return;e.preventDefault();var d=e.targetTouches[0].pageX;var c=d-h;var f=c/o*100+u;f=a.handleValueUpdate(f,0,100);var p=s+f*.01*(l-s);a.updateByStep(p);a.onChanging.emit({detail:e.detail,value:a.value})};this.handleTouchEnd=function(e){var t=a,i=t.disabled,n=t.touching;if(!n||i)return;if(a.percent!==a.ogPercent){a.onChange.emit({detail:e.detail,value:a.value})}a.touching=false;a.touchId=null;a.ogX=0;a.ogPercent=0};this.handleValueUpdate=function(e,t,i){if(t===void 0){t=a.min}if(i===void 0){i=a.max}e=isNaN(e)?0:e;return Math.max(t,Math.min(e,i))};this.min=0;this.max=100;this.step=1;this.disabled=false;this.value=0;this.activeColor="#1aad19";this.backgroundColor="#e9e9e9";this.blockSize=28;this.blockColor="#ffffff";this.showValue=false;this.name="";this.totalWidth=1;this.touching=false;this.ogX=0;this.touchId=null;this.percent=0;this.ogPercent=undefined;this.isWillLoadCalled=false}e.prototype.function=function(e){if(!this.isWillLoadCalled)return;var t=this,i=t.max,a=t.min;if(e!==null){var n=this.handleValueUpdate(e,a,i);this.updateByStep(n)}};e.prototype.componentDidLoad=function(){this.handler.addEventListener("touchstart",this.handleTouchStart);this.handler.addEventListener("touchmove",this.handleTouchMove);this.handler.addEventListener("touchend",this.handleTouchEnd)};e.prototype.componentWillLoad=function(){this.isWillLoadCalled=true;var e=this,t=e.value,i=e.max,a=e.min;var n=this.handleValueUpdate(t,a,i);this.updateByStep(n)};e.prototype.updateByStep=function(e){var t=this,i=t.max,a=t.min,n=t.step;var r=Math.floor((i-a)/n);for(var o=0;o<=r;o++){var l=a+n*o;var s=o===r?null:a+n*(o+1);if(e===l)break;if(!s&&e>l){e=l}if(s&&e>l&&e<s){if(e-l<n/2){e=l}else{e=s}break}}var h=(e-a)/(i-a)*100;this.value=e;this.percent=h};e.prototype.render=function(){var e=this;var t=this,i=t.showValue,r=t.backgroundColor,o=t.activeColor,l=t.blockColor,s=t.name,h=t.percent,u=t.value;var d=this.blockSize;var c={backgroundColor:r};var f=h>100?100:h;var p={width:"".concat(f,"%"),backgroundColor:o};if(d<12){d=12}if(d>28){d=28}var g={left:"".concat(f,"%"),width:"".concat(d,"px"),height:"".concat(d,"px"),backgroundColor:l,marginTop:"-".concat(Math.floor(d/2),"px"),marginLeft:"-".concat(Math.floor(d/2),"px")};return a(n,{class:"weui-slider-box"},a("div",{class:"weui-slider"},a("div",{class:"weui-slider__inner",style:c,ref:function(t){return e.sliderInsRef=t}},a("div",{style:p,class:"weui-slider__track"}),a("div",{class:"weui-slider__handler",ref:function(t){if(t)e.handler=t},style:g}),a("input",{type:"hidden",name:s,value:u}))),i&&a("div",{class:"weui-slider-box__value"},u))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["function"]}},enumerable:false,configurable:true});return e}());l.style=o}}}));