lucky-canvas - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/lucky-canvas.cjs.min.js

@@ -16,2 +16,2 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});
 ***************************************************************************** */
-var t=function(i,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])})(i,e)};function i(i,e){function n(){this.constructor=i}t(i,e),i.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var e=function(){return(e=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t}).apply(this,arguments)};function n(){for(var t=0,i=0,e=arguments.length;i<e;i++)t+=arguments[i].length;var n=Array(t),r=0;for(i=0;i<e;i++)for(var o=arguments[i],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var r=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayPropo(),this.box="string"==typeof t?document.querySelector(t):t,this.canvas=document.createElement("canvas"),this.box.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d")}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.optimizeClarity=function(t,i,e){var n=this.dpr,r=function(t){return(t*n-t)/(t*n)*(n/2)*100};t.style.width=i+"px",t.style.height=e+"px",t.style.transform="scale("+1/n+") translate(\n      "+-r(i)+"%, "+-r(e)+"%\n    )"},t.prototype.changeUnits=function(t,i){var e=this,n=i.denominator,r=void 0===n?1:n,o=i.clean,s=void 0!==o&&o;return Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,i,n){switch(n){case"%":i*=r/100;break;case"px":i*=1;break;case"rem":i*=e.htmlFontSize;break;default:i*=1}return s||"%"===n?i:i*e.dpr})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var i=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(e){i.defineReactive(t,e,t[e])}))},t.prototype.defineReactive=function(t,i,e){var n=this;this.observer(e),Object.defineProperty(t,i,{get:function(){return e},set:function(t){var r=e;t!==e&&(e=t,n.observer(e),n.subs[i]&&n.subs[i].call(n,e,r),n.draw())}})},t.prototype.$set=function(t,i,e){t&&"object"==typeof t&&this.defineReactive(t,i,e)},t.prototype.$computed=function(t,i,e){var n=this;Object.defineProperty(t,i,{get:function(){return e.call(n)}})},t.prototype.$watch=function(t,i){this.subs[t]=i},t.prototype.resetArrayPropo=function(){var t=this,i=Array.prototype,e=Object.create(i);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(r){e[r]=function(){var e;t.draw(),(e=i[r]).call.apply(e,n([this],Array.from(arguments)))}}))},t}(),o=function(t){for(var i=[],e=1;e<arguments.length;e++)i[e-1]=arguments[e];return i.some((function(i){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===i}))},s=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},a=function(t){return Math.PI/180*t},h=function(t,i){return[+(Math.cos(t)*i).toFixed(8),+(Math.sin(t)*i).toFixed(8)]},c=function(t,i){var e=-t/i;return[e,-e*t+i]},f=function(t,i,e,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-e).toFixed(8)>=a(180).toFixed(8)){var s=(n+e)/2;return r?(f(t,i,e,s,r),f(t,i,s,n,r)):(f(t,i,s,n,r),f(t,i,e,s,r)),!1}r||(e=(o=[n,e])[0],n=o[1]);var l=h(e,i),u=l[0],d=l[1],g=h(n,i),p=g[0],m=g[1],v=c(u,d),y=v[0],w=v[1],b=c(p,m),z=b[0],S=b[1],x=(S-w)/(y-z),I=(z*w-y*S)/(z-y);isNaN(x)&&(Math.abs(u)===+i.toFixed(8)&&(x=u),Math.abs(p)===+i.toFixed(8)&&(x=p)),y===1/0||y===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=y*x+w),t.lineTo(u,d),t.arcTo(x,I,p,m,i)},l=function(t,i,e,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(i+o,e),t.lineTo(i+o,e),t.lineTo(i+n-o,e),t.arcTo(i+n,e,i+n,e+o,o),t.lineTo(i+n,e+r-o),t.arcTo(i+n,e+r,i+n-o,e+r,o),t.lineTo(i+o,e+r),t.arcTo(i,e+r,i,e+r-o,o),t.lineTo(i,e+o),t.arcTo(i,e,i+o,e,o),t.closePath(),t.fill()},u=function(t,i,e,n){return t>=n&&(t=n),e*(t/=n)*t+i},d=function(t,i,e,n){return t>=n&&(t=n),-e*(t/=n)*(t-2)+i},g=function(t){function r(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return i(r,t),r.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},r.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return e({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return e({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},r.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.prizeImgs[r]&&t.prizeImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(i,e){var r=[];return e?i&&i.forEach((function(i,n){var o=[],s=e[n];s&&s.imgs?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var r=s.imgs[e];r&&t.btnImgs[n]&&t.btnImgs[n][e]?i.src!==r.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],r[n]=o})):r=i.map((function(t){return t.imgs})),t.init(n(new Array(t.prizes.length).fill(void 0),r))}))},r.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,s=e.ctx,a=e.dpr;if(n){r.width=r.height=n.offsetWidth*a,this.Radius=r.width/2,this.optimizeClarity(r,2*this.Radius,2*this.Radius),s.translate(this.Radius,this.Radius);var h=function(){i.draw(),r.onclick=function(t){var e;s.beginPath(),s.arc(0,0,i.maxBtnRadius,0,2*Math.PI,!1),s.isPointInPath(t.offsetX,t.offsetY)&&(i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t))}},c=0,f=0;o(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){f++,i.loadAndCacheImg(e,n,(function(){c++,f===c&&h.call(i)}))}))}))),f||h.call(this)}},r.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[i];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][i]=c,c.src=h.src,c.onload=function(){return e.call(n)}}}},r.prototype.computedWidthAndHeight=function(t,i,e,n){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var r=this.getWidth(i.width,e);return[r,t.height*(r/t.width)]}if(!i.width&&i.height){var o=this.getHeight(i.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(i.width,e),this.getHeight(i.height,n)]},r.prototype.draw=function(){var t=this,i=this,e=i.ctx,n=i.dpr,r=i._defaultConfig,o=i._defaultStyle;e.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(i,r){return e.beginPath(),e.fillStyle=r.background,e.arc(0,0,i,0,2*Math.PI,!1),e.fill(),i-t.getLength(r.padding.split(" ")[0])*n}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=a(this.prizeDeg);var c=a(-90+this.rotateDeg+r.offsetDegree),l=function(i){return t.getOffsetX(e.measureText(i).width)},u=function(i,e,r){var s=i.lineHeight||o.lineHeight||i.fontSize||o.fontSize;return t.getHeight(i.top,e)+(r+1)*t.getLength(s)*n};e.save(),this.prizes.forEach((function(i,d){var g=c+d*t.prizeRadian,p=t.prizeRadius-t.maxBtnRadius;!function(t,i,e,n,r,o,s){i||(i=o);var c=a(90/Math.PI/e*o),l=a(90/Math.PI/i*o),u=n+c,d=r-c,g=n+l,p=r-l;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,h(u,e)),f(t,e,u,d,!0),p>g?f(t,i,g,p,!1):t.lineTo.apply(t,h((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(e,t.maxBtnRadius,t.prizeRadius,g-t.prizeRadian/2,g+t.prizeRadian/2,t.getLength(r.gutter)*n,i.background||o.background||"rgba(0, 0, 0, 0)");var m=Math.cos(g)*t.prizeRadius,v=Math.sin(g)*t.prizeRadius;e.translate(m,v),e.rotate(g+a(90)),i.imgs&&i.imgs.forEach((function(i,n){if(t.prizeImgs[d]){var r=t.prizeImgs[d][n];if(r){var o=t.computedWidthAndHeight(r,i,t.prizeRadian*t.prizeRadius,p),s=o[0],a=o[1];e.drawImage(r,t.getOffsetX(s),t.getHeight(i.top,p),s,a)}}})),i.fonts&&i.fonts.forEach((function(i){var a=i.fontColor||o.fontColor,h=i.fontWeight||o.fontWeight,c=t.getLength(i.fontSize||o.fontSize),f=i.fontStyle||o.fontStyle;e.fillStyle=a,e.font=h+" "+c*n+"px "+f;var d=[],g=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:o.wordWrap){g=s(g);for(var m="",v=0;v<g.length;v++){m+=g[v];var y=e.measureText(m).width,w=(t.prizeRadius-u(i,p,d.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(r.gutter)*n;y>t.getWidth(i.lengthLimit||o.lengthLimit,w)&&(d.push(m.slice(0,-1)),m=g[v])}m&&d.push(m),d.length||d.push(g)}else d=g.split("\n");d.filter((function(t){return!!t})).forEach((function(t,n){e.fillText(t,l(t),u(i,p,n))}))})),e.rotate(a(360)-g-a(90)),e.translate(-m,-v)})),e.restore(),this.buttons.forEach((function(i,r){var s=t.getHeight(i.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,s),e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.arc(0,0,s,0,2*Math.PI,!1),e.fill(),i.pointer&&(e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.moveTo(-s,0),e.lineTo(s,0),e.lineTo(0,2*-s),e.closePath(),e.fill()),i.imgs&&i.imgs.forEach((function(n,o){if(t.btnImgs[r]){var a=t.btnImgs[r][o];if(a){var h=t.computedWidthAndHeight(a,n,2*t.getHeight(i.radius),2*t.getHeight(i.radius)),c=h[0],f=h[1];e.drawImage(a,t.getOffsetX(c),t.getHeight(n.top,s),c,f)}}})),i.fonts&&i.fonts.forEach((function(i){var r=i.fontColor||o.fontColor,a=i.fontWeight||o.fontWeight,h=t.getLength(i.fontSize||o.fontSize),c=i.fontStyle||o.fontStyle;e.fillStyle=r,e.font=a+" "+h*n+"px "+c,String(i.text).split("\n").forEach((function(t,n){e.fillText(t,l(t),u(i,s,n))}))}))}))},r.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},r.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},r.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.prizeFlag,n=i.prizeDeg,r=i.rotateDeg,o=i._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==e){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-e*n-r-o.offsetDegree;if(d(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+u(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},r.prototype.slowDown=function(){var t,i=this,n=i.prizes,r=i.prizeFlag,o=i.stopDeg,s=i.endDeg,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,e({},n.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=d(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},r.prototype.getLength=function(t){return o(t,"number")?t:o(t,"string")?this.changeUnits(t,{clean:!0}):0},r.prototype.getWidth=function(t,i){return void 0===i&&(i=this.prizeRadian*this.prizeRadius),o(t,"number")?t*this.dpr:o(t,"string")?this.changeUnits(t,{denominator:i}):0},r.prototype.getHeight=function(t,i){return void 0===i&&(i=this.prizeRadius),o(t,"number")?t*this.dpr:o(t,"string")?this.changeUnits(t,{denominator:i}):0},r.prototype.getOffsetX=function(t){return-t/2},r}(r),p=function(t){function r(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.boxWidth=0,n.boxHeight=0,n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return i(r,t),r.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},r.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var i=e({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return i.gutter=t.getLength(i.gutter)*t.dpr,i.speed=i.speed/40,i})),this.$computed(this,"_defaultStyle",(function(){return e({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return e({background:"#ffce98",shadow:""},t.activeStyle)}))},r.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.cellImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(i,e){var n=[],r=t.cols*t.rows-1;if(e&&e.imgs){if(i.imgs){var o=[];i.imgs.forEach((function(i,n){if(!e.imgs)return o[n]=i;var s=e.imgs[n];s&&t.cellImgs[r][n]?i.src!==s.src&&(o[n]=i):o[n]=i})),n[r]=o}}else n[r]=i.imgs;return t.init(n)}))},r.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,s=e.dpr;if(n){this.boxWidth=r.width=n.offsetWidth*s,this.boxHeight=r.height=n.offsetHeight*s,this.optimizeClarity(r,this.boxWidth,this.boxHeight);var a=function(){i.draw(),i.demo&&i.walk(),i.button&&(r.onclick=function(t){var e,n=i.getGeometricProperty([i.button.x,i.button.y,i.button.col||1,i.button.row||1]),r=n[0],o=n[1],s=n[2],a=n[3];if(t.offsetX<r||t.offsetY<o||t.offsetX>r+s||t.offsetY>o+a)return!1;i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t)})},h=0,c=0;o(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){c++,i.loadAndCacheImg(e,n,(function(){h++,c===h&&a.call(i)}))}))}))),c||a.call(this)}},r.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[i];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][i]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&e.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][i].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&e.call(n)}}}},r.prototype.computedWidthAndHeight=function(t,i,e){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var n=this.getWidth(i.width,e.col);return[n,t.height*(n/t.width)]}if(!i.width&&i.height){var r=this.getHeight(i.height,e.row);return[t.width*(r/t.height),r]}return[this.getWidth(i.width,e.col),this.getHeight(i.height,e.row)]},r.prototype.draw=function(){var t=this,i=this,e=i.ctx,r=i.dpr,a=i._defaultConfig,h=i._defaultStyle,c=i._activeStyle;e.clearRect(0,0,this.boxWidth,this.boxWidth),this.cells=n(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(i,n){var s=i.x,a=i.y,h=i.w,c=i.h,f=function(t){var i=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],e=0,n=0,r=0,s=0;switch(i.length){case 1:e=n=r=s=i[0];break;case 2:e=n=i[0],r=s=i[1];break;case 3:e=i[0],r=s=i[1],n=i[2];break;default:e=i[0],n=i[1],r=i[2],s=i[3]}var a={paddingTop:e,paddingBottom:n,paddingLeft:r,paddingRight:s};for(var h in a)a[h]=t.hasOwnProperty(h)&&o(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[e,n,r,s]}(n).map((function(t){return t*r})),u=f[0],d=f[1],g=f[2],p=f[3],m=n.borderRadius?t.getLength(n.borderRadius)*r:0;return l(e,s,a,h,c,m,t.handleBackground(s,a,h,c,n.background)),{x:s+g,y:a+u,w:h-g-p,h:c-u-d}}),{x:0,y:0,w:this.boxWidth,h:this.boxHeight}),this.cellWidth=(this.prizeArea.w-a.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-a.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(i,n){var o=t.getGeometricProperty([i.x,i.y,i.col,i.row]),a=o[0],f=o[1],u=o[2],d=o[3],g=n===t.currIndex%t.prizes.length>>0,p=(g?c.shadow:i.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,i){return i<3?Number(t)*r:t}));4===p.length&&(e.shadowColor=p[3],e.shadowOffsetX=p[0],e.shadowOffsetY=p[1],e.shadowBlur=p[2],p[0]>0?u-=p[0]:(u+=p[0],a-=p[0]),p[1]>0?d-=p[1]:(d+=p[1],f-=p[1])),l(e,a,f,u,d,t.getLength(i.borderRadius?i.borderRadius:h.borderRadius)*r,t.handleBackground(a,f,u,d,i.background,g)),e.shadowColor="rgba(255, 255, 255, 0)",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,i.imgs&&i.imgs.forEach((function(r,o){if(!t.cellImgs[n])return!1;var s=t.cellImgs[n][o];if(!s)return!1;var h=g&&s.activeImg||s.defaultImg,c=t.computedWidthAndHeight(h,r,i),l=c[0],u=c[1];e.drawImage(h,a+t.getOffsetX(l,i.col),f+t.getHeight(r.top,i.row),l,u)})),i.fonts&&i.fonts.forEach((function(n){var o=g&&c.fontStyle?c.fontStyle:n.fontStyle||h.fontStyle,l=g&&c.fontWeight?c.fontWeight:n.fontWeight||h.fontWeight,u=g&&c.fontSize?t.getLength(c.fontSize):t.getLength(n.fontSize||h.fontSize),d=g&&c.lineHeight?c.lineHeight:n.lineHeight||h.lineHeight||n.fontSize||h.fontSize;e.font=l+" "+u*r+"px "+o,e.fillStyle=g&&c.fontColor?c.fontColor:n.fontColor||h.fontColor;var p=[],m=String(n.text);if(n.hasOwnProperty("wordWrap")?n.wordWrap:h.wordWrap){m=s(m);for(var v="",y=0;y<m.length;y++){v+=m[y],e.measureText(v).width>t.getWidth(n.lengthLimit||h.lengthLimit,i.col)&&(p.push(v.slice(0,-1)),v=m[y])}v&&p.push(v),p.length||p.push(m)}else p=m.split("\n");p.forEach((function(o,s){e.fillText(o,a+t.getOffsetX(e.measureText(o).width,i.col),f+t.getHeight(n.top,i.row)+(s+1)*t.getLength(d)*r)}))}))}))},r.prototype.handleBackground=function(t,i,e,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,i,e,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[i,e+r,i+n,e+r-n*c(a-0)]:a>=45&&a<90?h=[i,e+r,i+n-r*c(a-45),e]:a>=90&&a<135?h=[i+n,e+r,i+n-r*c(a-90),e]:a>=135&&a<180?h=[i+n,e+r,i,e+n*c(a-135)]:a>=180&&a<225?h=[i+n,e,i,e+n*c(a-180)]:a>=225&&a<270?h=[i+n,e,i+r*c(a-225),e+r]:a>=270&&a<315?h=[i,e,i+r*c(a-270),e+r]:a>=315&&a<360&&(h=[i,e,i+n,e+r-n*c(a-315)])}else a.includes("top")?h=[i,e+r,i,e]:a.includes("bottom")?h=[i,e,i,e+r]:a.includes("left")?h=[i+n,e,i,e]:a.includes("right")&&(h=[i,e,i+n,e]);var f=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,i,e){var n=i.split(" ");return 1===n.length?t.addColorStop(e,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),f)}(a,t,i,e,n,r)),r},r.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},r.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},r.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.currIndex,n=i.prizes,r=i.prizeFlag,o=i.startTime,s=i._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=e;for(var h=0;++h;){var c=n.length*h+r-(e>>0);if(d(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(e+u(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},r.prototype.slowDown=function(){var t,i=this,n=i.prizes,r=i.prizeFlag,o=i.stopIndex,s=i.endIndex,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,e({},n.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.currIndex=d(h,o,s,a.decelerationTime)%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},r.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},r.prototype.getGeometricProperty=function(t){var i=t[0],e=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*i,this.prizeArea.y+(s+a)*e];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},r.prototype.getLength=function(t){return o(t,"number")?t:o(t,"string")?this.changeUnits(t,{clean:!0}):0},r.prototype.getWidth=function(t,i){return void 0===i&&(i=1),o(t,"number")?t*this.dpr:o(t,"string")?this.changeUnits(t,{denominator:this.cellWidth*i+this._defaultConfig.gutter*(i-1)}):0},r.prototype.getHeight=function(t,i){return void 0===i&&(i=1),o(t,"number")?t*this.dpr:o(t,"string")?this.changeUnits(t,{denominator:this.cellHeight*i+this._defaultConfig.gutter*(i-1)}):0},r.prototype.getOffsetX=function(t,i){return void 0===i&&(i=1),(this.cellWidth*i+this._defaultConfig.gutter*(i-1)-t)/2},r}(r);exports.LuckyGrid=p,exports.LuckyWheel=g;
+var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)};function e(e,i){function n(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}var i=function(){return(i=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function n(){for(var t=0,e=0,i=arguments.length;e<i;e++)t+=arguments[e].length;var n=Array(t),r=0;for(e=0;e<i;e++)for(var o=arguments[e],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var r=function(t){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return e.some((function(e){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===e}))},o=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},s=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayProto(),"string"==typeof t?t={el:t}:1===t.nodeType&&(t={el:"",divElement:t}),(t=t).el&&(t.divElement=document.querySelector(t.el)),t.divElement&&(t.width=t.divElement.offsetWidth,t.height=t.divElement.offsetHeight,t.canvasElement=document.createElement("canvas"),t.divElement.appendChild(t.canvasElement)),t.width&&(t.width=this.getLength(t.width)),t.height&&(t.height=this.getLength(t.height)),t.canvasElement&&(t.ctx=t.canvasElement.getContext("2d")),this.ctx=t.ctx,this.config=t,t.ctx&&t.width&&t.height}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+window.getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.zoomCanvas=function(){var t=this,e=t.config,i=t.ctx,n=t.dpr,r=e.divElement,o=e.canvasElement,s=function(t){return(t*n-t)/(t*n)*(n/2)*100};r&&o&&(e.width=r.offsetWidth,e.height=r.offsetHeight,o.width=e.width*n,o.height=e.height*n,o.style.width=o.width+"px",o.style.height=o.height+"px",o.style.transform="scale("+1/n+") translate(\n      "+-s(o.width)+"%, "+-s(o.height)+"%\n    )",i.scale(n,n))},t.prototype.getLength=function(t){return r(t,"number")?t:r(t,"string")?this.changeUnits(t):0},t.prototype.changeUnits=function(t,e){var i=this;return void 0===e&&(e=1),Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,n,r){switch(r){case"%":n*=e/100;break;case"px":n*=1;break;case"rem":n*=i.htmlFontSize;break;default:n*=1}return n})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var e=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(i){e.defineReactive(t,i,t[i])}))},t.prototype.defineReactive=function(t,e,i){var n=this;this.observer(i),Object.defineProperty(t,e,{get:function(){return i},set:function(t){var r=i;t!==i&&(i=t,n.observer(i),n.subs[e]&&n.subs[e].call(n,i,r),n.draw())}})},t.prototype.$set=function(t,e,i){t&&"object"==typeof t&&this.defineReactive(t,e,i)},t.prototype.$computed=function(t,e,i){var n=this;Object.defineProperty(t,e,{get:function(){return i.call(n)}})},t.prototype.$watch=function(t,e){this.subs[t]=e},t.prototype.resetArrayProto=function(){var t=this,e=Array.prototype,i=Object.create(e);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(r){i[r]=function(){var i;t.draw(),(i=e[r]).call.apply(i,n([this],Array.from(arguments)))}}))},t}(),a=function(t){return Math.PI/180*t},h=function(t,e){return[+(Math.cos(t)*e).toFixed(8),+(Math.sin(t)*e).toFixed(8)]},c=function(t,e){var i=-t/e;return[i,-i*t+e]},l=function(t,e,i,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-i).toFixed(8)>=a(180).toFixed(8)){var s=(n+i)/2;return r?(l(t,e,i,s,r),l(t,e,s,n,r)):(l(t,e,s,n,r),l(t,e,i,s,r)),!1}r||(i=(o=[n,i])[0],n=o[1]);var f=h(i,e),u=f[0],d=f[1],g=h(n,e),p=g[0],m=g[1],v=c(u,d),w=v[0],y=v[1],b=c(p,m),z=b[0],S=b[1],x=(S-y)/(w-z),I=(z*y-w*S)/(z-w);isNaN(x)&&(Math.abs(u)===+e.toFixed(8)&&(x=u),Math.abs(p)===+e.toFixed(8)&&(x=p)),w===1/0||w===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=w*x+y),t.lineTo(u,d),t.arcTo(x,I,p,m,e)},f=function(t,e,i,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(e+o,i),t.lineTo(e+o,i),t.lineTo(e+n-o,i),t.arcTo(e+n,i,e+n,i+o,o),t.lineTo(e+n,i+r-o),t.arcTo(e+n,i+r,e+n-o,i+r,o),t.lineTo(e+o,i+r),t.arcTo(e,i+r,e,i+r-o,o),t.lineTo(e,i+o),t.arcTo(e,i,e+o,i,o),t.closePath(),t.fill()},u=function(t,e,i,n){return t>=n&&(t=n),i*(t/=n)*t+e},d=function(t,e,i,n){return t>=n&&(t=n),-i*(t/=n)*(t-2)+e},g=function(t){function s(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return e(s,t),s.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},s.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return i({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return i({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},s.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.prizeImgs[r]&&t.prizeImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(e,i){var r=[];return i?e&&e.forEach((function(e,n){var o=[],s=i[n];s&&s.imgs?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var r=s.imgs[i];r&&t.btnImgs[n]&&t.btnImgs[n][i]?e.src!==r.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],r[n]=o})):r=e.map((function(t){return t.imgs})),t.init(n(new Array(t.prizes.length).fill(void 0),r))}))},s.prototype.init=function(t){var e=this,i=this.config,n=this.ctx;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas(),this.Radius=Math.min(i.width,i.height)/2,n.translate(this.Radius,this.Radius);var o=function(){e.draw(),i.canvasElement&&(i.canvasElement.onclick=function(t){var i;n.beginPath(),n.arc(0,0,e.maxBtnRadius,0,2*Math.PI,!1),n.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},s=0,a=0;r(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){a++,e.loadAndCacheImg(i,n,(function(){s++,a===s&&o.call(e)}))}))}))),a||o.call(this)},s.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[e];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][e]=c,c.src=h.src,c.onload=function(){return i.call(n)}}}},s.prototype.computedWidthAndHeight=function(t,e,i,n){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var r=this.getWidth(e.width,i);return[r,t.height*(r/t.width)]}if(!e.width&&e.height){var o=this.getHeight(e.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(e.width,i),this.getHeight(e.height,n)]},s.prototype.draw=function(){var t=this,e=this,i=e.ctx,n=e._defaultConfig,r=e._defaultStyle;i.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(e,n){return i.beginPath(),i.fillStyle=n.background,i.arc(0,0,e,0,2*Math.PI,!1),i.fill(),e-t.getLength(n.padding.split(" ")[0])}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=a(this.prizeDeg);var s=a(-90+this.rotateDeg+n.offsetDegree),c=function(e){return t.getOffsetX(i.measureText(e).width)},f=function(e,i,n){var o=e.lineHeight||r.lineHeight||e.fontSize||r.fontSize;return t.getHeight(e.top,i)+(n+1)*t.getLength(o)};i.save(),this.prizes.forEach((function(e,u){var d=s+u*t.prizeRadian,g=t.prizeRadius-t.maxBtnRadius;!function(t,e,i,n,r,o,s){e||(e=o);var c=a(90/Math.PI/i*o),f=a(90/Math.PI/e*o),u=n+c,d=r-c,g=n+f,p=r-f;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,h(u,i)),l(t,i,u,d,!0),p>g?l(t,e,g,p,!1):t.lineTo.apply(t,h((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(i,t.maxBtnRadius,t.prizeRadius,d-t.prizeRadian/2,d+t.prizeRadian/2,t.getLength(n.gutter),e.background||r.background||"rgba(0, 0, 0, 0)");var p=Math.cos(d)*t.prizeRadius,m=Math.sin(d)*t.prizeRadius;i.translate(p,m),i.rotate(d+a(90)),e.imgs&&e.imgs.forEach((function(e,n){if(t.prizeImgs[u]){var r=t.prizeImgs[u][n];if(r){var o=t.computedWidthAndHeight(r,e,t.prizeRadian*t.prizeRadius,g),s=o[0],a=o[1];i.drawImage(r,t.getOffsetX(s),t.getHeight(e.top,g),s,a)}}})),e.fonts&&e.fonts.forEach((function(e){var s=e.fontColor||r.fontColor,a=e.fontWeight||r.fontWeight,h=t.getLength(e.fontSize||r.fontSize),l=e.fontStyle||r.fontStyle;i.fillStyle=s,i.font=a+" "+h+"px "+l;var u=[],d=String(e.text);if(e.hasOwnProperty("wordWrap")?e.wordWrap:r.wordWrap){d=o(d);for(var p="",m=0;m<d.length;m++){p+=d[m];var v=i.measureText(p).width,w=(t.prizeRadius-f(e,g,u.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(n.gutter);v>t.getWidth(e.lengthLimit||r.lengthLimit,w)&&(u.push(p.slice(0,-1)),p=d[m])}p&&u.push(p),u.length||u.push(d)}else u=d.split("\n");u.filter((function(t){return!!t})).forEach((function(t,n){i.fillText(t,c(t),f(e,g,n))}))})),i.rotate(a(360)-d-a(90)),i.translate(-p,-m)})),i.restore(),this.buttons.forEach((function(e,n){var o=t.getHeight(e.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,o),i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.arc(0,0,o,0,2*Math.PI,!1),i.fill(),e.pointer&&(i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.moveTo(-o,0),i.lineTo(o,0),i.lineTo(0,2*-o),i.closePath(),i.fill()),e.imgs&&e.imgs.forEach((function(r,s){if(t.btnImgs[n]){var a=t.btnImgs[n][s];if(a){var h=t.computedWidthAndHeight(a,r,2*t.getHeight(e.radius),2*t.getHeight(e.radius)),c=h[0],l=h[1];i.drawImage(a,t.getOffsetX(c),t.getHeight(r.top,o),c,l)}}})),e.fonts&&e.fonts.forEach((function(e){var n=e.fontColor||r.fontColor,s=e.fontWeight||r.fontWeight,a=t.getLength(e.fontSize||r.fontSize),h=e.fontStyle||r.fontStyle;i.fillStyle=n,i.font=s+" "+a+"px "+h,String(e.text).split("\n").forEach((function(t,n){i.fillText(t,c(t),f(e,o,n))}))}))}))},s.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},s.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},s.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.prizeFlag,n=e.prizeDeg,r=e.rotateDeg,o=e._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==i){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-i*n-r-o.offsetDegree;if(d(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+u(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},s.prototype.slowDown=function(){var t,e=this,n=e.prizes,r=e.prizeFlag,o=e.stopDeg,s=e.endDeg,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,i({},n.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=d(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},s.prototype.getWidth=function(t,e){return void 0===e&&(e=this.prizeRadian*this.prizeRadius),r(t,"number")?t:r(t,"string")?this.changeUnits(t,e):0},s.prototype.getHeight=function(t,e){return void 0===e&&(e=this.prizeRadius),r(t,"number")?t:r(t,"string")?this.changeUnits(t,e):0},s.prototype.getOffsetX=function(t){return-t/2},s}(s),p=function(t){function s(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return e(s,t),s.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},s.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var e=i({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return e.gutter=t.getLength(e.gutter),e.speed=e.speed/40,e})),this.$computed(this,"_defaultStyle",(function(){return i({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return i({background:"#ffce98",shadow:""},t.activeStyle)}))},s.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.cellImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(e,i){var n=[],r=t.cols*t.rows-1;if(i&&i.imgs){if(e.imgs){var o=[];e.imgs.forEach((function(e,n){if(!i.imgs)return o[n]=e;var s=i.imgs[n];s&&t.cellImgs[r][n]?e.src!==s.src&&(o[n]=e):o[n]=e})),n[r]=o}}else n[r]=e.imgs;return t.init(n)}))},s.prototype.init=function(t){var e=this,i=this,n=i.config,o=i.ctx,s=i.button;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas();var a=function(){e.draw(),e.demo&&e.walk(),s&&n.canvasElement&&(n.canvasElement.onclick=function(t){var i,n=e.getGeometricProperty([s.x,s.y,s.col||1,s.row||1]),r=n[0],a=n[1],h=n[2],c=n[3];o.beginPath(),o.rect(r,a,h,c),o.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},h=0,c=0;r(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){c++,e.loadAndCacheImg(i,n,(function(){h++,c===h&&a.call(e)}))}))}))),c||a.call(this)},s.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[e];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][e]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&i.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][e].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&i.call(n)}}}},s.prototype.computedWidthAndHeight=function(t,e,i){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var n=this.getWidth(e.width,i.col);return[n,t.height*(n/t.width)]}if(!e.width&&e.height){var r=this.getHeight(e.height,i.row);return[t.width*(r/t.height),r]}return[this.getWidth(e.width,i.col),this.getHeight(e.height,i.row)]},s.prototype.draw=function(){var t=this,e=this,i=e.config,s=e.ctx,a=e._defaultConfig,h=e._defaultStyle,c=e._activeStyle;s.clearRect(0,0,i.width,i.height),this.cells=n(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(e,i){var n=e.x,o=e.y,a=e.w,h=e.h,c=function(t){var e=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],i=0,n=0,o=0,s=0;switch(e.length){case 1:i=n=o=s=e[0];break;case 2:i=n=e[0],o=s=e[1];break;case 3:i=e[0],o=s=e[1],n=e[2];break;default:i=e[0],n=e[1],o=e[2],s=e[3]}var a={paddingTop:i,paddingBottom:n,paddingLeft:o,paddingRight:s};for(var h in a)a[h]=t.hasOwnProperty(h)&&r(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[i,n,o,s]}(i).map((function(t){return~~t})),l=c[0],u=c[1],d=c[2],g=c[3],p=i.borderRadius?t.getLength(i.borderRadius):0;return f(s,n,o,a,h,p,t.handleBackground(n,o,a,h,i.background)),{x:n+d,y:o+l,w:a-d-g,h:h-l-u}}),{x:0,y:0,w:i.width,h:i.height}),this.cellWidth=(this.prizeArea.w-a.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-a.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(e,i){var n=t.getGeometricProperty([e.x,e.y,e.col,e.row]),r=n[0],a=n[1],l=n[2],u=n[3],d=i===t.currIndex%t.prizes.length>>0,g=(d?c.shadow:e.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,e){return e<3?Number(t):t}));4===g.length&&(s.shadowColor=g[3],s.shadowOffsetX=g[0],s.shadowOffsetY=g[1],s.shadowBlur=g[2],g[0]>0?l-=g[0]:(l+=g[0],r-=g[0]),g[1]>0?u-=g[1]:(u+=g[1],a-=g[1])),f(s,r,a,l,u,t.getLength(e.borderRadius?e.borderRadius:h.borderRadius),t.handleBackground(r,a,l,u,e.background,d)),s.shadowColor="rgba(255, 255, 255, 0)",s.shadowOffsetX=0,s.shadowOffsetY=0,s.shadowBlur=0,e.imgs&&e.imgs.forEach((function(n,o){if(!t.cellImgs[i])return!1;var h=t.cellImgs[i][o];if(!h)return!1;var c=d&&h.activeImg||h.defaultImg,l=t.computedWidthAndHeight(c,n,e),f=l[0],u=l[1];s.drawImage(c,r+t.getOffsetX(f,e.col),a+t.getHeight(n.top,e.row),f,u)})),e.fonts&&e.fonts.forEach((function(i){var n=d&&c.fontStyle?c.fontStyle:i.fontStyle||h.fontStyle,l=d&&c.fontWeight?c.fontWeight:i.fontWeight||h.fontWeight,f=d&&c.fontSize?t.getLength(c.fontSize):t.getLength(i.fontSize||h.fontSize),u=d&&c.lineHeight?c.lineHeight:i.lineHeight||h.lineHeight||i.fontSize||h.fontSize;s.font=l+" "+f+"px "+n,s.fillStyle=d&&c.fontColor?c.fontColor:i.fontColor||h.fontColor;var g=[],p=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:h.wordWrap){p=o(p);for(var m="",v=0;v<p.length;v++){m+=p[v],s.measureText(m).width>t.getWidth(i.lengthLimit||h.lengthLimit,e.col)&&(g.push(m.slice(0,-1)),m=p[v])}m&&g.push(m),g.length||g.push(p)}else g=p.split("\n");g.forEach((function(n,o){s.fillText(n,r+t.getOffsetX(s.measureText(n).width,e.col),a+t.getHeight(i.top,e.row)+(o+1)*t.getLength(u))}))}))}))},s.prototype.handleBackground=function(t,e,i,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,e,i,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[e,i+r,e+n,i+r-n*c(a-0)]:a>=45&&a<90?h=[e,i+r,e+n-r*c(a-45),i]:a>=90&&a<135?h=[e+n,i+r,e+n-r*c(a-90),i]:a>=135&&a<180?h=[e+n,i+r,e,i+n*c(a-135)]:a>=180&&a<225?h=[e+n,i,e,i+n*c(a-180)]:a>=225&&a<270?h=[e+n,i,e+r*c(a-225),i+r]:a>=270&&a<315?h=[e,i,e+r*c(a-270),i+r]:a>=315&&a<360&&(h=[e,i,e+n,i+r-n*c(a-315)])}else a.includes("top")?h=[e,i+r,e,i]:a.includes("bottom")?h=[e,i,e,i+r]:a.includes("left")?h=[e+n,i,e,i]:a.includes("right")&&(h=[e,i,e+n,i]);var l=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,e,i){var n=e.split(" ");return 1===n.length?t.addColorStop(i,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),l)}(a,t,e,i,n,r)),r},s.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},s.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},s.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.currIndex,n=e.prizes,r=e.prizeFlag,o=e.startTime,s=e._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=i;for(var h=0;++h;){var c=n.length*h+r-(i>>0);if(d(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(i+u(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},s.prototype.slowDown=function(){var t,e=this,n=e.prizes,r=e.prizeFlag,o=e.stopIndex,s=e.endIndex,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,i({},n.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.currIndex=d(h,o,s,a.decelerationTime)%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},s.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},s.prototype.getGeometricProperty=function(t){var e=t[0],i=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*e,this.prizeArea.y+(s+a)*i];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},s.prototype.getWidth=function(t,e){return void 0===e&&(e=1),r(t,"number")?t:r(t,"string")?this.changeUnits(t,this.cellWidth*e+this._defaultConfig.gutter*(e-1)):0},s.prototype.getHeight=function(t,e){return void 0===e&&(e=1),r(t,"number")?t:r(t,"string")?this.changeUnits(t,this.cellHeight*e+this._defaultConfig.gutter*(e-1)):0},s.prototype.getOffsetX=function(t,e){return void 0===e&&(e=1),(this.cellWidth*e+this._defaultConfig.gutter*(e-1)-t)/2},s}(s);exports.LuckyGrid=p,exports.LuckyWheel=g;

dist/lucky-canvas.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).LuckyCanvas={})}(this,(function(t){"use strict";
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).LuckyCanvas={})}(this,(function(t){"use strict";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation.
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])})(t,e)};function e(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var n=function(){return(n=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t}).apply(this,arguments)};function r(){for(var t=0,i=0,e=arguments.length;i<e;i++)t+=arguments[i].length;var n=Array(t),r=0;for(i=0;i<e;i++)for(var o=arguments[i],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var o=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayPropo(),this.box="string"==typeof t?document.querySelector(t):t,this.canvas=document.createElement("canvas"),this.box.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d")}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.optimizeClarity=function(t,i,e){var n=this.dpr,r=function(t){return(t*n-t)/(t*n)*(n/2)*100};t.style.width=i+"px",t.style.height=e+"px",t.style.transform="scale("+1/n+") translate(\n      "+-r(i)+"%, "+-r(e)+"%\n    )"},t.prototype.changeUnits=function(t,i){var e=this,n=i.denominator,r=void 0===n?1:n,o=i.clean,s=void 0!==o&&o;return Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,i,n){switch(n){case"%":i*=r/100;break;case"px":i*=1;break;case"rem":i*=e.htmlFontSize;break;default:i*=1}return s||"%"===n?i:i*e.dpr})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var i=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(e){i.defineReactive(t,e,t[e])}))},t.prototype.defineReactive=function(t,i,e){var n=this;this.observer(e),Object.defineProperty(t,i,{get:function(){return e},set:function(t){var r=e;t!==e&&(e=t,n.observer(e),n.subs[i]&&n.subs[i].call(n,e,r),n.draw())}})},t.prototype.$set=function(t,i,e){t&&"object"==typeof t&&this.defineReactive(t,i,e)},t.prototype.$computed=function(t,i,e){var n=this;Object.defineProperty(t,i,{get:function(){return e.call(n)}})},t.prototype.$watch=function(t,i){this.subs[t]=i},t.prototype.resetArrayPropo=function(){var t=this,i=Array.prototype,e=Object.create(i);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(n){e[n]=function(){var e;t.draw(),(e=i[n]).call.apply(e,r([this],Array.from(arguments)))}}))},t}(),s=function(t){for(var i=[],e=1;e<arguments.length;e++)i[e-1]=arguments[e];return i.some((function(i){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===i}))},a=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},h=function(t){return Math.PI/180*t},c=function(t,i){return[+(Math.cos(t)*i).toFixed(8),+(Math.sin(t)*i).toFixed(8)]},f=function(t,i){var e=-t/i;return[e,-e*t+i]},l=function(t,i,e,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-e).toFixed(8)>=h(180).toFixed(8)){var s=(n+e)/2;return r?(l(t,i,e,s,r),l(t,i,s,n,r)):(l(t,i,s,n,r),l(t,i,e,s,r)),!1}r||(e=(o=[n,e])[0],n=o[1]);var a=c(e,i),u=a[0],d=a[1],g=c(n,i),p=g[0],m=g[1],v=f(u,d),y=v[0],w=v[1],b=f(p,m),z=b[0],S=b[1],x=(S-w)/(y-z),I=(z*w-y*S)/(z-y);isNaN(x)&&(Math.abs(u)===+i.toFixed(8)&&(x=u),Math.abs(p)===+i.toFixed(8)&&(x=p)),y===1/0||y===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=y*x+w),t.lineTo(u,d),t.arcTo(x,I,p,m,i)},u=function(t,i,e,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(i+o,e),t.lineTo(i+o,e),t.lineTo(i+n-o,e),t.arcTo(i+n,e,i+n,e+o,o),t.lineTo(i+n,e+r-o),t.arcTo(i+n,e+r,i+n-o,e+r,o),t.lineTo(i+o,e+r),t.arcTo(i,e+r,i,e+r-o,o),t.lineTo(i,e+o),t.arcTo(i,e,i+o,e,o),t.closePath(),t.fill()},d=function(t,i,e,n){return t>=n&&(t=n),e*(t/=n)*t+i},g=function(t,i,e,n){return t>=n&&(t=n),-e*(t/=n)*(t-2)+i},p=function(t){function i(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return e(i,t),i.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},i.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return n({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return n({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},i.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.prizeImgs[r]&&t.prizeImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s&&s.imgs?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.btnImgs[r]&&t.btnImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(r(new Array(t.prizes.length).fill(void 0),n))}))},i.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,o=e.ctx,a=e.dpr;if(n){r.width=r.height=n.offsetWidth*a,this.Radius=r.width/2,this.optimizeClarity(r,2*this.Radius,2*this.Radius),o.translate(this.Radius,this.Radius);var h=function(){i.draw(),r.onclick=function(t){var e;o.beginPath(),o.arc(0,0,i.maxBtnRadius,0,2*Math.PI,!1),o.isPointInPath(t.offsetX,t.offsetY)&&(i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t))}},c=0,f=0;s(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){f++,i.loadAndCacheImg(e,n,(function(){c++,f===c&&h.call(i)}))}))}))),f||h.call(this)}},i.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[i];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][i]=c,c.src=h.src,c.onload=function(){return e.call(n)}}}},i.prototype.computedWidthAndHeight=function(t,i,e,n){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var r=this.getWidth(i.width,e);return[r,t.height*(r/t.width)]}if(!i.width&&i.height){var o=this.getHeight(i.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(i.width,e),this.getHeight(i.height,n)]},i.prototype.draw=function(){var t=this,i=this,e=i.ctx,n=i.dpr,r=i._defaultConfig,o=i._defaultStyle;e.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(i,r){return e.beginPath(),e.fillStyle=r.background,e.arc(0,0,i,0,2*Math.PI,!1),e.fill(),i-t.getLength(r.padding.split(" ")[0])*n}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=h(this.prizeDeg);var s=h(-90+this.rotateDeg+r.offsetDegree),f=function(i){return t.getOffsetX(e.measureText(i).width)},u=function(i,e,r){var s=i.lineHeight||o.lineHeight||i.fontSize||o.fontSize;return t.getHeight(i.top,e)+(r+1)*t.getLength(s)*n};e.save(),this.prizes.forEach((function(i,d){var g=s+d*t.prizeRadian,p=t.prizeRadius-t.maxBtnRadius;!function(t,i,e,n,r,o,s){i||(i=o);var a=h(90/Math.PI/e*o),f=h(90/Math.PI/i*o),u=n+a,d=r-a,g=n+f,p=r-f;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,c(u,e)),l(t,e,u,d,!0),p>g?l(t,i,g,p,!1):t.lineTo.apply(t,c((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(e,t.maxBtnRadius,t.prizeRadius,g-t.prizeRadian/2,g+t.prizeRadian/2,t.getLength(r.gutter)*n,i.background||o.background||"rgba(0, 0, 0, 0)");var m=Math.cos(g)*t.prizeRadius,v=Math.sin(g)*t.prizeRadius;e.translate(m,v),e.rotate(g+h(90)),i.imgs&&i.imgs.forEach((function(i,n){if(t.prizeImgs[d]){var r=t.prizeImgs[d][n];if(r){var o=t.computedWidthAndHeight(r,i,t.prizeRadian*t.prizeRadius,p),s=o[0],a=o[1];e.drawImage(r,t.getOffsetX(s),t.getHeight(i.top,p),s,a)}}})),i.fonts&&i.fonts.forEach((function(i){var s=i.fontColor||o.fontColor,h=i.fontWeight||o.fontWeight,c=t.getLength(i.fontSize||o.fontSize),l=i.fontStyle||o.fontStyle;e.fillStyle=s,e.font=h+" "+c*n+"px "+l;var d=[],g=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:o.wordWrap){g=a(g);for(var m="",v=0;v<g.length;v++){m+=g[v];var y=e.measureText(m).width,w=(t.prizeRadius-u(i,p,d.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(r.gutter)*n;y>t.getWidth(i.lengthLimit||o.lengthLimit,w)&&(d.push(m.slice(0,-1)),m=g[v])}m&&d.push(m),d.length||d.push(g)}else d=g.split("\n");d.filter((function(t){return!!t})).forEach((function(t,n){e.fillText(t,f(t),u(i,p,n))}))})),e.rotate(h(360)-g-h(90)),e.translate(-m,-v)})),e.restore(),this.buttons.forEach((function(i,r){var s=t.getHeight(i.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,s),e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.arc(0,0,s,0,2*Math.PI,!1),e.fill(),i.pointer&&(e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.moveTo(-s,0),e.lineTo(s,0),e.lineTo(0,2*-s),e.closePath(),e.fill()),i.imgs&&i.imgs.forEach((function(n,o){if(t.btnImgs[r]){var a=t.btnImgs[r][o];if(a){var h=t.computedWidthAndHeight(a,n,2*t.getHeight(i.radius),2*t.getHeight(i.radius)),c=h[0],f=h[1];e.drawImage(a,t.getOffsetX(c),t.getHeight(n.top,s),c,f)}}})),i.fonts&&i.fonts.forEach((function(i){var r=i.fontColor||o.fontColor,a=i.fontWeight||o.fontWeight,h=t.getLength(i.fontSize||o.fontSize),c=i.fontStyle||o.fontStyle;e.fillStyle=r,e.font=a+" "+h*n+"px "+c,String(i.text).split("\n").forEach((function(t,n){e.fillText(t,f(t),u(i,s,n))}))}))}))},i.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},i.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},i.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.prizeFlag,n=i.prizeDeg,r=i.rotateDeg,o=i._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==e){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-e*n-r-o.offsetDegree;if(g(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+d(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},i.prototype.slowDown=function(){var t,i=this,e=i.prizes,r=i.prizeFlag,o=i.stopDeg,s=i.endDeg,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},e.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=g(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},i.prototype.getLength=function(t){return s(t,"number")?t:s(t,"string")?this.changeUnits(t,{clean:!0}):0},i.prototype.getWidth=function(t,i){return void 0===i&&(i=this.prizeRadian*this.prizeRadius),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:i}):0},i.prototype.getHeight=function(t,i){return void 0===i&&(i=this.prizeRadius),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:i}):0},i.prototype.getOffsetX=function(t){return-t/2},i}(o),m=function(t){function i(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.boxWidth=0,n.boxHeight=0,n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return e(i,t),i.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},i.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var i=n({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return i.gutter=t.getLength(i.gutter)*t.dpr,i.speed=i.speed/40,i})),this.$computed(this,"_defaultStyle",(function(){return n({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return n({background:"#ffce98",shadow:""},t.activeStyle)}))},i.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.cellImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(i,e){var n=[],r=t.cols*t.rows-1;if(e&&e.imgs){if(i.imgs){var o=[];i.imgs.forEach((function(i,n){if(!e.imgs)return o[n]=i;var s=e.imgs[n];s&&t.cellImgs[r][n]?i.src!==s.src&&(o[n]=i):o[n]=i})),n[r]=o}}else n[r]=i.imgs;return t.init(n)}))},i.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,o=e.dpr;if(n){this.boxWidth=r.width=n.offsetWidth*o,this.boxHeight=r.height=n.offsetHeight*o,this.optimizeClarity(r,this.boxWidth,this.boxHeight);var a=function(){i.draw(),i.demo&&i.walk(),i.button&&(r.onclick=function(t){var e,n=i.getGeometricProperty([i.button.x,i.button.y,i.button.col||1,i.button.row||1]),r=n[0],o=n[1],s=n[2],a=n[3];if(t.offsetX<r||t.offsetY<o||t.offsetX>r+s||t.offsetY>o+a)return!1;i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t)})},h=0,c=0;s(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){c++,i.loadAndCacheImg(e,n,(function(){h++,c===h&&a.call(i)}))}))}))),c||a.call(this)}},i.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[i];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][i]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&e.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][i].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&e.call(n)}}}},i.prototype.computedWidthAndHeight=function(t,i,e){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var n=this.getWidth(i.width,e.col);return[n,t.height*(n/t.width)]}if(!i.width&&i.height){var r=this.getHeight(i.height,e.row);return[t.width*(r/t.height),r]}return[this.getWidth(i.width,e.col),this.getHeight(i.height,e.row)]},i.prototype.draw=function(){var t=this,i=this,e=i.ctx,n=i.dpr,o=i._defaultConfig,h=i._defaultStyle,c=i._activeStyle;e.clearRect(0,0,this.boxWidth,this.boxWidth),this.cells=r(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(i,r){var o=i.x,a=i.y,h=i.w,c=i.h,f=function(t){var i=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],e=0,n=0,r=0,o=0;switch(i.length){case 1:e=n=r=o=i[0];break;case 2:e=n=i[0],r=o=i[1];break;case 3:e=i[0],r=o=i[1],n=i[2];break;default:e=i[0],n=i[1],r=i[2],o=i[3]}var a={paddingTop:e,paddingBottom:n,paddingLeft:r,paddingRight:o};for(var h in a)a[h]=t.hasOwnProperty(h)&&s(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[e,n,r,o]}(r).map((function(t){return t*n})),l=f[0],d=f[1],g=f[2],p=f[3],m=r.borderRadius?t.getLength(r.borderRadius)*n:0;return u(e,o,a,h,c,m,t.handleBackground(o,a,h,c,r.background)),{x:o+g,y:a+l,w:h-g-p,h:c-l-d}}),{x:0,y:0,w:this.boxWidth,h:this.boxHeight}),this.cellWidth=(this.prizeArea.w-o.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-o.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(i,r){var o=t.getGeometricProperty([i.x,i.y,i.col,i.row]),s=o[0],f=o[1],l=o[2],d=o[3],g=r===t.currIndex%t.prizes.length>>0,p=(g?c.shadow:i.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,i){return i<3?Number(t)*n:t}));4===p.length&&(e.shadowColor=p[3],e.shadowOffsetX=p[0],e.shadowOffsetY=p[1],e.shadowBlur=p[2],p[0]>0?l-=p[0]:(l+=p[0],s-=p[0]),p[1]>0?d-=p[1]:(d+=p[1],f-=p[1])),u(e,s,f,l,d,t.getLength(i.borderRadius?i.borderRadius:h.borderRadius)*n,t.handleBackground(s,f,l,d,i.background,g)),e.shadowColor="rgba(255, 255, 255, 0)",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,i.imgs&&i.imgs.forEach((function(n,o){if(!t.cellImgs[r])return!1;var a=t.cellImgs[r][o];if(!a)return!1;var h=g&&a.activeImg||a.defaultImg,c=t.computedWidthAndHeight(h,n,i),l=c[0],u=c[1];e.drawImage(h,s+t.getOffsetX(l,i.col),f+t.getHeight(n.top,i.row),l,u)})),i.fonts&&i.fonts.forEach((function(r){var o=g&&c.fontStyle?c.fontStyle:r.fontStyle||h.fontStyle,l=g&&c.fontWeight?c.fontWeight:r.fontWeight||h.fontWeight,u=g&&c.fontSize?t.getLength(c.fontSize):t.getLength(r.fontSize||h.fontSize),d=g&&c.lineHeight?c.lineHeight:r.lineHeight||h.lineHeight||r.fontSize||h.fontSize;e.font=l+" "+u*n+"px "+o,e.fillStyle=g&&c.fontColor?c.fontColor:r.fontColor||h.fontColor;var p=[],m=String(r.text);if(r.hasOwnProperty("wordWrap")?r.wordWrap:h.wordWrap){m=a(m);for(var v="",y=0;y<m.length;y++){v+=m[y],e.measureText(v).width>t.getWidth(r.lengthLimit||h.lengthLimit,i.col)&&(p.push(v.slice(0,-1)),v=m[y])}v&&p.push(v),p.length||p.push(m)}else p=m.split("\n");p.forEach((function(o,a){e.fillText(o,s+t.getOffsetX(e.measureText(o).width,i.col),f+t.getHeight(r.top,i.row)+(a+1)*t.getLength(d)*n)}))}))}))},i.prototype.handleBackground=function(t,i,e,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,i,e,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[i,e+r,i+n,e+r-n*c(a-0)]:a>=45&&a<90?h=[i,e+r,i+n-r*c(a-45),e]:a>=90&&a<135?h=[i+n,e+r,i+n-r*c(a-90),e]:a>=135&&a<180?h=[i+n,e+r,i,e+n*c(a-135)]:a>=180&&a<225?h=[i+n,e,i,e+n*c(a-180)]:a>=225&&a<270?h=[i+n,e,i+r*c(a-225),e+r]:a>=270&&a<315?h=[i,e,i+r*c(a-270),e+r]:a>=315&&a<360&&(h=[i,e,i+n,e+r-n*c(a-315)])}else a.includes("top")?h=[i,e+r,i,e]:a.includes("bottom")?h=[i,e,i,e+r]:a.includes("left")?h=[i+n,e,i,e]:a.includes("right")&&(h=[i,e,i+n,e]);var f=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,i,e){var n=i.split(" ");return 1===n.length?t.addColorStop(e,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),f)}(a,t,i,e,n,r)),r},i.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},i.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},i.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.currIndex,n=i.prizes,r=i.prizeFlag,o=i.startTime,s=i._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=e;for(var h=0;++h;){var c=n.length*h+r-(e>>0);if(g(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(e+d(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},i.prototype.slowDown=function(){var t,i=this,e=i.prizes,r=i.prizeFlag,o=i.stopIndex,s=i.endIndex,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},e.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.currIndex=g(h,o,s,a.decelerationTime)%e.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},i.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},i.prototype.getGeometricProperty=function(t){var i=t[0],e=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*i,this.prizeArea.y+(s+a)*e];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},i.prototype.getLength=function(t){return s(t,"number")?t:s(t,"string")?this.changeUnits(t,{clean:!0}):0},i.prototype.getWidth=function(t,i){return void 0===i&&(i=1),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:this.cellWidth*i+this._defaultConfig.gutter*(i-1)}):0},i.prototype.getHeight=function(t,i){return void 0===i&&(i=1),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:this.cellHeight*i+this._defaultConfig.gutter*(i-1)}):0},i.prototype.getOffsetX=function(t,i){return void 0===i&&(i=1),(this.cellWidth*i+this._defaultConfig.gutter*(i-1)-t)/2},i}(o);t.LuckyGrid=m,t.LuckyWheel=p,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,i)};function i(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}var n=function(){return(n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function r(){for(var t=0,e=0,i=arguments.length;e<i;e++)t+=arguments[e].length;var n=Array(t),r=0;for(e=0;e<i;e++)for(var o=arguments[e],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var o=function(t){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return e.some((function(e){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===e}))},s=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},a=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayProto(),"string"==typeof t?t={el:t}:1===t.nodeType&&(t={el:"",divElement:t}),(t=t).el&&(t.divElement=document.querySelector(t.el)),t.divElement&&(t.width=t.divElement.offsetWidth,t.height=t.divElement.offsetHeight,t.canvasElement=document.createElement("canvas"),t.divElement.appendChild(t.canvasElement)),t.width&&(t.width=this.getLength(t.width)),t.height&&(t.height=this.getLength(t.height)),t.canvasElement&&(t.ctx=t.canvasElement.getContext("2d")),this.ctx=t.ctx,this.config=t,t.ctx&&t.width&&t.height}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+window.getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.zoomCanvas=function(){var t=this,e=t.config,i=t.ctx,n=t.dpr,r=e.divElement,o=e.canvasElement,s=function(t){return(t*n-t)/(t*n)*(n/2)*100};r&&o&&(e.width=r.offsetWidth,e.height=r.offsetHeight,o.width=e.width*n,o.height=e.height*n,o.style.width=o.width+"px",o.style.height=o.height+"px",o.style.transform="scale("+1/n+") translate(\n      "+-s(o.width)+"%, "+-s(o.height)+"%\n    )",i.scale(n,n))},t.prototype.getLength=function(t){return o(t,"number")?t:o(t,"string")?this.changeUnits(t):0},t.prototype.changeUnits=function(t,e){var i=this;return void 0===e&&(e=1),Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,n,r){switch(r){case"%":n*=e/100;break;case"px":n*=1;break;case"rem":n*=i.htmlFontSize;break;default:n*=1}return n})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var e=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(i){e.defineReactive(t,i,t[i])}))},t.prototype.defineReactive=function(t,e,i){var n=this;this.observer(i),Object.defineProperty(t,e,{get:function(){return i},set:function(t){var r=i;t!==i&&(i=t,n.observer(i),n.subs[e]&&n.subs[e].call(n,i,r),n.draw())}})},t.prototype.$set=function(t,e,i){t&&"object"==typeof t&&this.defineReactive(t,e,i)},t.prototype.$computed=function(t,e,i){var n=this;Object.defineProperty(t,e,{get:function(){return i.call(n)}})},t.prototype.$watch=function(t,e){this.subs[t]=e},t.prototype.resetArrayProto=function(){var t=this,e=Array.prototype,i=Object.create(e);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(n){i[n]=function(){var i;t.draw(),(i=e[n]).call.apply(i,r([this],Array.from(arguments)))}}))},t}(),h=function(t){return Math.PI/180*t},c=function(t,e){return[+(Math.cos(t)*e).toFixed(8),+(Math.sin(t)*e).toFixed(8)]},l=function(t,e){var i=-t/e;return[i,-i*t+e]},f=function(t,e,i,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-i).toFixed(8)>=h(180).toFixed(8)){var s=(n+i)/2;return r?(f(t,e,i,s,r),f(t,e,s,n,r)):(f(t,e,s,n,r),f(t,e,i,s,r)),!1}r||(i=(o=[n,i])[0],n=o[1]);var a=c(i,e),u=a[0],d=a[1],g=c(n,e),p=g[0],m=g[1],v=l(u,d),y=v[0],w=v[1],b=l(p,m),z=b[0],S=b[1],x=(S-w)/(y-z),I=(z*w-y*S)/(z-y);isNaN(x)&&(Math.abs(u)===+e.toFixed(8)&&(x=u),Math.abs(p)===+e.toFixed(8)&&(x=p)),y===1/0||y===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=y*x+w),t.lineTo(u,d),t.arcTo(x,I,p,m,e)},u=function(t,e,i,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(e+o,i),t.lineTo(e+o,i),t.lineTo(e+n-o,i),t.arcTo(e+n,i,e+n,i+o,o),t.lineTo(e+n,i+r-o),t.arcTo(e+n,i+r,e+n-o,i+r,o),t.lineTo(e+o,i+r),t.arcTo(e,i+r,e,i+r-o,o),t.lineTo(e,i+o),t.arcTo(e,i,e+o,i,o),t.closePath(),t.fill()},d=function(t,e,i,n){return t>=n&&(t=n),i*(t/=n)*t+e},g=function(t,e,i,n){return t>=n&&(t=n),-i*(t/=n)*(t-2)+e},p=function(t){function e(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return i(e,t),e.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},e.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return n({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return n({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},e.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.prizeImgs[r]&&t.prizeImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s&&s.imgs?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.btnImgs[r]&&t.btnImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(r(new Array(t.prizes.length).fill(void 0),n))}))},e.prototype.init=function(t){var e=this,i=this.config,n=this.ctx;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas(),this.Radius=Math.min(i.width,i.height)/2,n.translate(this.Radius,this.Radius);var r=function(){e.draw(),i.canvasElement&&(i.canvasElement.onclick=function(t){var i;n.beginPath(),n.arc(0,0,e.maxBtnRadius,0,2*Math.PI,!1),n.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},s=0,a=0;o(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){a++,e.loadAndCacheImg(i,n,(function(){s++,a===s&&r.call(e)}))}))}))),a||r.call(this)},e.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[e];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][e]=c,c.src=h.src,c.onload=function(){return i.call(n)}}}},e.prototype.computedWidthAndHeight=function(t,e,i,n){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var r=this.getWidth(e.width,i);return[r,t.height*(r/t.width)]}if(!e.width&&e.height){var o=this.getHeight(e.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(e.width,i),this.getHeight(e.height,n)]},e.prototype.draw=function(){var t=this,e=this,i=e.ctx,n=e._defaultConfig,r=e._defaultStyle;i.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(e,n){return i.beginPath(),i.fillStyle=n.background,i.arc(0,0,e,0,2*Math.PI,!1),i.fill(),e-t.getLength(n.padding.split(" ")[0])}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=h(this.prizeDeg);var o=h(-90+this.rotateDeg+n.offsetDegree),a=function(e){return t.getOffsetX(i.measureText(e).width)},l=function(e,i,n){var o=e.lineHeight||r.lineHeight||e.fontSize||r.fontSize;return t.getHeight(e.top,i)+(n+1)*t.getLength(o)};i.save(),this.prizes.forEach((function(e,u){var d=o+u*t.prizeRadian,g=t.prizeRadius-t.maxBtnRadius;!function(t,e,i,n,r,o,s){e||(e=o);var a=h(90/Math.PI/i*o),l=h(90/Math.PI/e*o),u=n+a,d=r-a,g=n+l,p=r-l;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,c(u,i)),f(t,i,u,d,!0),p>g?f(t,e,g,p,!1):t.lineTo.apply(t,c((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(i,t.maxBtnRadius,t.prizeRadius,d-t.prizeRadian/2,d+t.prizeRadian/2,t.getLength(n.gutter),e.background||r.background||"rgba(0, 0, 0, 0)");var p=Math.cos(d)*t.prizeRadius,m=Math.sin(d)*t.prizeRadius;i.translate(p,m),i.rotate(d+h(90)),e.imgs&&e.imgs.forEach((function(e,n){if(t.prizeImgs[u]){var r=t.prizeImgs[u][n];if(r){var o=t.computedWidthAndHeight(r,e,t.prizeRadian*t.prizeRadius,g),s=o[0],a=o[1];i.drawImage(r,t.getOffsetX(s),t.getHeight(e.top,g),s,a)}}})),e.fonts&&e.fonts.forEach((function(e){var o=e.fontColor||r.fontColor,h=e.fontWeight||r.fontWeight,c=t.getLength(e.fontSize||r.fontSize),f=e.fontStyle||r.fontStyle;i.fillStyle=o,i.font=h+" "+c+"px "+f;var u=[],d=String(e.text);if(e.hasOwnProperty("wordWrap")?e.wordWrap:r.wordWrap){d=s(d);for(var p="",m=0;m<d.length;m++){p+=d[m];var v=i.measureText(p).width,y=(t.prizeRadius-l(e,g,u.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(n.gutter);v>t.getWidth(e.lengthLimit||r.lengthLimit,y)&&(u.push(p.slice(0,-1)),p=d[m])}p&&u.push(p),u.length||u.push(d)}else u=d.split("\n");u.filter((function(t){return!!t})).forEach((function(t,n){i.fillText(t,a(t),l(e,g,n))}))})),i.rotate(h(360)-d-h(90)),i.translate(-p,-m)})),i.restore(),this.buttons.forEach((function(e,n){var o=t.getHeight(e.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,o),i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.arc(0,0,o,0,2*Math.PI,!1),i.fill(),e.pointer&&(i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.moveTo(-o,0),i.lineTo(o,0),i.lineTo(0,2*-o),i.closePath(),i.fill()),e.imgs&&e.imgs.forEach((function(r,s){if(t.btnImgs[n]){var a=t.btnImgs[n][s];if(a){var h=t.computedWidthAndHeight(a,r,2*t.getHeight(e.radius),2*t.getHeight(e.radius)),c=h[0],l=h[1];i.drawImage(a,t.getOffsetX(c),t.getHeight(r.top,o),c,l)}}})),e.fonts&&e.fonts.forEach((function(e){var n=e.fontColor||r.fontColor,s=e.fontWeight||r.fontWeight,h=t.getLength(e.fontSize||r.fontSize),c=e.fontStyle||r.fontStyle;i.fillStyle=n,i.font=s+" "+h+"px "+c,String(e.text).split("\n").forEach((function(t,n){i.fillText(t,a(t),l(e,o,n))}))}))}))},e.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},e.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},e.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.prizeFlag,n=e.prizeDeg,r=e.rotateDeg,o=e._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==i){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-i*n-r-o.offsetDegree;if(g(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+d(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},e.prototype.slowDown=function(){var t,e=this,i=e.prizes,r=e.prizeFlag,o=e.stopDeg,s=e.endDeg,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},i.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=g(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},e.prototype.getWidth=function(t,e){return void 0===e&&(e=this.prizeRadian*this.prizeRadius),o(t,"number")?t:o(t,"string")?this.changeUnits(t,e):0},e.prototype.getHeight=function(t,e){return void 0===e&&(e=this.prizeRadius),o(t,"number")?t:o(t,"string")?this.changeUnits(t,e):0},e.prototype.getOffsetX=function(t){return-t/2},e}(a),m=function(t){function e(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return i(e,t),e.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},e.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var e=n({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return e.gutter=t.getLength(e.gutter),e.speed=e.speed/40,e})),this.$computed(this,"_defaultStyle",(function(){return n({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return n({background:"#ffce98",shadow:""},t.activeStyle)}))},e.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.cellImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(e,i){var n=[],r=t.cols*t.rows-1;if(i&&i.imgs){if(e.imgs){var o=[];e.imgs.forEach((function(e,n){if(!i.imgs)return o[n]=e;var s=i.imgs[n];s&&t.cellImgs[r][n]?e.src!==s.src&&(o[n]=e):o[n]=e})),n[r]=o}}else n[r]=e.imgs;return t.init(n)}))},e.prototype.init=function(t){var e=this,i=this,n=i.config,r=i.ctx,s=i.button;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas();var a=function(){e.draw(),e.demo&&e.walk(),s&&n.canvasElement&&(n.canvasElement.onclick=function(t){var i,n=e.getGeometricProperty([s.x,s.y,s.col||1,s.row||1]),o=n[0],a=n[1],h=n[2],c=n[3];r.beginPath(),r.rect(o,a,h,c),r.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},h=0,c=0;o(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){c++,e.loadAndCacheImg(i,n,(function(){h++,c===h&&a.call(e)}))}))}))),c||a.call(this)},e.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[e];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][e]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&i.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][e].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&i.call(n)}}}},e.prototype.computedWidthAndHeight=function(t,e,i){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var n=this.getWidth(e.width,i.col);return[n,t.height*(n/t.width)]}if(!e.width&&e.height){var r=this.getHeight(e.height,i.row);return[t.width*(r/t.height),r]}return[this.getWidth(e.width,i.col),this.getHeight(e.height,i.row)]},e.prototype.draw=function(){var t=this,e=this,i=e.config,n=e.ctx,a=e._defaultConfig,h=e._defaultStyle,c=e._activeStyle;n.clearRect(0,0,i.width,i.height),this.cells=r(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(e,i){var r=e.x,s=e.y,a=e.w,h=e.h,c=function(t){var e=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],i=0,n=0,r=0,s=0;switch(e.length){case 1:i=n=r=s=e[0];break;case 2:i=n=e[0],r=s=e[1];break;case 3:i=e[0],r=s=e[1],n=e[2];break;default:i=e[0],n=e[1],r=e[2],s=e[3]}var a={paddingTop:i,paddingBottom:n,paddingLeft:r,paddingRight:s};for(var h in a)a[h]=t.hasOwnProperty(h)&&o(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[i,n,r,s]}(i).map((function(t){return~~t})),l=c[0],f=c[1],d=c[2],g=c[3],p=i.borderRadius?t.getLength(i.borderRadius):0;return u(n,r,s,a,h,p,t.handleBackground(r,s,a,h,i.background)),{x:r+d,y:s+l,w:a-d-g,h:h-l-f}}),{x:0,y:0,w:i.width,h:i.height}),this.cellWidth=(this.prizeArea.w-a.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-a.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(e,i){var r=t.getGeometricProperty([e.x,e.y,e.col,e.row]),o=r[0],a=r[1],l=r[2],f=r[3],d=i===t.currIndex%t.prizes.length>>0,g=(d?c.shadow:e.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,e){return e<3?Number(t):t}));4===g.length&&(n.shadowColor=g[3],n.shadowOffsetX=g[0],n.shadowOffsetY=g[1],n.shadowBlur=g[2],g[0]>0?l-=g[0]:(l+=g[0],o-=g[0]),g[1]>0?f-=g[1]:(f+=g[1],a-=g[1])),u(n,o,a,l,f,t.getLength(e.borderRadius?e.borderRadius:h.borderRadius),t.handleBackground(o,a,l,f,e.background,d)),n.shadowColor="rgba(255, 255, 255, 0)",n.shadowOffsetX=0,n.shadowOffsetY=0,n.shadowBlur=0,e.imgs&&e.imgs.forEach((function(r,s){if(!t.cellImgs[i])return!1;var h=t.cellImgs[i][s];if(!h)return!1;var c=d&&h.activeImg||h.defaultImg,l=t.computedWidthAndHeight(c,r,e),f=l[0],u=l[1];n.drawImage(c,o+t.getOffsetX(f,e.col),a+t.getHeight(r.top,e.row),f,u)})),e.fonts&&e.fonts.forEach((function(i){var r=d&&c.fontStyle?c.fontStyle:i.fontStyle||h.fontStyle,l=d&&c.fontWeight?c.fontWeight:i.fontWeight||h.fontWeight,f=d&&c.fontSize?t.getLength(c.fontSize):t.getLength(i.fontSize||h.fontSize),u=d&&c.lineHeight?c.lineHeight:i.lineHeight||h.lineHeight||i.fontSize||h.fontSize;n.font=l+" "+f+"px "+r,n.fillStyle=d&&c.fontColor?c.fontColor:i.fontColor||h.fontColor;var g=[],p=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:h.wordWrap){p=s(p);for(var m="",v=0;v<p.length;v++){m+=p[v],n.measureText(m).width>t.getWidth(i.lengthLimit||h.lengthLimit,e.col)&&(g.push(m.slice(0,-1)),m=p[v])}m&&g.push(m),g.length||g.push(p)}else g=p.split("\n");g.forEach((function(r,s){n.fillText(r,o+t.getOffsetX(n.measureText(r).width,e.col),a+t.getHeight(i.top,e.row)+(s+1)*t.getLength(u))}))}))}))},e.prototype.handleBackground=function(t,e,i,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,e,i,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[e,i+r,e+n,i+r-n*c(a-0)]:a>=45&&a<90?h=[e,i+r,e+n-r*c(a-45),i]:a>=90&&a<135?h=[e+n,i+r,e+n-r*c(a-90),i]:a>=135&&a<180?h=[e+n,i+r,e,i+n*c(a-135)]:a>=180&&a<225?h=[e+n,i,e,i+n*c(a-180)]:a>=225&&a<270?h=[e+n,i,e+r*c(a-225),i+r]:a>=270&&a<315?h=[e,i,e+r*c(a-270),i+r]:a>=315&&a<360&&(h=[e,i,e+n,i+r-n*c(a-315)])}else a.includes("top")?h=[e,i+r,e,i]:a.includes("bottom")?h=[e,i,e,i+r]:a.includes("left")?h=[e+n,i,e,i]:a.includes("right")&&(h=[e,i,e+n,i]);var l=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,e,i){var n=e.split(" ");return 1===n.length?t.addColorStop(i,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),l)}(a,t,e,i,n,r)),r},e.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},e.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},e.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.currIndex,n=e.prizes,r=e.prizeFlag,o=e.startTime,s=e._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=i;for(var h=0;++h;){var c=n.length*h+r-(i>>0);if(g(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(i+d(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},e.prototype.slowDown=function(){var t,e=this,i=e.prizes,r=e.prizeFlag,o=e.stopIndex,s=e.endIndex,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},i.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.currIndex=g(h,o,s,a.decelerationTime)%i.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},e.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},e.prototype.getGeometricProperty=function(t){var e=t[0],i=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*e,this.prizeArea.y+(s+a)*i];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},e.prototype.getWidth=function(t,e){return void 0===e&&(e=1),o(t,"number")?t:o(t,"string")?this.changeUnits(t,this.cellWidth*e+this._defaultConfig.gutter*(e-1)):0},e.prototype.getHeight=function(t,e){return void 0===e&&(e=1),o(t,"number")?t:o(t,"string")?this.changeUnits(t,this.cellHeight*e+this._defaultConfig.gutter*(e-1)):0},e.prototype.getOffsetX=function(t,e){return void 0===e&&(e=1),(this.cellWidth*e+this._defaultConfig.gutter*(e-1)-t)/2},e}(a);t.LuckyGrid=m,t.LuckyWheel=p,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "lucky-canvas",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "一个基于原生 js 的（大转盘抽奖 / 九宫格抽奖）插件",
@@ -5,0 +5,0 @@ "main": "index.js",

umd.min.js

@@ -1,2 +0,2 @@
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).LuckyCanvas={})}(this,(function(t){"use strict";
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).LuckyCanvas={})}(this,(function(t){"use strict";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation.
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var i=function(t,e){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])})(t,e)};function e(t,e){function n(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var n=function(){return(n=Object.assign||function(t){for(var i,e=1,n=arguments.length;e<n;e++)for(var r in i=arguments[e])Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);return t}).apply(this,arguments)};function r(){for(var t=0,i=0,e=arguments.length;i<e;i++)t+=arguments[i].length;var n=Array(t),r=0;for(i=0;i<e;i++)for(var o=arguments[i],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var o=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayPropo(),this.box="string"==typeof t?document.querySelector(t):t,this.canvas=document.createElement("canvas"),this.box.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d")}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.optimizeClarity=function(t,i,e){var n=this.dpr,r=function(t){return(t*n-t)/(t*n)*(n/2)*100};t.style.width=i+"px",t.style.height=e+"px",t.style.transform="scale("+1/n+") translate(\n      "+-r(i)+"%, "+-r(e)+"%\n    )"},t.prototype.changeUnits=function(t,i){var e=this,n=i.denominator,r=void 0===n?1:n,o=i.clean,s=void 0!==o&&o;return Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,i,n){switch(n){case"%":i*=r/100;break;case"px":i*=1;break;case"rem":i*=e.htmlFontSize;break;default:i*=1}return s||"%"===n?i:i*e.dpr})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var i=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(e){i.defineReactive(t,e,t[e])}))},t.prototype.defineReactive=function(t,i,e){var n=this;this.observer(e),Object.defineProperty(t,i,{get:function(){return e},set:function(t){var r=e;t!==e&&(e=t,n.observer(e),n.subs[i]&&n.subs[i].call(n,e,r),n.draw())}})},t.prototype.$set=function(t,i,e){t&&"object"==typeof t&&this.defineReactive(t,i,e)},t.prototype.$computed=function(t,i,e){var n=this;Object.defineProperty(t,i,{get:function(){return e.call(n)}})},t.prototype.$watch=function(t,i){this.subs[t]=i},t.prototype.resetArrayPropo=function(){var t=this,i=Array.prototype,e=Object.create(i);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(n){e[n]=function(){var e;t.draw(),(e=i[n]).call.apply(e,r([this],Array.from(arguments)))}}))},t}(),s=function(t){for(var i=[],e=1;e<arguments.length;e++)i[e-1]=arguments[e];return i.some((function(i){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===i}))},a=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},h=function(t){return Math.PI/180*t},c=function(t,i){return[+(Math.cos(t)*i).toFixed(8),+(Math.sin(t)*i).toFixed(8)]},f=function(t,i){var e=-t/i;return[e,-e*t+i]},l=function(t,i,e,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-e).toFixed(8)>=h(180).toFixed(8)){var s=(n+e)/2;return r?(l(t,i,e,s,r),l(t,i,s,n,r)):(l(t,i,s,n,r),l(t,i,e,s,r)),!1}r||(e=(o=[n,e])[0],n=o[1]);var a=c(e,i),u=a[0],d=a[1],g=c(n,i),p=g[0],m=g[1],v=f(u,d),y=v[0],w=v[1],b=f(p,m),z=b[0],S=b[1],x=(S-w)/(y-z),I=(z*w-y*S)/(z-y);isNaN(x)&&(Math.abs(u)===+i.toFixed(8)&&(x=u),Math.abs(p)===+i.toFixed(8)&&(x=p)),y===1/0||y===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=y*x+w),t.lineTo(u,d),t.arcTo(x,I,p,m,i)},u=function(t,i,e,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(i+o,e),t.lineTo(i+o,e),t.lineTo(i+n-o,e),t.arcTo(i+n,e,i+n,e+o,o),t.lineTo(i+n,e+r-o),t.arcTo(i+n,e+r,i+n-o,e+r,o),t.lineTo(i+o,e+r),t.arcTo(i,e+r,i,e+r-o,o),t.lineTo(i,e+o),t.arcTo(i,e,i+o,e,o),t.closePath(),t.fill()},d=function(t,i,e,n){return t>=n&&(t=n),e*(t/=n)*t+i},g=function(t,i,e,n){return t>=n&&(t=n),-e*(t/=n)*(t-2)+i},p=function(t){function i(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return e(i,t),i.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},i.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return n({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return n({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},i.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.prizeImgs[r]&&t.prizeImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s&&s.imgs?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.btnImgs[r]&&t.btnImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(r(new Array(t.prizes.length).fill(void 0),n))}))},i.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,o=e.ctx,a=e.dpr;if(n){r.width=r.height=n.offsetWidth*a,this.Radius=r.width/2,this.optimizeClarity(r,2*this.Radius,2*this.Radius),o.translate(this.Radius,this.Radius);var h=function(){i.draw(),r.onclick=function(t){var e;o.beginPath(),o.arc(0,0,i.maxBtnRadius,0,2*Math.PI,!1),o.isPointInPath(t.offsetX,t.offsetY)&&(i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t))}},c=0,f=0;s(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){f++,i.loadAndCacheImg(e,n,(function(){c++,f===c&&h.call(i)}))}))}))),f||h.call(this)}},i.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[i];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][i]=c,c.src=h.src,c.onload=function(){return e.call(n)}}}},i.prototype.computedWidthAndHeight=function(t,i,e,n){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var r=this.getWidth(i.width,e);return[r,t.height*(r/t.width)]}if(!i.width&&i.height){var o=this.getHeight(i.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(i.width,e),this.getHeight(i.height,n)]},i.prototype.draw=function(){var t=this,i=this,e=i.ctx,n=i.dpr,r=i._defaultConfig,o=i._defaultStyle;e.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(i,r){return e.beginPath(),e.fillStyle=r.background,e.arc(0,0,i,0,2*Math.PI,!1),e.fill(),i-t.getLength(r.padding.split(" ")[0])*n}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=h(this.prizeDeg);var s=h(-90+this.rotateDeg+r.offsetDegree),f=function(i){return t.getOffsetX(e.measureText(i).width)},u=function(i,e,r){var s=i.lineHeight||o.lineHeight||i.fontSize||o.fontSize;return t.getHeight(i.top,e)+(r+1)*t.getLength(s)*n};e.save(),this.prizes.forEach((function(i,d){var g=s+d*t.prizeRadian,p=t.prizeRadius-t.maxBtnRadius;!function(t,i,e,n,r,o,s){i||(i=o);var a=h(90/Math.PI/e*o),f=h(90/Math.PI/i*o),u=n+a,d=r-a,g=n+f,p=r-f;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,c(u,e)),l(t,e,u,d,!0),p>g?l(t,i,g,p,!1):t.lineTo.apply(t,c((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(e,t.maxBtnRadius,t.prizeRadius,g-t.prizeRadian/2,g+t.prizeRadian/2,t.getLength(r.gutter)*n,i.background||o.background||"rgba(0, 0, 0, 0)");var m=Math.cos(g)*t.prizeRadius,v=Math.sin(g)*t.prizeRadius;e.translate(m,v),e.rotate(g+h(90)),i.imgs&&i.imgs.forEach((function(i,n){if(t.prizeImgs[d]){var r=t.prizeImgs[d][n];if(r){var o=t.computedWidthAndHeight(r,i,t.prizeRadian*t.prizeRadius,p),s=o[0],a=o[1];e.drawImage(r,t.getOffsetX(s),t.getHeight(i.top,p),s,a)}}})),i.fonts&&i.fonts.forEach((function(i){var s=i.fontColor||o.fontColor,h=i.fontWeight||o.fontWeight,c=t.getLength(i.fontSize||o.fontSize),l=i.fontStyle||o.fontStyle;e.fillStyle=s,e.font=h+" "+c*n+"px "+l;var d=[],g=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:o.wordWrap){g=a(g);for(var m="",v=0;v<g.length;v++){m+=g[v];var y=e.measureText(m).width,w=(t.prizeRadius-u(i,p,d.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(r.gutter)*n;y>t.getWidth(i.lengthLimit||o.lengthLimit,w)&&(d.push(m.slice(0,-1)),m=g[v])}m&&d.push(m),d.length||d.push(g)}else d=g.split("\n");d.filter((function(t){return!!t})).forEach((function(t,n){e.fillText(t,f(t),u(i,p,n))}))})),e.rotate(h(360)-g-h(90)),e.translate(-m,-v)})),e.restore(),this.buttons.forEach((function(i,r){var s=t.getHeight(i.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,s),e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.arc(0,0,s,0,2*Math.PI,!1),e.fill(),i.pointer&&(e.beginPath(),e.fillStyle=i.background||"rgba(0, 0, 0, 0)",e.moveTo(-s,0),e.lineTo(s,0),e.lineTo(0,2*-s),e.closePath(),e.fill()),i.imgs&&i.imgs.forEach((function(n,o){if(t.btnImgs[r]){var a=t.btnImgs[r][o];if(a){var h=t.computedWidthAndHeight(a,n,2*t.getHeight(i.radius),2*t.getHeight(i.radius)),c=h[0],f=h[1];e.drawImage(a,t.getOffsetX(c),t.getHeight(n.top,s),c,f)}}})),i.fonts&&i.fonts.forEach((function(i){var r=i.fontColor||o.fontColor,a=i.fontWeight||o.fontWeight,h=t.getLength(i.fontSize||o.fontSize),c=i.fontStyle||o.fontStyle;e.fillStyle=r,e.font=a+" "+h*n+"px "+c,String(i.text).split("\n").forEach((function(t,n){e.fillText(t,f(t),u(i,s,n))}))}))}))},i.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},i.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},i.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.prizeFlag,n=i.prizeDeg,r=i.rotateDeg,o=i._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==e){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-e*n-r-o.offsetDegree;if(g(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+d(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},i.prototype.slowDown=function(){var t,i=this,e=i.prizes,r=i.prizeFlag,o=i.stopDeg,s=i.endDeg,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},e.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=g(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},i.prototype.getLength=function(t){return s(t,"number")?t:s(t,"string")?this.changeUnits(t,{clean:!0}):0},i.prototype.getWidth=function(t,i){return void 0===i&&(i=this.prizeRadian*this.prizeRadius),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:i}):0},i.prototype.getHeight=function(t,i){return void 0===i&&(i=this.prizeRadius),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:i}):0},i.prototype.getOffsetX=function(t){return-t/2},i}(o),m=function(t){function i(i,e){void 0===e&&(e={});var n=t.call(this,i)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.boxWidth=0,n.boxHeight=0,n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(e),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return e(i,t),i.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},i.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var i=n({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return i.gutter=t.getLength(i.gutter)*t.dpr,i.speed=i.speed/40,i})),this.$computed(this,"_defaultStyle",(function(){return n({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return n({background:"#ffce98",shadow:""},t.activeStyle)}))},i.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(i,e){var n=[];return e?i&&i.forEach((function(i,r){var o=[],s=e[r];s?i.imgs&&i.imgs.forEach((function(i,e){if(!s.imgs)return o[e]=i;var n=s.imgs[e];n&&t.cellImgs[r][e]?i.src!==n.src&&(o[e]=i):o[e]=i})):o=i.imgs||[],n[r]=o})):n=i.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(i,e){var n=[],r=t.cols*t.rows-1;if(e&&e.imgs){if(i.imgs){var o=[];i.imgs.forEach((function(i,n){if(!e.imgs)return o[n]=i;var s=e.imgs[n];s&&t.cellImgs[r][n]?i.src!==s.src&&(o[n]=i):o[n]=i})),n[r]=o}}else n[r]=i.imgs;return t.init(n)}))},i.prototype.init=function(t){var i=this;this.setDpr(),this.setHTMLFontSize();var e=this,n=e.box,r=e.canvas,o=e.dpr;if(n){this.boxWidth=r.width=n.offsetWidth*o,this.boxHeight=r.height=n.offsetHeight*o,this.optimizeClarity(r,this.boxWidth,this.boxHeight);var a=function(){i.draw(),i.demo&&i.walk(),i.button&&(r.onclick=function(t){var e,n=i.getGeometricProperty([i.button.x,i.button.y,i.button.col||1,i.button.row||1]),r=n[0],o=n[1],s=n[2],a=n[3];if(t.offsetX<r||t.offsetY<o||t.offsetX>r+s||t.offsetY>o+a)return!1;i.startTime||null===(e=i.startCallback)||void 0===e||e.call(i,t)})},h=0,c=0;s(t,"array")&&(this.draw(),t.forEach((function(t,e){if(!t)return!1;t.forEach((function(t,n){c++,i.loadAndCacheImg(e,n,(function(){h++,c===h&&a.call(i)}))}))}))),c||a.call(this)}},i.prototype.loadAndCacheImg=function(t,i,e){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[i];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][i]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&e.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][i].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&e.call(n)}}}},i.prototype.computedWidthAndHeight=function(t,i,e){if(!i.width&&!i.height)return[t.width,t.height];if(i.width&&!i.height){var n=this.getWidth(i.width,e.col);return[n,t.height*(n/t.width)]}if(!i.width&&i.height){var r=this.getHeight(i.height,e.row);return[t.width*(r/t.height),r]}return[this.getWidth(i.width,e.col),this.getHeight(i.height,e.row)]},i.prototype.draw=function(){var t=this,i=this,e=i.ctx,n=i.dpr,o=i._defaultConfig,h=i._defaultStyle,c=i._activeStyle;e.clearRect(0,0,this.boxWidth,this.boxWidth),this.cells=r(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(i,r){var o=i.x,a=i.y,h=i.w,c=i.h,f=function(t){var i=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],e=0,n=0,r=0,o=0;switch(i.length){case 1:e=n=r=o=i[0];break;case 2:e=n=i[0],r=o=i[1];break;case 3:e=i[0],r=o=i[1],n=i[2];break;default:e=i[0],n=i[1],r=i[2],o=i[3]}var a={paddingTop:e,paddingBottom:n,paddingLeft:r,paddingRight:o};for(var h in a)a[h]=t.hasOwnProperty(h)&&s(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[e,n,r,o]}(r).map((function(t){return t*n})),l=f[0],d=f[1],g=f[2],p=f[3],m=r.borderRadius?t.getLength(r.borderRadius)*n:0;return u(e,o,a,h,c,m,t.handleBackground(o,a,h,c,r.background)),{x:o+g,y:a+l,w:h-g-p,h:c-l-d}}),{x:0,y:0,w:this.boxWidth,h:this.boxHeight}),this.cellWidth=(this.prizeArea.w-o.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-o.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(i,r){var o=t.getGeometricProperty([i.x,i.y,i.col,i.row]),s=o[0],f=o[1],l=o[2],d=o[3],g=r===t.currIndex%t.prizes.length>>0,p=(g?c.shadow:i.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,i){return i<3?Number(t)*n:t}));4===p.length&&(e.shadowColor=p[3],e.shadowOffsetX=p[0],e.shadowOffsetY=p[1],e.shadowBlur=p[2],p[0]>0?l-=p[0]:(l+=p[0],s-=p[0]),p[1]>0?d-=p[1]:(d+=p[1],f-=p[1])),u(e,s,f,l,d,t.getLength(i.borderRadius?i.borderRadius:h.borderRadius)*n,t.handleBackground(s,f,l,d,i.background,g)),e.shadowColor="rgba(255, 255, 255, 0)",e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,i.imgs&&i.imgs.forEach((function(n,o){if(!t.cellImgs[r])return!1;var a=t.cellImgs[r][o];if(!a)return!1;var h=g&&a.activeImg||a.defaultImg,c=t.computedWidthAndHeight(h,n,i),l=c[0],u=c[1];e.drawImage(h,s+t.getOffsetX(l,i.col),f+t.getHeight(n.top,i.row),l,u)})),i.fonts&&i.fonts.forEach((function(r){var o=g&&c.fontStyle?c.fontStyle:r.fontStyle||h.fontStyle,l=g&&c.fontWeight?c.fontWeight:r.fontWeight||h.fontWeight,u=g&&c.fontSize?t.getLength(c.fontSize):t.getLength(r.fontSize||h.fontSize),d=g&&c.lineHeight?c.lineHeight:r.lineHeight||h.lineHeight||r.fontSize||h.fontSize;e.font=l+" "+u*n+"px "+o,e.fillStyle=g&&c.fontColor?c.fontColor:r.fontColor||h.fontColor;var p=[],m=String(r.text);if(r.hasOwnProperty("wordWrap")?r.wordWrap:h.wordWrap){m=a(m);for(var v="",y=0;y<m.length;y++){v+=m[y],e.measureText(v).width>t.getWidth(r.lengthLimit||h.lengthLimit,i.col)&&(p.push(v.slice(0,-1)),v=m[y])}v&&p.push(v),p.length||p.push(m)}else p=m.split("\n");p.forEach((function(o,a){e.fillText(o,s+t.getOffsetX(e.measureText(o).width,i.col),f+t.getHeight(r.top,i.row)+(a+1)*t.getLength(d)*n)}))}))}))},i.prototype.handleBackground=function(t,i,e,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,i,e,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[i,e+r,i+n,e+r-n*c(a-0)]:a>=45&&a<90?h=[i,e+r,i+n-r*c(a-45),e]:a>=90&&a<135?h=[i+n,e+r,i+n-r*c(a-90),e]:a>=135&&a<180?h=[i+n,e+r,i,e+n*c(a-135)]:a>=180&&a<225?h=[i+n,e,i,e+n*c(a-180)]:a>=225&&a<270?h=[i+n,e,i+r*c(a-225),e+r]:a>=270&&a<315?h=[i,e,i+r*c(a-270),e+r]:a>=315&&a<360&&(h=[i,e,i+n,e+r-n*c(a-315)])}else a.includes("top")?h=[i,e+r,i,e]:a.includes("bottom")?h=[i,e,i,e+r]:a.includes("left")?h=[i+n,e,i,e]:a.includes("right")&&(h=[i,e,i+n,e]);var f=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,i,e){var n=i.split(" ");return 1===n.length?t.addColorStop(e,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),f)}(a,t,i,e,n,r)),r},i.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},i.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},i.prototype.run=function(t){void 0===t&&(t=0);var i=this,e=i.currIndex,n=i.prizes,r=i.prizeFlag,o=i.startTime,s=i._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=e;for(var h=0;++h;){var c=n.length*h+r-(e>>0);if(g(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(e+d(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},i.prototype.slowDown=function(){var t,i=this,e=i.prizes,r=i.prizeFlag,o=i.stopIndex,s=i.endIndex,a=i._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},e.find((function(t,i){return i===r})))),cancelAnimationFrame(this.animationId);this.currIndex=g(h,o,s,a.decelerationTime)%e.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},i.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},i.prototype.getGeometricProperty=function(t){var i=t[0],e=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*i,this.prizeArea.y+(s+a)*e];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},i.prototype.getLength=function(t){return s(t,"number")?t:s(t,"string")?this.changeUnits(t,{clean:!0}):0},i.prototype.getWidth=function(t,i){return void 0===i&&(i=1),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:this.cellWidth*i+this._defaultConfig.gutter*(i-1)}):0},i.prototype.getHeight=function(t,i){return void 0===i&&(i=1),s(t,"number")?t*this.dpr:s(t,"string")?this.changeUnits(t,{denominator:this.cellHeight*i+this._defaultConfig.gutter*(i-1)}):0},i.prototype.getOffsetX=function(t,i){return void 0===i&&(i=1),(this.cellWidth*i+this._defaultConfig.gutter*(i-1)-t)/2},i}(o);t.LuckyGrid=m,t.LuckyWheel=p,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */var e=function(t,i){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,i)};function i(t,i){function n(){this.constructor=t}e(t,i),t.prototype=null===i?Object.create(i):(n.prototype=i.prototype,new n)}var n=function(){return(n=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var r in e=arguments[i])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function r(){for(var t=0,e=0,i=arguments.length;e<i;e++)t+=arguments[e].length;var n=Array(t),r=0;for(e=0;e<i;e++)for(var o=arguments[e],s=0,a=o.length;s<a;s++,r++)n[r]=o[s];return n}var o=function(t){for(var e=[],i=1;i<arguments.length;i++)e[i-1]=arguments[i];return e.some((function(e){return Object.prototype.toString.call(t).slice(8,-1).toLowerCase()===e}))},s=function(t){return[].filter.call(t,(function(t){return"\n"!==t})).join("")},a=function(){function t(t){this.htmlFontSize=16,this.dpr=1,this.subs={},this.setDpr(),this.setHTMLFontSize(),this.resetArrayProto(),"string"==typeof t?t={el:t}:1===t.nodeType&&(t={el:"",divElement:t}),(t=t).el&&(t.divElement=document.querySelector(t.el)),t.divElement&&(t.width=t.divElement.offsetWidth,t.height=t.divElement.offsetHeight,t.canvasElement=document.createElement("canvas"),t.divElement.appendChild(t.canvasElement)),t.width&&(t.width=this.getLength(t.width)),t.height&&(t.height=this.getLength(t.height)),t.canvasElement&&(t.ctx=t.canvasElement.getContext("2d")),this.ctx=t.ctx,this.config=t,t.ctx&&t.width&&t.height}return t.prototype.setDpr=function(){window.dpr=this.dpr=1.3*(window.devicePixelRatio||2)},t.prototype.setHTMLFontSize=function(){this.htmlFontSize=+window.getComputedStyle(document.documentElement).fontSize.slice(0,-2)},t.prototype.zoomCanvas=function(){var t=this,e=t.config,i=t.ctx,n=t.dpr,r=e.divElement,o=e.canvasElement,s=function(t){return(t*n-t)/(t*n)*(n/2)*100};r&&o&&(e.width=r.offsetWidth,e.height=r.offsetHeight,o.width=e.width*n,o.height=e.height*n,o.style.width=o.width+"px",o.style.height=o.height+"px",o.style.transform="scale("+1/n+") translate(\n      "+-s(o.width)+"%, "+-s(o.height)+"%\n    )",i.scale(n,n))},t.prototype.getLength=function(t){return o(t,"number")?t:o(t,"string")?this.changeUnits(t):0},t.prototype.changeUnits=function(t,e){var i=this;return void 0===e&&(e=1),Number(t.replace(/^(\-*[0-9.]*)([a-z%]*)$/,(function(t,n,r){switch(r){case"%":n*=e/100;break;case"px":n*=1;break;case"rem":n*=i.htmlFontSize;break;default:n*=1}return n})))},t.prototype.draw=function(){},t.prototype.observer=function(t){var e=this;t&&"object"==typeof t&&Object.keys(t).forEach((function(i){e.defineReactive(t,i,t[i])}))},t.prototype.defineReactive=function(t,e,i){var n=this;this.observer(i),Object.defineProperty(t,e,{get:function(){return i},set:function(t){var r=i;t!==i&&(i=t,n.observer(i),n.subs[e]&&n.subs[e].call(n,i,r),n.draw())}})},t.prototype.$set=function(t,e,i){t&&"object"==typeof t&&this.defineReactive(t,e,i)},t.prototype.$computed=function(t,e,i){var n=this;Object.defineProperty(t,e,{get:function(){return i.call(n)}})},t.prototype.$watch=function(t,e){this.subs[t]=e},t.prototype.resetArrayProto=function(){var t=this,e=Array.prototype,i=Object.create(e);["push","pop","shift","unshift","sort","splice","reverse"].forEach((function(n){i[n]=function(){var i;t.draw(),(i=e[n]).call.apply(i,r([this],Array.from(arguments)))}}))},t}(),h=function(t){return Math.PI/180*t},c=function(t,e){return[+(Math.cos(t)*e).toFixed(8),+(Math.sin(t)*e).toFixed(8)]},l=function(t,e){var i=-t/e;return[i,-i*t+e]},f=function(t,e,i,n,r){var o;if(void 0===r&&(r=!0),Math.abs(n-i).toFixed(8)>=h(180).toFixed(8)){var s=(n+i)/2;return r?(f(t,e,i,s,r),f(t,e,s,n,r)):(f(t,e,s,n,r),f(t,e,i,s,r)),!1}r||(i=(o=[n,i])[0],n=o[1]);var a=c(i,e),u=a[0],d=a[1],g=c(n,e),p=g[0],m=g[1],v=l(u,d),y=v[0],w=v[1],b=l(p,m),z=b[0],S=b[1],x=(S-w)/(y-z),I=(z*w-y*S)/(z-y);isNaN(x)&&(Math.abs(u)===+e.toFixed(8)&&(x=u),Math.abs(p)===+e.toFixed(8)&&(x=p)),y===1/0||y===-1/0?I=z*x+S:z!==1/0&&z!==-1/0||(I=y*x+w),t.lineTo(u,d),t.arcTo(x,I,p,m,e)},u=function(t,e,i,n,r,o,s){var a=Math.min(n,r);o>a/2&&(o=a/2),t.beginPath(),t.fillStyle=s,t.moveTo(e+o,i),t.lineTo(e+o,i),t.lineTo(e+n-o,i),t.arcTo(e+n,i,e+n,i+o,o),t.lineTo(e+n,i+r-o),t.arcTo(e+n,i+r,e+n-o,i+r,o),t.lineTo(e+o,i+r),t.arcTo(e,i+r,e,i+r-o,o),t.lineTo(e,i+o),t.arcTo(e,i,e+o,i,o),t.closePath(),t.fill()},d=function(t,e,i,n){return t>=n&&(t=n),i*(t/=n)*t+e},g=function(t,e,i,n){return t>=n&&(t=n),-i*(t/=n)*(t-2)+e},p=function(t){function e(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.blocks=[],n.prizes=[],n.buttons=[],n.defaultConfig={},n._defaultConfig={gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",wordWrap:!0,lengthLimit:"90%"},n.Radius=0,n.prizeRadius=0,n.prizeDeg=0,n.prizeRadian=0,n.rotateDeg=0,n.maxBtnRadius=0,n.startTime=0,n.endTime=0,n.stopDeg=0,n.endDeg=0,n.animationId=0,n.FPS=16.6,n.prizeImgs=[[]],n.btnImgs=[[]],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.buttons&&r.push.apply(r,n.buttons.map((function(t){return t.imgs}))),n.init(r),n}return i(e,t),e.prototype.initData=function(t){this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"buttons",t.buttons||[]),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},e.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){return n({gutter:"0px",offsetDegree:0,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig)})),this.$computed(this,"_defaultStyle",(function(){return n({fontSize:"18px",fontColor:"#000",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)}))},e.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.prizeImgs[r]&&t.prizeImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("buttons",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s&&s.imgs?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.btnImgs[r]&&t.btnImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(r(new Array(t.prizes.length).fill(void 0),n))}))},e.prototype.init=function(t){var e=this,i=this.config,n=this.ctx;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas(),this.Radius=Math.min(i.width,i.height)/2,n.translate(this.Radius,this.Radius);var r=function(){e.draw(),i.canvasElement&&(i.canvasElement.onclick=function(t){var i;n.beginPath(),n.arc(0,0,e.maxBtnRadius,0,2*Math.PI,!1),n.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},s=0,a=0;o(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){a++,e.loadAndCacheImg(i,n,(function(){s++,a===s&&r.call(e)}))}))}))),a||r.call(this)},e.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=t<this.prizes.length,o=r?"prizes":"buttons",s=r?"prizeImgs":"btnImgs";t=r?t:t-this.prizes.length;var a=this[o][t];if(a&&a.imgs){var h=a.imgs[e];if(h){var c=new Image;this[s][t]||(this[s][t]=[]),this[s][t][e]=c,c.src=h.src,c.onload=function(){return i.call(n)}}}},e.prototype.computedWidthAndHeight=function(t,e,i,n){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var r=this.getWidth(e.width,i);return[r,t.height*(r/t.width)]}if(!e.width&&e.height){var o=this.getHeight(e.height,n);return[t.width*(o/t.height),o]}return[this.getWidth(e.width,i),this.getHeight(e.height,n)]},e.prototype.draw=function(){var t=this,e=this,i=e.ctx,n=e._defaultConfig,r=e._defaultStyle;i.clearRect(-this.Radius,-this.Radius,2*this.Radius,2*this.Radius),this.prizeRadius=this.blocks.reduce((function(e,n){return i.beginPath(),i.fillStyle=n.background,i.arc(0,0,e,0,2*Math.PI,!1),i.fill(),e-t.getLength(n.padding.split(" ")[0])}),this.Radius),this.prizeDeg=360/this.prizes.length,this.prizeRadian=h(this.prizeDeg);var o=h(-90+this.rotateDeg+n.offsetDegree),a=function(e){return t.getOffsetX(i.measureText(e).width)},l=function(e,i,n){var o=e.lineHeight||r.lineHeight||e.fontSize||r.fontSize;return t.getHeight(e.top,i)+(n+1)*t.getLength(o)};i.save(),this.prizes.forEach((function(e,u){var d=o+u*t.prizeRadian,g=t.prizeRadius-t.maxBtnRadius;!function(t,e,i,n,r,o,s){e||(e=o);var a=h(90/Math.PI/i*o),l=h(90/Math.PI/e*o),u=n+a,d=r-a,g=n+l,p=r-l;t.beginPath(),t.fillStyle=s,t.moveTo.apply(t,c(u,i)),f(t,i,u,d,!0),p>g?f(t,e,g,p,!1):t.lineTo.apply(t,c((n+r)/2,o/2/Math.abs(Math.sin((n-r)/2)))),t.closePath(),t.fill()}(i,t.maxBtnRadius,t.prizeRadius,d-t.prizeRadian/2,d+t.prizeRadian/2,t.getLength(n.gutter),e.background||r.background||"rgba(0, 0, 0, 0)");var p=Math.cos(d)*t.prizeRadius,m=Math.sin(d)*t.prizeRadius;i.translate(p,m),i.rotate(d+h(90)),e.imgs&&e.imgs.forEach((function(e,n){if(t.prizeImgs[u]){var r=t.prizeImgs[u][n];if(r){var o=t.computedWidthAndHeight(r,e,t.prizeRadian*t.prizeRadius,g),s=o[0],a=o[1];i.drawImage(r,t.getOffsetX(s),t.getHeight(e.top,g),s,a)}}})),e.fonts&&e.fonts.forEach((function(e){var o=e.fontColor||r.fontColor,h=e.fontWeight||r.fontWeight,c=t.getLength(e.fontSize||r.fontSize),f=e.fontStyle||r.fontStyle;i.fillStyle=o,i.font=h+" "+c+"px "+f;var u=[],d=String(e.text);if(e.hasOwnProperty("wordWrap")?e.wordWrap:r.wordWrap){d=s(d);for(var p="",m=0;m<d.length;m++){p+=d[m];var v=i.measureText(p).width,y=(t.prizeRadius-l(e,g,u.length))*Math.tan(t.prizeRadian/2)*2-t.getLength(n.gutter);v>t.getWidth(e.lengthLimit||r.lengthLimit,y)&&(u.push(p.slice(0,-1)),p=d[m])}p&&u.push(p),u.length||u.push(d)}else u=d.split("\n");u.filter((function(t){return!!t})).forEach((function(t,n){i.fillText(t,a(t),l(e,g,n))}))})),i.rotate(h(360)-d-h(90)),i.translate(-p,-m)})),i.restore(),this.buttons.forEach((function(e,n){var o=t.getHeight(e.radius);t.maxBtnRadius=Math.max(t.maxBtnRadius,o),i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.arc(0,0,o,0,2*Math.PI,!1),i.fill(),e.pointer&&(i.beginPath(),i.fillStyle=e.background||"rgba(0, 0, 0, 0)",i.moveTo(-o,0),i.lineTo(o,0),i.lineTo(0,2*-o),i.closePath(),i.fill()),e.imgs&&e.imgs.forEach((function(r,s){if(t.btnImgs[n]){var a=t.btnImgs[n][s];if(a){var h=t.computedWidthAndHeight(a,r,2*t.getHeight(e.radius),2*t.getHeight(e.radius)),c=h[0],l=h[1];i.drawImage(a,t.getOffsetX(c),t.getHeight(r.top,o),c,l)}}})),e.fonts&&e.fonts.forEach((function(e){var n=e.fontColor||r.fontColor,s=e.fontWeight||r.fontWeight,h=t.getLength(e.fontSize||r.fontSize),c=e.fontStyle||r.fontStyle;i.fillStyle=n,i.font=s+" "+h+"px "+c,String(e.text).split("\n").forEach((function(t,n){i.fillText(t,a(t),l(e,o,n))}))}))}))},e.prototype.play=function(){this.startTime||(cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},e.prototype.stop=function(t){this.prizeFlag=Number(t)%this.prizes.length},e.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.prizeFlag,n=e.prizeDeg,r=e.rotateDeg,o=e._defaultConfig,s=Date.now()-this.startTime;if(s>=o.accelerationTime&&void 0!==i){this.FPS=s/t,this.endTime=Date.now(),this.stopDeg=r;for(var a=0;++a;){var h=360*a-i*n-r-o.offsetDegree;if(g(this.FPS,this.stopDeg,h,o.decelerationTime)-this.stopDeg>o.speed){this.endDeg=h;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.rotateDeg=(r+d(s,0,o.speed,o.accelerationTime))%360,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},e.prototype.slowDown=function(){var t,e=this,i=e.prizes,r=e.prizeFlag,o=e.stopDeg,s=e.endDeg,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>=a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},i.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.rotateDeg=g(h,o,s,a.decelerationTime)%360,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},e.prototype.getWidth=function(t,e){return void 0===e&&(e=this.prizeRadian*this.prizeRadius),o(t,"number")?t:o(t,"string")?this.changeUnits(t,e):0},e.prototype.getHeight=function(t,e){return void 0===e&&(e=this.prizeRadius),o(t,"number")?t:o(t,"string")?this.changeUnits(t,e):0},e.prototype.getOffsetX=function(t){return-t/2},e}(a),m=function(t){function e(e,i){void 0===i&&(i={});var n=t.call(this,e)||this;n.rows=3,n.cols=3,n.blocks=[],n.prizes=[],n.defaultConfig={},n._defaultConfig={gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},n.defaultStyle={},n._defaultStyle={borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",lineHeight:"",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},n.activeStyle={},n._activeStyle={background:"#ffce98",shadow:"",fontStyle:"",fontWeight:"",fontSize:"",lineHeight:"",fontColor:""},n.cellWidth=0,n.cellHeight=0,n.startTime=0,n.endTime=0,n.currIndex=0,n.stopIndex=0,n.endIndex=0,n.demo=!1,n.timer=0,n.animationId=0,n.FPS=16.6,n.cells=[],n.cellImgs=[],n.initData(i),n.initComputed(),n.initWatch();var r=[[]];return n.prizes&&(r=n.prizes.map((function(t){return t.imgs}))),n.button&&(r[n.cols*n.rows-1]=n.button.imgs),n.init(r),n}return i(e,t),e.prototype.initData=function(t){this.$set(this,"rows",Number(t.rows)||3),this.$set(this,"cols",Number(t.cols)||3),this.$set(this,"blocks",t.blocks||[]),this.$set(this,"prizes",t.prizes||[]),this.$set(this,"button",t.button),this.$set(this,"defaultConfig",t.defaultConfig||{}),this.$set(this,"defaultStyle",t.defaultStyle||{}),this.$set(this,"activeStyle",t.activeStyle||{}),this.$set(this,"startCallback",t.start),this.$set(this,"endCallback",t.end)},e.prototype.initComputed=function(){var t=this;this.$computed(this,"_defaultConfig",(function(){var e=n({gutter:5,speed:20,accelerationTime:2500,decelerationTime:2500},t.defaultConfig);return e.gutter=t.getLength(e.gutter),e.speed=e.speed/40,e})),this.$computed(this,"_defaultStyle",(function(){return n({borderRadius:20,fontColor:"#000",fontSize:"18px",fontStyle:"microsoft yahei ui,microsoft yahei,simsun,sans-serif",fontWeight:"400",background:"#fff",shadow:"",wordWrap:!0,lengthLimit:"90%"},t.defaultStyle)})),this.$computed(this,"_activeStyle",(function(){return n({background:"#ffce98",shadow:""},t.activeStyle)}))},e.prototype.initWatch=function(){var t=this;this.$watch("prizes",(function(e,i){var n=[];return i?e&&e.forEach((function(e,r){var o=[],s=i[r];s?e.imgs&&e.imgs.forEach((function(e,i){if(!s.imgs)return o[i]=e;var n=s.imgs[i];n&&t.cellImgs[r][i]?e.src!==n.src&&(o[i]=e):o[i]=e})):o=e.imgs||[],n[r]=o})):n=e.map((function(t){return t.imgs})),t.init(n)})),this.$watch("button",(function(e,i){var n=[],r=t.cols*t.rows-1;if(i&&i.imgs){if(e.imgs){var o=[];e.imgs.forEach((function(e,n){if(!i.imgs)return o[n]=e;var s=i.imgs[n];s&&t.cellImgs[r][n]?e.src!==s.src&&(o[n]=e):o[n]=e})),n[r]=o}}else n[r]=e.imgs;return t.init(n)}))},e.prototype.init=function(t){var e=this,i=this,n=i.config,r=i.ctx,s=i.button;this.setDpr(),this.setHTMLFontSize(),this.zoomCanvas();var a=function(){e.draw(),e.demo&&e.walk(),s&&n.canvasElement&&(n.canvasElement.onclick=function(t){var i,n=e.getGeometricProperty([s.x,s.y,s.col||1,s.row||1]),o=n[0],a=n[1],h=n[2],c=n[3];r.beginPath(),r.rect(o,a,h,c),r.isPointInPath(t.offsetX,t.offsetY)&&(e.startTime||null===(i=e.startCallback)||void 0===i||i.call(e,t))})},h=0,c=0;o(t,"array")&&(this.draw(),t.forEach((function(t,i){if(!t)return!1;t.forEach((function(t,n){c++,e.loadAndCacheImg(i,n,(function(){h++,c===h&&a.call(e)}))}))}))),c||a.call(this)},e.prototype.loadAndCacheImg=function(t,e,i){var n=this,r=this.cells[t];if(r&&r.imgs){var o=r.imgs[e];this.cellImgs[t]||(this.cellImgs[t]=[]);var s=new Image;this.cellImgs[t][e]={defaultImg:s},s.src=o.src;var a=0,h=1;if(s.onload=function(){++a===h&&i.call(n)},o.hasOwnProperty("activeSrc")){h++;var c=new Image;this.cellImgs[t][e].activeImg=c,c.src=o.activeSrc,c.onload=function(){++a===h&&i.call(n)}}}},e.prototype.computedWidthAndHeight=function(t,e,i){if(!e.width&&!e.height)return[t.width,t.height];if(e.width&&!e.height){var n=this.getWidth(e.width,i.col);return[n,t.height*(n/t.width)]}if(!e.width&&e.height){var r=this.getHeight(e.height,i.row);return[t.width*(r/t.height),r]}return[this.getWidth(e.width,i.col),this.getHeight(e.height,i.row)]},e.prototype.draw=function(){var t=this,e=this,i=e.config,n=e.ctx,a=e._defaultConfig,h=e._defaultStyle,c=e._activeStyle;n.clearRect(0,0,i.width,i.height),this.cells=r(this.prizes),this.button&&(this.cells[this.cols*this.rows-1]=this.button),this.cells.forEach((function(t){t.col=t.col||1,t.row=t.row||1})),this.prizeArea=this.blocks.reduce((function(e,i){var r=e.x,s=e.y,a=e.w,h=e.h,c=function(t){var e=t.padding.replace(/px/g,"").split(" ").map((function(t){return~~t}))||[0],i=0,n=0,r=0,s=0;switch(e.length){case 1:i=n=r=s=e[0];break;case 2:i=n=e[0],r=s=e[1];break;case 3:i=e[0],r=s=e[1],n=e[2];break;default:i=e[0],n=e[1],r=e[2],s=e[3]}var a={paddingTop:i,paddingBottom:n,paddingLeft:r,paddingRight:s};for(var h in a)a[h]=t.hasOwnProperty(h)&&o(t[h],"string","number")?~~String(t[h]).replace(/px/g,""):a[h];return[i,n,r,s]}(i).map((function(t){return~~t})),l=c[0],f=c[1],d=c[2],g=c[3],p=i.borderRadius?t.getLength(i.borderRadius):0;return u(n,r,s,a,h,p,t.handleBackground(r,s,a,h,i.background)),{x:r+d,y:s+l,w:a-d-g,h:h-l-f}}),{x:0,y:0,w:i.width,h:i.height}),this.cellWidth=(this.prizeArea.w-a.gutter*(this.cols-1))/this.cols,this.cellHeight=(this.prizeArea.h-a.gutter*(this.rows-1))/this.rows,this.cells.forEach((function(e,i){var r=t.getGeometricProperty([e.x,e.y,e.col,e.row]),o=r[0],a=r[1],l=r[2],f=r[3],d=i===t.currIndex%t.prizes.length>>0,g=(d?c.shadow:e.shadow||h.shadow).replace(/px/g,"").split(",")[0].split(" ").map((function(t,e){return e<3?Number(t):t}));4===g.length&&(n.shadowColor=g[3],n.shadowOffsetX=g[0],n.shadowOffsetY=g[1],n.shadowBlur=g[2],g[0]>0?l-=g[0]:(l+=g[0],o-=g[0]),g[1]>0?f-=g[1]:(f+=g[1],a-=g[1])),u(n,o,a,l,f,t.getLength(e.borderRadius?e.borderRadius:h.borderRadius),t.handleBackground(o,a,l,f,e.background,d)),n.shadowColor="rgba(255, 255, 255, 0)",n.shadowOffsetX=0,n.shadowOffsetY=0,n.shadowBlur=0,e.imgs&&e.imgs.forEach((function(r,s){if(!t.cellImgs[i])return!1;var h=t.cellImgs[i][s];if(!h)return!1;var c=d&&h.activeImg||h.defaultImg,l=t.computedWidthAndHeight(c,r,e),f=l[0],u=l[1];n.drawImage(c,o+t.getOffsetX(f,e.col),a+t.getHeight(r.top,e.row),f,u)})),e.fonts&&e.fonts.forEach((function(i){var r=d&&c.fontStyle?c.fontStyle:i.fontStyle||h.fontStyle,l=d&&c.fontWeight?c.fontWeight:i.fontWeight||h.fontWeight,f=d&&c.fontSize?t.getLength(c.fontSize):t.getLength(i.fontSize||h.fontSize),u=d&&c.lineHeight?c.lineHeight:i.lineHeight||h.lineHeight||i.fontSize||h.fontSize;n.font=l+" "+f+"px "+r,n.fillStyle=d&&c.fontColor?c.fontColor:i.fontColor||h.fontColor;var g=[],p=String(i.text);if(i.hasOwnProperty("wordWrap")?i.wordWrap:h.wordWrap){p=s(p);for(var m="",v=0;v<p.length;v++){m+=p[v],n.measureText(m).width>t.getWidth(i.lengthLimit||h.lengthLimit,e.col)&&(g.push(m.slice(0,-1)),m=p[v])}m&&g.push(m),g.length||g.push(p)}else g=p.split("\n");g.forEach((function(r,s){n.fillText(r,o+t.getOffsetX(n.measureText(r).width,e.col),a+t.getHeight(i.top,e.row)+(s+1)*t.getLength(u))}))}))}))},e.prototype.handleBackground=function(t,e,i,n,r,o){void 0===o&&(o=!1);var s=this,a=s.ctx,h=s._defaultStyle,c=s._activeStyle;return(r=o?c.background:r||h.background).includes("linear-gradient")&&(r=function(t,e,i,n,r,o){var s=/linear-gradient\((.+)\)/.exec(o)[1].split(",").map((function(t){return t.trim()})),a=s.shift(),h=[0,0,0,0];if(a.includes("deg")){var c=function(t){return Math.tan(t/180*Math.PI)};(a=a.slice(0,-3)%360)>=0&&a<45?h=[e,i+r,e+n,i+r-n*c(a-0)]:a>=45&&a<90?h=[e,i+r,e+n-r*c(a-45),i]:a>=90&&a<135?h=[e+n,i+r,e+n-r*c(a-90),i]:a>=135&&a<180?h=[e+n,i+r,e,i+n*c(a-135)]:a>=180&&a<225?h=[e+n,i,e,i+n*c(a-180)]:a>=225&&a<270?h=[e+n,i,e+r*c(a-225),i+r]:a>=270&&a<315?h=[e,i,e+r*c(a-270),i+r]:a>=315&&a<360&&(h=[e,i,e+n,i+r-n*c(a-315)])}else a.includes("top")?h=[e,i+r,e,i]:a.includes("bottom")?h=[e,i,e,i+r]:a.includes("left")?h=[e+n,i,e,i]:a.includes("right")&&(h=[e,i,e+n,i]);var l=t.createLinearGradient.apply(t,h.map((function(t){return t>>0})));return s.reduce((function(t,e,i){var n=e.split(" ");return 1===n.length?t.addColorStop(i,n[0]):2===n.length&&t.addColorStop.apply(t,n),t}),l)}(a,t,e,i,n,r)),r},e.prototype.play=function(){this.startTime||(clearInterval(this.timer),cancelAnimationFrame(this.animationId),this.startTime=Date.now(),this.prizeFlag=void 0,this.run())},e.prototype.stop=function(t){this.prizeFlag=t%this.prizes.length},e.prototype.run=function(t){void 0===t&&(t=0);var e=this,i=e.currIndex,n=e.prizes,r=e.prizeFlag,o=e.startTime,s=e._defaultConfig,a=Date.now()-o;if(a>=s.accelerationTime&&void 0!==r){this.FPS=a/t,this.endTime=Date.now(),this.stopIndex=i;for(var h=0;++h;){var c=n.length*h+r-(i>>0);if(g(this.FPS,this.stopIndex,c,s.decelerationTime)-this.stopIndex>s.speed){this.endIndex=c;break}}return cancelAnimationFrame(this.animationId),this.slowDown()}this.currIndex=(i+d(a,.1,s.speed,s.accelerationTime))%n.length,this.draw(),this.animationId=window.requestAnimationFrame(this.run.bind(this,t+1))},e.prototype.slowDown=function(){var t,e=this,i=e.prizes,r=e.prizeFlag,o=e.stopIndex,s=e.endIndex,a=e._defaultConfig,h=Date.now()-this.endTime;if(h>a.decelerationTime)return this.startTime=0,null===(t=this.endCallback)||void 0===t||t.call(this,n({},i.find((function(t,e){return e===r})))),cancelAnimationFrame(this.animationId);this.currIndex=g(h,o,s,a.decelerationTime)%i.length,this.draw(),this.animationId=window.requestAnimationFrame(this.slowDown.bind(this))},e.prototype.walk=function(){var t=this;clearInterval(this.timer),this.timer=window.setInterval((function(){t.currIndex+=1,t.draw()}),1300)},e.prototype.getGeometricProperty=function(t){var e=t[0],i=t[1],n=t[2],r=t[3],o=this.cellWidth,s=this.cellHeight,a=this._defaultConfig.gutter,h=[this.prizeArea.x+(o+a)*e,this.prizeArea.y+(s+a)*i];return n&&r&&h.push(o*n+a*(n-1),s*r+a*(r-1)),h},e.prototype.getWidth=function(t,e){return void 0===e&&(e=1),o(t,"number")?t:o(t,"string")?this.changeUnits(t,this.cellWidth*e+this._defaultConfig.gutter*(e-1)):0},e.prototype.getHeight=function(t,e){return void 0===e&&(e=1),o(t,"number")?t:o(t,"string")?this.changeUnits(t,this.cellHeight*e+this._defaultConfig.gutter*(e-1)):0},e.prototype.getOffsetX=function(t,e){return void 0===e&&(e=1),(this.cellWidth*e+this._defaultConfig.gutter*(e-1)-t)/2},e}(a);t.LuckyGrid=m,t.LuckyWheel=p,Object.defineProperty(t,"__esModule",{value:!0})}));

No alert changes

Improved metrics

Total package byte prevSize

220672

increased by0.3%

Lines of code

3471

increased by0.52%

No dependency changes