nimble-ui/modules/NuWheel/index.js

基础vue ui库

module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s="l8LW")}({"0Zk/":function(e,t,n){"use strict";t.a=function(e,t){return Object(i.a)(e,t).replace(/^[a-z]/,function(e){return e.toUpperCase()})};var i=n("lXuC")},"4qRk":function(e,t,n){"use strict";t.a=function(e){e&&!e.install&&(e.install=function(t){var n=e.name||"",i=t.component(n);i||t.component(n,e)});return e}},"6eGU":function(e,t,n){(function(e){"use strict";function t(e){console.error("[Wheel warn]: "+e)}function n(e){for(var t=!0,i=0,r=arguments.length,o=Array(1<r?r-1:0),s=1;s<r;s++)o[s-1]=arguments[s];if(o&&o.length<1)return"boolean"==typeof e?{}:e;"boolean"==typeof e&&(t=e,e=o[0],i=1);for(var a=0+i;a<o.length;a++){var l=o[a];if(l instanceof Object)for(var c in l)t&&l[c]instanceof Object?e[c]=n(l[c]instanceof Array?[]:{},l[c]):e[c]=l[c]}return e}var i=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],i=!0,r=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(i=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);i=!0);}catch(e){r=!0,o=e}finally{try{!i&&a.return&&a.return()}finally{if(r)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},r=document.createElement("div").style,o=function(){var e={webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform",standard:"transform"};for(var t in e)if(void 0!==r[e[t]])return t;return!1}();function s(e){return!1!==o&&("standard"===o?e:o+e.charAt(0).toUpperCase()+e.substr(1))}var a=function(e){var t={};return"ontouchstart"in window||"touchstart"===e?(t.isTouchable=!0,t.EVENT_START="touchstart",t.EVENT_MOVE="touchmove",t.EVENT_END="touchend"):(t.isTouchable=!1,t.EVENT_START="mousedown",t.EVENT_MOVE="mousemove",t.EVENT_END="mouseup"),t.EVENT_CANCEL="touchcancel",t.EVENT_CLICK="click",t},l={wheelEl:"",wheelItemEl:"",activeCls:"active",visibleCls:"visible",perspective:"1000px",blurWidth:20,itemHeight:0,itemWidth:0,selectedIndex:0,direction:"vertical"},c=navigator.platform.toLowerCase(),u=navigator.userAgent.toLowerCase(),h=(u.match(/os [\d._]*/gi)+"").replace(/[^0-9|_.]/gi,"").replace(/_/gi,"."),f=(-1<u.indexOf("iphone")||-1<u.indexOf("ipad")||-1<u.indexOf("ipod"))&&(-1<c.indexOf("iphone")||-1<c.indexOf("ipad")||-1<c.indexOf("ipod"));function d(e,n){(e=this._getElements(e)[0])?this._init(e,n):t("can not resolve the wrapper dom")}d.use=function(e,n){e instanceof Function?e(d,n):e&&e.default instanceof Function?e.default(d,n):t("can not resolve the use module")},d.use(function(e){e.prototype.dispatchEvent=function(e,t,i){if(e&&e.tagName&&t&&"string"==typeof t){var r=document.createEvent(window&&window.MouseEvent?"MouseEvents":"Event");r.initEvent(t,!0,!1),r._constructed=!0,r=n(r,i),e.dispatchEvent(r)}},e.prototype.on=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:this,i=this;i._events=i._events||{},i._events[e]=i._events[e]||[],i._events[e].push([t,n])},e.prototype.once=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:this,i=this,r=!1;function o(){i.off(e,o),r||(r=!0,t.apply(n,arguments))}o.fn=t,i.on(e,o)},e.prototype.off=function(e,t){var n=this._events[e];if(n)for(var i=n.length;i--;)(n[i][0]===t||n[i][0]&&n[i][0].fn===t)&&(n[i][0]=void 0)},e.prototype.trigger=function(e){var t=this._events&&this._events[e];if(t)for(var n=t.length,r=[].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t)),o=0;o<n;o++){var s=r[o],a=i(s,2),l=a[0],c=a[1];l&&l.apply(c,[].slice.call(arguments,1))}}}),d.use(function(e){e.prototype._resetItems=function(){var e=this._options,t=this._wheelEl;if(t){var n=this._getElements(e.wheelItemEl,t);n&&0<n.length&&(this._elItems=n)}},e.prototype._initEl=function(e){var t=this,n=t._options;t._el=e,(t._wheelEl=t._getElements(n.wheelEl,e)[0])&&t._bindEvent()},e.prototype._getElements=function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document,n=void 0;return e?"string"==typeof e?n=t.querySelectorAll(e):"number"!=typeof e.length&&(n=[e]):t&&t!==document&&t.children&&0<t.children.length&&(n=t.children),n&&0===n.length&&(n=void 0),n&&!(n instanceof Array)&&n.length<1&&(n=[n]),n||[]},e.prototype._calcElementItemPostion=function(){var e=this,t=e._elItems,n=e._options.direction||"vertical";if(t&&0<t.length)for(var i=0;i<t.length;i++){var r=t[i];e.endAngle=e.itemAngle*i,r._index=i,r.angle=e.endAngle,r.style[s("transformOrigin")]="center center -"+e.r+"px",r.style[s("transform")]="translateZ("+e.r+"px) "+("horizontal"==n?"rotateY(":"rotateX(-")+e.endAngle+"deg)"}e.endExceed=e.endAngle+30,e._setItemVisibility(e.beginAngle)},e.prototype._setItemVisibility=function(e){var t=this._elItems,n=this._options,i=n.activeCls,r=n.visibleCls;if(t&&0<t.length)for(var o=0;o<t.length;o++){var s=t[o],a=Math.abs(s.angle-e);a<this.hightlightRange?s.classList.add(i):a<this.visibleRange?(s.classList.add(r),s.classList.remove(i)):(s.classList.remove(i),s.classList.remove(r))}},e.prototype._setAngle=function(e){var t=this._options,n=t.direction||"vertical";this._angle=e,this._wheelEl.style[s("transform")]="perspective("+t.perspective+") "+("horizontal"==n?"rotateY(-":"rotateX(")+e+"deg)",this._setItemVisibility(e)}}),d.use(function(e){e.prototype.getSelectedIndex=function(){var e=this,t=parseInt((e._angle/e.itemAngle).toFixed(0));return e._elItems&&t>e._elItems.length-1&&(t=e._elItems.length-1),t<0&&(t=0),e.index=Math.abs(t)||0,e.index},e.prototype.wheelTo=function(e,t,n){var i=this;i._wheelEl.style[s("transition")]="";var r=i._correctAngle(i.itemAngle*e);if(t&&0<t){var o=r-i._angle;i._scrollDistAngle(Date.now(),i._angle,o,t,n)}else i._setAngle(r),i._triggerEnd(n)},e.prototype._correctAngle=function(e){return e<this.beginAngle?this.beginAngle:e>this.endAngle?this.endAngle:e},e.prototype._startScroll=function(e){var t=this,n=e.changedTouches?e.changedTouches[0]:e,i="horizontal"==(t._options.direction||"vertical")?"pageX":"pageY",r=e.timeStamp||Date.now(),o=(n[i]-t.lastMoveStart)/(r-t.lastMoveTime),s=0<o?-1:1,a=6e-4*s*-1,l=Math.abs(o/a),c=o*l/2,u=t._angle,h=t._calcAngle(c)*s,f=h;u+h<t.beginExceed&&(l=l*((h=t.beginExceed-u)/f)*.6),u+h>t.endExceed&&(l=l*((h=t.endExceed-u)/f)*.6),0!=h?t._scrollDistAngle(r,u,h,l):t._endScroll()},e.prototype._scrollDistAngle=function(e,t,n,i,r){var o,s,a,l,c=this;c.stopInertiaMove=!1,isNaN(n)||(o=t,s=n,a=i/13,l=0,function e(){if(!c.stopInertiaMove){var t,n=-s*((t=(t=l)/a-1)*t*t*t-1)+o;if(c._setAngle(n),a-1<++l||n<c.beginExceed||n>c.endExceed)c._endScroll(r);else{var i=c.getSelectedIndex();c.dispatchEvent(c._el,"scroll",{index:i}),c.trigger("scroll",{index:i}),setTimeout(e,13)}}}())},e.prototype._endScroll=function(e){var t=this,n=t._wheelEl;if(t._angle<t.beginAngle)n.style[s("transition")]="150ms ease-out",t._setAngle(t.beginAngle);else if(t._angle>t.endAngle)n.style[s("transition")]="150ms ease-out",t._setAngle(t.endAngle);else{var i=parseInt((t._angle/t.itemAngle).toFixed(0));n.style[s("transition")]="100ms ease-out",t._setAngle(t.itemAngle*i)}t._triggerEnd(e)},e.prototype._triggerEnd=function(e){var t=this;setTimeout(function(){var n=t.getSelectedIndex();!t.trigger||n==t.lastIndex&&!0!==e||(t.dispatchEvent(t._el,"scrollEnd",{index:n}),t.trigger("scrollEnd",{index:n})),t.lastIndex=n,"function"==typeof e&&e()},0)},e.prototype._calcAngle=function(e){var t=parseFloat(this.r),n=t;e=Math.abs(e);var i=180*parseInt(e/this.d),r=(n*n+t*t-(e%=this.d)*e)/(2*n*t);return i+Math.acos(r)/(Math.PI/180)},e.prototype._initInertiaParams=function(){this.lastMoveTime=0,this.lastMoveStart=0,this.stopInertiaMove=!1},e.prototype._updateInertiaParams=function(e,t){var n=this,i="horizontal"==(n._options.direction||"vertical")?"pageX":"pageY",r=e.changedTouches?e.changedTouches[0]:e;if(t)n.lastMoveStart=r[i],n.lastMoveTime=e.timeStamp||Date.now(),n.startAngle=n._angle;else{var o=e.timeStamp||Date.now();300<o-n.lastMoveTime&&(n.lastMoveTime=o,n.lastMoveStart=r[i])}n.stopInertiaMove=!0},e.prototype._bindEvent=function(){var e=this,t=e._el,n=0,i=null,r=null,o=!1,l="horizontal"==(e._options.direction||"vertical")?"pageX":"pageY";if("ontouchstart"in window)e.eventType=a();else if(!this.eventType)return t.addEventListener("touchmove",u),document.addEventListener("touchmove",u),t.addEventListener("mousemove",u),void document.addEventListener("mousemove",u);var c=this.eventType;function u(n){e.eventType||(e.eventType=a(n.type),e._bindEvent(),t.removeEventListener("touchmove",u),document.removeEventListener("touchmove",u),t.removeEventListener("mousemove",u),document.removeEventListener("mousemove",u))}t.addEventListener(c.EVENT_START,function(t){o=!0,t.preventDefault();var a=e.getSelectedIndex();e.dispatchEvent(e._el,"scrollEnd",{index:a}),e.trigger("scrollStart",{index:a}),e._wheelEl.style[s("transition")]="",i=(t.changedTouches?t.changedTouches[0]:t)[l],r=i,n=e._angle,e._updateInertiaParams(t,!0)},!1),t.addEventListener(c.EVENT_END,function(t){o=!1,t.preventDefault(),Math.abs(i-r)<10&&e._triggerEnd(!0),e._startScroll(t)},!1),t.addEventListener(c.EVENT_CANCEL,function(t){o=!1,t.preventDefault(),e._startScroll(t)},!1),t.addEventListener(c.EVENT_MOVE,function(t){if(o){t.preventDefault();var s=(t.changedTouches?t.changedTouches[0]:t)[l],a=(r=s)-i,c=e._calcAngle(a),u=0<a?n-c:n+c;u>e.endExceed&&(u=e.endExceed),u<e.beginExceed&&(u=e.beginExceed),e._setAngle(u),e._updateInertiaParams(t),e.trigger("scroll",{index:e.getSelectedIndex()})}},!1)}}),d.use(function(e){e.prototype.refresh=function(){var e=this,t=e._options,n=e.index,i=e._options.direction||"vertical";e._resetItems();var r=e._elItems;e.height=e._el.offsetHeight,e.width=e._el.offsetWidth;var o=void 0,a=void 0;"horizontal"==i?(e.r=e.width/2-t.blurWidth,a=100,o="Width"):"vertical"!=i&&i||(e.r=e.height/2-t.blurWidth,a=40,o="Height"),e.d=2*e.r,e.itemSize=t["item"+o]||(r&&0<r.length?r[0]["offset"+o]:a),e.itemAngle=parseInt(e._calcAngle(.8*e.itemSize)),e.hightlightRange=e.itemAngle/2,e.visibleRange=90,e.beginAngle=0,e.beginExceed=e.beginAngle-30,e._angle=e.beginAngle,f&&function(e,t){var n=0;t=(t||"0")+"";var i=(e=(e||"0")+"").split("."),r=t.split("."),o=Math.max(i.length,r.length),s=o-Math.min(i.length,r.length);if(0<s){var a=new Array(s).fill(0);i.length>r.length?r=a.concat(r):i=a.concat(i)}for(var l=0;l<o;l++){var c=parseInt(i[l]||"0",10)||0,u=parseInt(r[l]||"0",10)||0;if(c<u){n=-1;break}if(u<c){n=1;break}}return n}(h,"16.1.0")+""!="1"&&(e._wheelEl.style[s("transformOrigin")]="center center "+e.r+"px"),e._calcElementItemPostion(!0),0<n&&e.wheelTo(n)},e.prototype._init=function(e,t){var n=this,i=n._initOptions(t);n._initEl(e),n.refresh(),n.index=i.selectedIndex||0,0<n.index&&n.wheelTo(n.index)},e.prototype._initOptions=function(e){return this._options=n({},l,e),this._options}}),d.Version="1.0.9",e.default=d,e.Wheel=d,Object.defineProperty(e,"__esModule",{value:!0})})(t)},"B/FW":function(e,t){},Dzcs:function(e,t,n){"use strict";var i=n("6eGU"),r=n("ekq3"),o=n("d7lj"),s=n("ho/f"),a=n("Hxsb"),l={extends:s.a,name:"NuWheel",props:{index:{type:Number,default:0},list:{type:Array},prefix:{type:String,default:""},suffix:{type:String,default:""},state:{type:String},filterName:{type:Function,default:function(e,t){return e instanceof Object?(t.prefix||"")+(e&&e.text||"")+(t.suffix||""):(t.prefix||"")+e||""+(t.suffix||"")}},isInit:{type:Boolean,default:!1}},mixins:[Object(a.a)("activeIndex",{value:{type:Number,default:0},mValueChange:function(e){if(this.myActiveIndex!==e){var t=this.wheel;this.myActiveIndex=e,t&&t.wheelTo(e||0)}return!1},myValueChange:function(){return!1}})],mounted:function(){this._initCom()},watch:{isInit:function(){var e=this;e._stopEmit(),e._timer=setTimeout(function(){e._timer=void 0,e._initCom()},0)},list:function(){var e=this;e.wheel?(e._stopEmit(),e._timer=setTimeout(function(){e._timer=void 0,e._resetCom(),e._emitInitData()},0)):e._initCom()}},methods:{_initCom:function(){var e=this;e.isInit&&e.$nextTick(function(){var t=e.$refs&&e.$refs.hook_wheel;e._stopEmit(),e._timer=setTimeout(function(){e._timer=void 0,t&&e._initWheel(t),e.initState=e.list&&e.list.length>0},20)})},_stopEmit:function(){void 0!==this._timer&&clearTimeout(this._timer)},_emitInitData:function(){var e=this;e._stopEmit(),e._timer=setTimeout(function(){e._timer=void 0,e._emitData()},20)},_resetCom:function(){this.initState=this.list&&this.list.length>0;var e=this.wheel;e?(e.refresh(),e.wheelTo(this.activeIndex||0)):this._initWheel()},_initWheel:function(){if(!this.wheel){var e=this.$refs&&this.$refs.hook_wheel;if(e){var t={selectedIndex:this.myActiveIndex||0,wheelEl:".nu_wheel-scroll",wheelItemEl:".nu_wheel-item",activeCls:"nu_active",visibleCls:"nu_visible"};this.wheel=new i.Wheel(e,t),this._initListener(),0===t.selectedIndex&&this._emitInitData()}}},_getName:function(e,t,n){var i=Object(r.a)(this.filterName,[e,{prefix:t,suffix:n,index:this.index,activeIndex:this.activeIndex}]);return void 0===i&&(i=(t||"")+e+(n||"")),i},_initListener:function(){var e=this;[{type:"scrollStart",data:"start"},{type:"scroll",data:"rolling"},{type:"scrollEnd"}].forEach(function(t){var n=t.type;e.wheel.on(n,function(){if("scrollEnd"===n)e._emitData();else{var i=e.wheel&&e.wheel.getSelectedIndex()||0;e._isSelect!==i&&e.$emit("stateChange",t.data)}})})},_emitData:function(){if(this.isInit){if(this.initState){var e=this.wheel&&this.wheel.getSelectedIndex()||0,t=this.list&&this.list[e];("number"!==this._isSelect||this._isSelect!==e||Object(o.a)(this._isSelectData,t))&&(this._isSelect=e,this._isSelectData=t,this.myActiveIndex!==e&&(this.myActiveIndex=e,this.$emit("update:activeIndex",e)),this.$emit("select",{data:t||{},prefix:this.prefix||"",suffix:this.suffix||""}))}this.$emit("stateChange","end")}}}},c={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"nus_wheel",on:{click:e._onClick,tap:e._onTap}},[n("div",{ref:"hook_wheel",staticClass:"nu_wheel-wrap"},[n("div",{staticClass:"nu_wheel-rule nu_wheel-rule-ft"}),e._v(" "),n("ul",{staticClass:"nu_wheel-scroll"},e._l(e.list||[],function(t,i){return n("li",{key:i,staticClass:"nu_wheel-item"},[e._v("\n                "+e._s(e._getName(t,e.prefix,e.suffix))+"\n            ")])}))])])},staticRenderFns:[]};var u=n("VU/8")(l,c,!1,function(e){n("tkid")},null,null);t.a=u.exports},Hxsb:function(e,t,n){"use strict";t.a=function(e,t){var n;t=t||{};var o={};o[e=(e||"")+""]=t.value||{};var s="my"+Object(r.a)(e);return{props:o,data:function(){var n={};return n[s]=Object(i.a)(t.myValueInit||this[e],[this[e]],this),n},watch:(n={},n[e]=function(e,n){var r=Object(i.a)(t.mValueChange,[e,n],this);!1!==r&&(this[s]=e)},n[s]=function(n,r){var o=Object(i.a)(t.myValueChange,[n,r],this);!1!==o&&this.$emit("update:"+e,n)},n)}};var i=n("ekq3"),r=n("WGR+")},IrUm:function(e,t,n){"use strict";t.a=function e(t,n,i){var r=!1;var o=t instanceof Object;var s=n instanceof Object;if(t===n)return!0;o&&o===s&&(o=Object.prototype.toString.call(t),s=Object.prototype.toString.call(n));if(!t&&n||t&&!n||o&&!s||!o&&s)return r;if(!o||!s)return t===n&&(r=!0),r;if(function(e,t){var n=!1;try{n=JSON.stringify(e)===JSON.stringify(t)}catch(e){n=!1}return n}(t,n))r=!0;else if(i&&i.length)r=c(i,t,n);else{var a=Object.keys(t),l=Object.keys(n);a.length===l.length&&(r=c(a,t,n))}return r;function c(t,n,i){for(var r=!0,o=0;o<t.length;o++){var s=t[o];if("__ob__"!==s&&!(r=e(n[s],i[s])))break}return r}}},Lv3q:function(e,t,n){"use strict";n("B/FW");var i=n("VU/8")({methods:{_onClick:function(e){this.$emit("click",e)},_onTap:function(e){this.$emit("tap",e)},_onClickItem:function(e){this.$emit("clickItem",e)}}},null,!1,null,null,null);t.a=i.exports},"VU/8":function(e,t){e.exports=function(e,t,n,i,r,o){var s,a=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(s=e,a=e.default);var c,u="function"==typeof a?a.options:a;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns,u._compiled=!0),n&&(u.functional=!0),r&&(u._scopeId=r),o?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=c):i&&(c=i),c){var h=u.functional,f=h?u.render:u.beforeCreate;h?(u._injectStyles=c,u.render=function(e,t){return c.call(t),f(e,t)}):u.beforeCreate=f?[].concat(f,c):[c]}return{esModule:s,exports:a,options:u}}},"WGR+":function(e,t,n){"use strict";var i=n("0Zk/");t.a=i.a},d7lj:function(e,t,n){"use strict";var i=n("IrUm");t.a=i.a},ekq3:function(e,t,n){"use strict";var i=n("zagf");t.a=i.a},"ho/f":function(e,t,n){"use strict";var i={extends:n("Lv3q").a},r=n("VU/8")(i,null,!1,null,null,null);t.a=r.exports},l8LW:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n("Dzcs"),r=n("4qRk");t.default=Object(r.a)(i.a)},lXuC:function(e,t,n){"use strict";t.a=function(e,t){var n="("+(t||"_|-")+")";return e=(e=(e=(e+"").replace(new RegExp(n+"?(?:(?:[A-Z]{2,}[A-Z]"+n+"*$)|(?:[A-Z]{2,}(?=[A-Z])))","g"),function(e){return(((t||"")+"").split("|")[0]||"-")+(e=e.replace(new RegExp(n),"")).toLowerCase()})).replace(new RegExp("(?:^"+n+"?([a-z]))|(?:"+n+"$)","gi"),function(e,t,n){return(n||"").toLowerCase()})).replace(new RegExp(n+"([a-z])","gi"),function(e,t,n){return(n||"").toUpperCase()})}},tkid:function(e,t){},zagf:function(e,t,n){"use strict";t.a=function(e,t,n){var i=e;e instanceof Function&&(i=e.apply(n,t));return i}}});