UNPKG

@tarojs/components

Version:
1 lines 3.49 kB
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab3c86da.js";var indexCss='.weui-cell_switch{padding-top:6.5px;padding-bottom:6.5px}.weui-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none}.weui-switch,.weui-switch-cp__box{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#dfdfdf;border:1px solid #dfdfdf;border-radius:16px;outline:0;width:52px;height:32px;-webkit-transition:background-color .1s,border .1s;transition:background-color .1s,border .1s;position:relative}.weui-switch:before,.weui-switch-cp__box:before{content:" ";background-color:#fdfdfd;border-radius:15px;width:50px;height:30px;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1), -webkit-transform .35s cubic-bezier(.45,1,.4,1);position:absolute;top:0;left:0}.weui-switch:after,.weui-switch-cp__box:after{content:" ";background-color:#fff;border-radius:15px;width:30px;height:30px;-webkit-transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35), -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);position:absolute;top:0;left:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.weui-switch:checked,.weui-switch-cp__input:checked~.weui-switch-cp__box{background-color:#04be02;border-color:#04be02}.weui-switch:checked:before,.weui-switch-cp__input:checked~.weui-switch-cp__box:before{-webkit-transform:scale(0);transform:scale(0)}.weui-switch:checked:after,.weui-switch-cp__input:checked~.weui-switch-cp__box:after{-webkit-transform:translate(20px);transform:translate(20px)}.weui-switch-cp__input{position:absolute;left:-9999px}.weui-switch-cp__box{display:block}taro-switch-core{width:52px;height:32px;display:inline-block}taro-switch-core .weui-switch{width:100%;height:100%;display:block}';var Switch=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"change",7);this.switchChange=function(e){e.stopPropagation();var i=e.target.checked;t.checked=i;t.onChange.emit({value:i})};this.type="switch";this.checked=false;this.color="#04BE02";this.name=undefined;this.disabled=false;this.nativeProps={};this.isWillLoadCalled=false}e.prototype.function=function(e){if(!this.isWillLoadCalled)return;if(this.inputRef.checked!==e){this.inputRef.checked=e}};e.prototype.componentWillLoad=function(){this.isWillLoadCalled=true};e.prototype.componentDidLoad=function(){var e=this;Object.defineProperty(this.el,"value",{get:function(){return e.checked},configurable:true})};e.prototype.render=function(){var e=this;var t=this,i=t.type,r=t.color,o=t.checked,c=t.name,n=t.disabled,s=t.nativeProps;var a=o?{borderColor:r||"04BE02",backgroundColor:r||"04BE02"}:{};return h("input",Object.assign({ref:function(t){e.inputRef=t},type:"checkbox",class:"weui-".concat(i),style:a,checked:o,name:c,disabled:n,onChange:this.switchChange},s))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["function"]}},enumerable:false,configurable:true});return e}();Switch.style=indexCss;export{Switch as taro_switch_core};