vx-ui/lib/popup-picker.js

module.exports=function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=292)}({0:function(t,e){t.exports=function(t,e,n,o,i,r){var s,a=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(s=t,a=t.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),n&&(c.functional=!0),i&&(c._scopeId=i);var u;if(r?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=u):o&&(u=o),u){var p=c.functional,h=p?c.render:c.beforeCreate;p?(c._injectStyles=u,c.render=function(t,e){return u.call(e),h(t,e)}):c.beforeCreate=h?[].concat(h,u):[u]}return{esModule:s,exports:a,options:c}}},1:function(t,e,n){"use strict";n.d(e,"a",function(){return o}),n.d(e,"c",function(){return i}),n.d(e,"d",function(){return r}),n.d(e,"b",function(){return s});var o={props:{disabled:{type:Boolean},type:{type:String,default:"default"},size:{type:String,default:"default"},nativeType:{type:String,default:"button"},plain:{type:Boolean},loadingColor:{type:Object,default:function(){return{default:"#d6d6d6",danger:"#e04b00",warning:"#ff9900"}}},loading:{type:Boolean},ripple:{type:Boolean}}},i={inject:{vxFormItem:{default:"vxFormItem"}},props:{disabled:{type:Boolean},clearable:{type:Boolean,default:!0},nativeType:{type:String,default:"text"},readonly:{type:Boolean},value:{type:[String,Number]},placeholder:{type:String},autocomplete:{type:String},autofocus:{type:String},maxlength:{type:Number},name:{type:String,default:function(){return Math.random().toString(36).substr(2)}},checked:{type:Boolean},validateEvent:{type:Boolean,default:!0},arrow:{type:Boolean,default:!1},arrowProps:{type:Object},border:{type:Boolean,default:!0},autoIntoView:{type:Boolean,default:!0},size:{type:String,default:"default"}},data:function(){return{isFocus:!1}},methods:{handleFocusIn:function(t){this.isFocus=!0;var e=t.target;this.autoIntoView&&void 0!==e.ontouchstart&&window.addEventListener("resize",function(){e.scrollIntoView&&e.scrollIntoView()},{once:!0})},handleFocusOut:function(t){this.isFocus=!1,this.eDispatch("ElFormItem","el.form.blur",[t.target.value])},handleChange:function(t){this.$emit("change",t.target.value)},handleInput:function(t){var e=t.target?t.target.value:t;this.$emit("input",e),this.eDispatch("ElFormItem","el.form.change",[e])},eDispatch:function(){this.validateEvent&&this.dispatch&&this.dispatch.apply(this,arguments)}}},r={methods:{change:function(t){this.active!==t&&this.$emit("update:active",t).$emit("change",t)}},props:{active:{type:[Number,String,Object],required:!0},layout:{type:String,default:"default"}}},s={props:{history:{type:Boolean,default:!0}},methods:{getPushURL:function(){var t=window.location.hash;this.pushString="popup="+Math.random().toString(36).substr(2);var e=[window.location.href.split("#")[0],t];return e.push(t?-1===t.indexOf("?")&&-1===t.indexOf("=")?"?":"&":"#"),e.push(this.pushString),e.join("")},pushState:function(){var t=this;this.history&&(this.pushString&&this.isCurrentPopup()&&window.history.back(),setTimeout(function(){window.history.pushState({},"",t.getPushURL()),window.addEventListener("popstate",t.handlePopstate)},16))},handlePopstate:function(){-1===window.location.href.indexOf(this.pushString)&&(this.$emit("update:open",!1).$emit("close"),this.popStateBack&&this.popStateBack(),window.removeEventListener("popstate",this.handlePopstate))},goBack:function(){this.history&&this.isCurrentPopup()&&(window.removeEventListener("popstate",this.handlePopstate),history.back())},isCurrentPopup:function(){return window.location.href.indexOf(this.pushString)===window.location.href.length-this.pushString.length}}}},10:function(t,e,n){"use strict";var o=n(1),i=n(11),r=n(4);e.a={name:"Popup",componentName:"Popup",components:{Overlay:i.a,Arrow:r.a},mixins:[o.b],props:{open:{type:Boolean,default:!1},full:{type:Boolean,default:!1},direction:{type:String,default:"bottom"},fastClose:{type:Boolean,default:!0},showClose:{type:Boolean,default:!1},title:{type:String},overlayOpacity:{type:Number}},data:function(){return{afterOpen:!1}},computed:{innerClasses:function(){return["vx-popup--inner","vx-popup--"+this.direction,{"is-full":this.full}]}},mounted:function(){var t=this;this.open&&requestAnimationFrame(function(){t.pushState(),t.$el.style.display="block",t.handleEnter()})},watch:{open:function(t){var e=this;t&&requestAnimationFrame(function(){e.pushState(),e.$el.style.display="block"})}},methods:{handleEnter:function(){this.afterOpen=!0,this.$emit("open")},close:function(){this.$emit("update:open",!1).$emit("close")},handleClose:function(){this.fastClose&&this.close()},handleClose2:function(t){this.fastClose&&t.target===this.$el.querySelector(".vx-popup--inner")&&this.close()},handleLeave:function(){this.goBack(),this.$el.style.display="none",this.afterOpen=!1,this.$emit("after-close")}}}},11:function(t,e,n){"use strict";var o=n(8),i=n(17),r=n(0),s=r(o.a,i.a,!0,null,null,null);e.a=s.exports},12:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(10),i=n(19),r=n(0),s=r(o.a,i.a,!1,null,null,null);e.default=s.exports},17:function(t,e,n){"use strict";var o=function(t,e){var n=e._c;return n("transition",{attrs:{name:"popup-fade"}},[n("div",e._g(e._b({directives:[{name:"show",rawName:"v-show",value:e.props.open,expression:"props.open"}],class:["vx-overlay",e.data.staticClass,e.data.class],style:Object.assign({opacity:""+e.props.opacity},e.data.style)},"div",e.data.attrs,!1),e.listeners),[e._t("default")],2)])},i=[],r={render:o,staticRenderFns:i};e.a=r},185:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(97),i=n(186),r=n(0),s=r(o.a,i.a,!1,null,null,null);e.default=s.exports},186:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("popup",{attrs:{open:t.open,history:t.history},on:{close:t.handleClose}},[n("div",{class:["vx-flexbox","vx-popup-picker--header"],attrs:{slot:"header"},slot:"header"},[n("button",{staticClass:"vx-popup-picker--cancel",attrs:{type:"button"},on:{click:t.handleClose}},[t._v(t._s(t.cancelText))]),n("button",{class:["vx-flexbox--item","vx-popup-picker--placeholder"],attrs:{type:"button"}},[t._v(t._s(t.placeholder))]),n("button",{staticClass:"vx-popup-picker--confirm",attrs:{type:"button"},on:{click:t.handleConfirm}},[t._v(t._s(t.confirmText))])]),n("div",{class:["vx-flexbox","vx-popup-picker"]},t._l(t.myPickers,function(e,o){return t.open&&t.myPickers?n("picker",{key:o,class:["vx-flexbox--item","vx-popup-picker--item"],attrs:{value:e.value,placeholder:e.placeholder,options:e.options},on:{change:function(e){t.handleChange(e,o)}}}):t._e()}),1)])},i=[],r={render:o,staticRenderFns:i};e.a=r},19:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"vx-popup"},[t.full?t._e():n("overlay",{attrs:{opacity:t.overlayOpacity,open:t.open},on:{click:t.handleClose}}),t.$slots.inner?n("transition",{attrs:{name:"popup-fade"},on:{"after-enter":t.handleEnter,"after-leave":t.handleLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}]},[t._t("inner")],2)]):n("transition",{attrs:{name:t.full?"popup-full-slide-"+t.direction:"popup-slide-"+t.direction},on:{"after-enter":t.handleEnter,"after-leave":t.handleLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.open,expression:"open"}],class:t.innerClasses,on:{click:t.handleClose2}},[t.title&&!t.showClose?n("div",{staticClass:"vx-popup--nav"},[n("button",{attrs:{type:"button"},on:{click:t.close}},[n("arrow",{attrs:{direction:"left",color:"#666",size:"0.24rem"}})],1),n("div",{staticClass:"vx-popup--nav-title"},[t._v(t._s(t.title))])]):t.showClose&&t.full?n("div",{staticClass:"vx-popup--nav"},[n("div",{staticClass:"vx-popup--nav-title"},[t._v(t._s(t.title))]),n("i",{staticClass:"vx-popup--close",on:{click:t.close}})]):t._t("header"),"center"===t.direction?n("div",{staticClass:"vx-popup--body"},[t.showClose?n("i",{staticClass:"vx-popup--close",on:{click:t.close}}):t._e(),t._t("default",null,{open:t.afterOpen})],2):n("div",{staticClass:"vx-popup--body is-flex"},[t._t("default",null,{open:t.afterOpen})],2),t._t("footer")],2)])],1)},i=[],r={render:o,staticRenderFns:i};e.a=r},23:function(t,e){t.exports=require("babel-runtime/core-js/array/from")},27:function(t,e,n){"use strict";var o=n(23),i=n.n(o),r=n(46),s=function(t,e,n,o){if(t!==e&&"number"==typeof t){e=e||0,n=n||2;!function i(){if(t+=(e-t)/n,Math.abs(e-t)<1)return void o(e,!0);o(t,!1),requestAnimationFrame(i)}()}};e.a={name:"Picker",componentName:"Picker",components:{RemToPx:r.a},props:{options:{type:Array,reqiured:!0},value:{type:String},placeholder:{type:String,default:""},itemHeight:{type:Number,default:.9}},watch:{options:function(t){requestAnimationFrame(this.scrollToActive)}},created:function(){this.$$touch={}},mounted:function(){this.$$touch.scrollElement=this.$el.querySelector(".vx-picker"),requestAnimationFrame(this.scrollToActive),this.$nextTick(this.computeStyles),window.addEventListener("resize",this.computeStyles,!1)},beforeDestroy:function(){this.$$touch=null,this.$$pullTimer&&clearTimeout(this.$$pullTimer),this.$$timer&&clearTimeout(this.$$timer),window.removeEventListener("resize",this.computeStyles)},methods:{computeStyles:function(){var t=this,e=document.documentElement.style.fontSize;if(e&&this.itemHeight){e=parseInt(e,10);var n=e*this.itemHeight;n%2&&n++;var o=this.$el.querySelector(".vx-picker"),i=this.$el.querySelector(".vx-picker--scroller"),r=this.$el.querySelector(".vx-picker--indicator-top"),s=this.$el.querySelector(".vx-picker--indicator-bottom");requestAnimationFrame(function(){o.style.height=7*n+"px",i.style.padding=3*n+"px 0",i.style.lineHeight=n+"px",r.style.top=3*n+"px",s.style.top=4*n+"px",r.style.boxShadow="0px -"+3*n+"px 0px "+3*n+"px rgba(255,255,255,0.45)",s.style.boxShadow="0px "+3*n+"px 0px "+3*n+"px rgba(255,255,255,0.45)",requestAnimationFrame(t.scrollToActive)})}},scrollToActive:function(){var t=this,e=this.$el.querySelector(".is-active"),n=0;i()(this.$el.querySelectorAll(".vx-picker--item")).forEach(function(t,o){t===e&&(n=o)}),requestAnimationFrame(function(){t.$$touch.scrollElement.scrollTop=e?n*e.offsetHeight:0})},handleTouchEnd:function(){this.$$touch.scrollEnd=!0,this.computedScrollTop()},handleTouchMove:function(t){var e=this,n=t.changedTouches[0].pageY;this.$$touch.pageY&&(0===this.$$touch.scrollElement.scrollTop&&n-this.$$touch.pageY>0?(this.$$pullTimer&&clearTimeout(this.$$pullTimer),this.$$pullTimer=setTimeout(function(){e.$emit("pulldown")},500),t.preventDefault(),t.stopPropagation()):Math.round(this.$$touch.scrollElement.scrollTop)===this.$$touch.maxScrollTop&&n-this.$$touch.pageY<0&&(this.$$pullTimer&&clearTimeout(this.$$pullTimer),this.$$pullTimer=setTimeout(function(){e.$emit("pullup")},500),t.preventDefault(),t.stopPropagation())),this.$$touch.pageY=n},handleTouchStart:function(t){this.$$touch.scrollEnd=!1,this.$$touch.maxScrollTop=this.$$touch.scrollElement.scrollHeight-this.$$touch.scrollElement.offsetHeight,this.$$touch.pageY=t.changedTouches[0].pageY,this.$$timer&&clearTimeout(this.$$timer),this.$$pullTimer&&clearTimeout(this.$$pullTimer);var e=this.$$touch.scrollElement.querySelector(".vx-picker--item");e&&(this.$$touch.offsetHeight=e.offsetHeight)},handleScroll:function(){this.$$touch&&this.$$touch.scrollEnd&&this.computedScrollTop()},computedScrollTop:function(){var t=this;this.$$timer&&clearTimeout(this.$$timer),this.$$timer=setTimeout(function(){t.$$touch.scrollEnd=!1;var e=t.$el.querySelector(".vx-picker"),n=e.scrollTop,o=Math.round(n/t.$$touch.offsetHeight),i=o*t.$$touch.offsetHeight;requestAnimationFrame(function(){n!==i&&s(n,i,4,function(t){e.scrollTop=t});var r=t.$el.querySelectorAll(".vx-picker--item")[o];if(r){var a=r.dataset.value;a!==t.value&&t.$emit("input",a).$emit("change",a)}})},200)}}}},28:function(t,e,n){"use strict";e.a={name:"RemToPx",componentName:"RemToPx",props:{width:{type:Number},height:{type:Number},even:{type:Boolean,default:!1},tag:{type:String,default:"div"}},data:function(){return{styles:this.getStyles()}},mounted:function(){window.addEventListener("resize",this.handleResize,!1)},beforeDestroy:function(){window.removeEventListener("resize",this.handleResize)},methods:{handleResize:function(){this.styles=this.getStyles()},getStyles:function(){var t=document.documentElement.style.fontSize,e="",n="";return t&&(t=parseInt(t,10),this.width&&(e=Math.round(t*this.width),this.even&&e%2&&e++),this.height&&(n=Math.round(t*this.height),this.even&&n%2&&n++)),"width:"+e+"px;height:"+n+"px"}}}},292:function(t,e,n){t.exports=n(185)},3:function(t,e,n){"use strict";e.a={name:"Arrow",componentName:"Arrow",functional:!0,props:{direction:{type:String,default:"right"},size:{type:String,default:"0.18rem"},color:{type:String,default:"rgba(153, 153, 153, 0.6)"},tag:{type:String,default:"i"}}}},34:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=n(27),i=n(48),r=n(0),s=r(o.a,i.a,!1,null,null,null);e.default=s.exports},4:function(t,e,n){"use strict";var o=n(3),i=n(9),r=n(0),s=r(o.a,i.a,!0,null,null,null);e.a=s.exports},46:function(t,e,n){"use strict";var o=n(28),i=n(47),r=n(0),s=r(o.a,i.a,!1,null,null,null);e.a=s.exports},47:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement;return(t._self._c||e)(t.tag,{tag:"component",style:t.styles},[t._t("default")],2)},i=[],r={render:o,staticRenderFns:i};e.a=r},48:function(t,e,n){"use strict";var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"vx-picker--wrapper",attrs:{onselectstart:"return false;"}},[n("div",{staticClass:"vx-picker",on:{touchstart:t.handleTouchStart,touchmove:t.handleTouchMove,touchend:t.handleTouchEnd,scroll:t.handleScroll}},[n("div",{staticClass:"vx-picker--scroller"},[t.placeholder?n("rem-to-px",{class:["vx-picker--item","vx-picker--placeholder"],attrs:{height:t.itemHeight,even:""}},[t._v("\n        "+t._s(t.placeholder)+"\n      ")]):t._e(),t._l(t.options,function(e,o){return n("rem-to-px",{key:o,class:["vx-picker--item",{"is-active":e.value===t.value}],attrs:{height:t.itemHeight,even:"","data-value":e.value,"data-index":o},domProps:{innerHTML:t._s(e.label)}})})],2)]),t._m(0)])},i=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"vx-picker--indicator"},[n("div",{staticClass:"vx-picker--indicator-top"}),n("div",{staticClass:"vx-picker--indicator-bottom"})])}],r={render:o,staticRenderFns:i};e.a=r},8:function(t,e,n){"use strict";e.a={name:"Overlay",componentName:"Overlay",props:{opacity:{type:Number},open:{type:Boolean}}}},9:function(t,e,n){"use strict";var o=function(t,e){return(0,e._c)(e.props.tag,e._g(e._b({tag:"component",class:["vx-arrow",e.data.staticClass,e.data.class],style:[Object.assign({display:"inline-block",borderWidth:"1px",borderStyle:"solid",verticalAlign:"middle",boxSizing:"border-box",transform:"rotate(45deg)",height:e.props.size,width:e.props.size,borderColor:{up:e.props.color+" transparent transparent "+e.props.color,right:e.props.color+" "+e.props.color+" transparent transparent",down:"transparent "+e.props.color+" "+e.props.color+" transparent",left:"transparent transparent "+e.props.color+" "+e.props.color}[e.props.direction]},e.data.style)]},"component",e.data.attrs,!1),e.listeners))},i=[],r={render:o,staticRenderFns:i};e.a=r},97:function(t,e,n){"use strict";var o=n(12),i=n(34);e.a={name:"PopupPicker",componentName:"PopupPicker",components:{Popup:o.default,Picker:i.default},props:{open:{type:Boolean,default:!1},history:{type:Boolean,default:!0},pickers:{type:Array},placeholder:{type:String},cancelText:{type:String,default:"取消"},confirmText:{type:String,default:"完成"}},watch:{pickers:function(t){this.myPickers=t}},data:function(){return{myPickers:this.pickers}},methods:{handleClose:function(){this.$emit("update:open",!1).$emit("close")},handleConfirm:function(){this.$emit("confirm");var t=this.myPickers.map(function(t){return{value:t.value}});this.value&&t.toString()===this.value.toString()?this.handleClose():this.open&&this.$emit("update:open",!1).$emit("input",t).$emit("change",t)},handleChange:function(t,e){this.myPickers[e].value=t,this.$emit("pickerchange",t,e)}}}}});