| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[49],{461:function(e,t,s){"use strict";var o=s(435),i=[{key:"wheelTo",name:"wheelTo"},{key:"getSelectedIndex",name:"getSelectedIndex"},{key:"restorePosition",name:"restorePosition"}].map((function(e){return{key:e.key,sourceKey:"plugins.wheel."+e.name}})),n=4,l=function(){function e(e){this.scroll=e,this.init()}return e.prototype.init=function(){this.handleBScroll(),this.handleOptions(),this.handleHooks(),this.refreshBoundary(),this.setSelectedIndex(this.options.selectedIndex)},e.prototype.handleBScroll=function(){this.scroll.proxy(i),this.scroll.registerType(["wheelIndexChanged"])},e.prototype.handleOptions=function(){var e=!0===this.scroll.options.wheel?{}:this.scroll.options.wheel;this.options=Object(o.t)({wheelWrapperClass:"wheel-scroll",wheelItemClass:"wheel-item",rotate:25,adjustTime:400,selectedIndex:0,wheelDisabledItemClass:"wheel-disabled-item"},e)},e.prototype.handleHooks=function(){var e=this,t=this.scroll,s=this.scroll.scroller,i=s.actionsHandler,l=s.scrollBehaviorX,r=s.scrollBehaviorY,a=s.animater,c=s.content;t.on(t.eventTypes.scrollEnd,(function(t){var o=e.findNearestValidWheel(t.y).index;if(s.animater.forceStopped&&!e.isAdjustingPosition)return e.target=e.items[o],!0;e.setSelectedIndex(o),e.isAdjustingPosition&&(e.isAdjustingPosition=!1)})),this.scroll.hooks.on(this.scroll.hooks.eventTypes.refresh,(function(t){t!==c&&(c=t,e.setSelectedIndex(e.options.selectedIndex,!0)),e.rotateX(e.scroll.y),e.wheelTo(e.selectedIndex,0)})),this.scroll.hooks.on(this.scroll.hooks.eventTypes.beforeInitialScrollTo,(function(t){t.x=0,t.y=-e.selectedIndex*e.itemHeight})),s.hooks.on(s.hooks.eventTypes.checkClick,(function(){var t=Object(o.h)(e.items).indexOf(e.target);return-1===t||e.wheelTo(t,e.options.adjustTime,o.r.swipe),!0})),s.hooks.on(s.hooks.eventTypes.scrollTo,(function(t){t.y=e.findNearestValidWheel(t.y).y})),s.hooks.on(s.hooks.eventTypes.minDistanceScroll,(function(){var e=s.animater;!0===e.forceStopped&&(e.forceStopped=!1)})),s.hooks.on(s.hooks.eventTypes.scrollToElement,(function(t,s){if(!Object(o.A)(t,e.options.wheelItemClass))return!0;s.top=e.findNearestValidWheel(s.top).y})),i.hooks.on(i.hooks.eventTypes.beforeStart,(function(t){e.target=t.target})),l.hooks.on(l.hooks.eventTypes.computeBoundary,(function(e){e.maxScrollPos=0,e.minScrollPos=0})),r.hooks.on(r.hooks.eventTypes.computeBoundary,(function(t){e.items=e.scroll.scroller.content.children,e.checkWheelAllDisabled(),e.itemHeight=e.items.length>0?r.contentSize/e.items.length:0,t.maxScrollPos=-e.itemHeight*(e.items.length-1),t.minScrollPos=0})),r.hooks.on(r.hooks.eventTypes.momentum,(function(t){t.rate=n,t.destination=e.findNearestValidWheel(t.destination).y})),r.hooks.on(r.hooks.eventTypes.end,(function(t){var s=e.findNearestValidWheel(r.currentPos);t.destination=s.y,t.duration=e.options.adjustTime})),a.hooks.on(a.hooks.eventTypes.time,(function(t){e.transitionDuration(t)})),a.hooks.on(a.hooks.eventTypes.timeFunction,(function(t){e.timeFunction(t)})),a.hooks.on(a.hooks.eventTypes.callStop,(function(){var t=e.findNearestValidWheel(e.scroll.y).index;e.isAdjustingPosition=!0,e.wheelTo(t,0)})),a.translater.hooks.on(a.translater.hooks.eventTypes.translate,(function(t){e.rotateX(t.y)}))},e.prototype.refreshBoundary=function(){var e=this.scroll.scroller,t=e.scrollBehaviorX,s=e.scrollBehaviorY,o=e.content;t.refresh(o),s.refresh(o)},e.prototype.setSelectedIndex=function(e,t){void 0===t&&(t=!1);var s=this.selectedIndex;this.selectedIndex=e,s===e||t||this.scroll.trigger("wheelIndexChanged",e)},e.prototype.getSelectedIndex=function(){return this.selectedIndex},e.prototype.wheelTo=function(e,t,s){void 0===e&&(e=0),void 0===t&&(t=0);var o=-e*this.itemHeight;this.scroll.scrollTo(0,o,t,s)},e.prototype.restorePosition=function(){if(this.scroll.pending){var e=this.getSelectedIndex();this.scroll.scroller.animater.clearTimer(),this.wheelTo(e,0)}},e.prototype.transitionDuration=function(e){for(var t=0;t<this.items.length;t++)this.items[t].style[o.P.transitionDuration]=e+"ms"},e.prototype.timeFunction=function(e){for(var t=0;t<this.items.length;t++)this.items[t].style[o.P.transitionTimingFunction]=e},e.prototype.rotateX=function(e){for(var t=this.options.rotate,s=void 0===t?25:t,i=0;i<this.items.length;i++){var n=(s*(e/this.itemHeight+i)).toFixed(3);this.items[i].style[o.P.transform]="rotateX("+n+"deg)"}},e.prototype.findNearestValidWheel=function(e){e=e>0?0:e<this.scroll.maxScrollY?this.scroll.maxScrollY:e;for(var t=Math.abs(Math.round(-e/this.itemHeight)),s=t,i=this.items,n=this.options.wheelDisabledItemClass;t>=0&&Object(o.A)(i[t],n);)t--;if(t<0)for(t=s;t<=i.length-1&&Object(o.A)(i[t],n);)t++;return t===i.length&&(t=s),{index:this.wheelItemsAllDisabled?-1:t,y:-t*this.itemHeight}},e.prototype.checkWheelAllDisabled=function(){var e=this.options.wheelDisabledItemClass,t=this.items;this.wheelItemsAllDisabled=!0;for(var s=0;s<t.length;s++)if(!Object(o.A)(t[s],e)){this.wheelItemsAllDisabled=!1;break}},e.pluginName="wheel",e}();t.a=l},544:function(e,t,s){},708:function(e,t,s){"use strict";s(544)},766:function(e,t,s){"use strict";s.r(t);s(252);var o=s(436),i=s(461);o.a.use(i.a);var n=[{text:"Venomancer",value:1,disabled:"wheel-disabled-item"},{text:"Nerubian Weaver",value:2},{text:"Spectre",value:3},{text:"Juggernaut",value:4},{text:"Karl",value:5},{text:"Zeus",value:6},{text:"Witch Doctor",value:7},{text:"Lich",value:8},{text:"Oracle",value:9},{text:"Earthshaker",value:10}],l={name:"picker",data:function(){return{state:0,selectedIndex:2,selectedText:"open",pickerData:n}},methods:{_confirm:function(){this.wheel.stop(),this.hide();var e=this.selectedIndex=this.wheel.getSelectedIndex();this.selectedText="".concat(this.pickerData[e].text,"-").concat(e),this.$emit("select",e)},_cancel:function(){this.wheel.restorePosition(),this.hide(),this.$emit("cancel")},show:function(){var e=this;1!==this.state&&(this.state=1,this.wheel||this.$nextTick((function(){var t=e.$refs.wheelWrapper.children[0];e._createWheel(t)})))},hide:function(){this.state=0},_createWheel:function(e){var t=this;return this.wheel?this.wheel.refresh():(this.wheel=new o.a(e,{wheel:{selectedIndex:this.selectedIndex,wheelWrapperClass:"wheel-scroll",wheelItemClass:"wheel-item",wheelDisabledItemClass:"wheel-disabled-item"},useTransition:!1,probeType:3}),this.wheel.on("scrollEnd",(function(){t.$emit("change",t.wheel.getSelectedIndex())})),this.wheel.on("wheelIndexChanged",(function(e){console.log(e)}))),this.wheel}}},r=(s(708),s(41)),a=Object(r.a)(l,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"container"},[t("ul",{staticClass:"example-list"},[t("li",{staticClass:"example-item",on:{click:e.show}},[t("span",{staticClass:"open"},[e._v(e._s(e.selectedText))])])]),e._v(" "),t("transition",{attrs:{name:"picker-fade"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:1===e.state,expression:"state===1"}],staticClass:"picker",on:{touchmove:function(e){e.preventDefault()},click:e._cancel}},[t("transition",{attrs:{name:"picker-move"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:1===e.state,expression:"state===1"}],staticClass:"picker-panel",on:{click:function(e){e.stopPropagation()}}},[t("div",{staticClass:"picker-choose border-bottom-1px"},[t("span",{staticClass:"cancel",on:{click:e._cancel}},[e._v("Cancel")]),e._v(" "),t("span",{staticClass:"confirm",on:{click:e._confirm}},[e._v("Confirm")]),e._v(" "),t("h1",{staticClass:"picker-title"},[e._v("Title")])]),e._v(" "),t("div",{staticClass:"picker-content"},[t("div",{staticClass:"mask-top border-bottom-1px"}),e._v(" "),t("div",{staticClass:"mask-bottom border-top-1px"}),e._v(" "),t("div",{ref:"wheelWrapper",staticClass:"wheel-wrapper"},[t("div",{staticClass:"wheel"},[t("ul",{staticClass:"wheel-scroll"},e._l(e.pickerData,(function(s,o){return t("li",{key:o,staticClass:"wheel-item",class:{"wheel-disabled-item":s.disabled}},[e._v(e._s(s.text))])})),0)])])]),e._v(" "),t("div",{staticClass:"picker-footer"})])])],1)])],1)}),[],!1,null,"4f28ad97",null);t.default=a.exports}}]);
|
