2 lines
21 KiB
JavaScript
2 lines
21 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-03981715"],{"31a8":function(e,t,i){"use strict";var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"upload-corp-container"},[i("div",{staticClass:"source"},[i("div",[i("div",{staticClass:"avatar-uploader"},[i("div",{staticClass:"el-upload el-upload--text",attrs:{tabindex:"0"}},[i("div",{staticClass:"tip-bar"},[i("el-tag",{attrs:{size:"mini"}},[e._v(e._s(e.width)+" x "+e._s(e.height))])],1),e.hasImg?e._e():i("i",{staticClass:"el-icon-plus avatar-uploader-icon",on:{click:e.handleClick}}),e.hasImg?i("img",{staticClass:"upload-preview-img",attrs:{alt:"",src:e.initialImgUrl},on:{click:e.showInitImg}}):e._e(),i("input",{ref:"fileinput",staticClass:"el-upload__input",attrs:{type:"file",name:"file",accept:"image/*"},on:{change:e.handleChange}}),e.hasImg?i("div",{staticClass:"action-bar"},[i("el-button",{attrs:{type:"success",size:"small",icon:"el-icon-edit"},on:{click:e.handleClick}},[e._v(" 替换 ")]),i("el-button",{attrs:{type:"danger",size:"small",icon:"el-icon-delete"},on:{click:e.removeImg}},[e._v(" 移除 ")])],1):e._e()])])])]),i("div",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"show"}],staticClass:"vue-image-crop-upload"},[i("div",{staticClass:"vicp-wrap"},[i("div",{staticClass:"vicp-close",on:{click:e.off}},[i("i",{staticClass:"vicp-icon4"})]),2===e.step?i("div",{staticClass:"vicp-step2"},[i("div",{staticClass:"vicp-crop"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-left"},[i("div",{staticClass:"vicp-img-container",on:{wheel:function(t){return t.preventDefault(),e.handleMouseWheel(t)}}},[i("img",{ref:"img",staticClass:"vicp-img",style:e.sourceImgStyle,attrs:{src:e.sourceImgUrl,draggable:"false",alt:""},on:{drag:e.preventDefault,dragstart:e.preventDefault,dragend:e.preventDefault,dragleave:e.preventDefault,dragover:e.preventDefault,dragenter:e.preventDefault,drop:e.preventDefault,touchstart:e.imgStartMove,touchmove:e.imgMove,touchend:e.createImg,touchcancel:e.createImg,mousedown:e.imgStartMove,mousemove:e.imgMove,mouseup:e.createImg,mouseout:e.createImg}}),i("div",{staticClass:"vicp-img-shade vicp-img-shade-1",style:e.sourceImgShadeStyle}),i("div",{staticClass:"vicp-img-shade vicp-img-shade-2",style:e.sourceImgShadeStyle})]),i("div",{staticClass:"vicp-range"},[i("input",{directives:[{name:"model",rawName:"v-model",value:e.scale.range,expression:"scale.range"}],attrs:{type:"range",step:"1",min:"0",max:"100"},domProps:{value:e.scale.range},on:{mousemove:e.zoomChange,__r:function(t){return e.$set(e.scale,"range",t.target.value)}}}),i("i",{staticClass:"vicp-icon5",on:{mousedown:e.startZoomSub,mouseout:e.endZoomSub,mouseup:e.endZoomSub}}),i("i",{staticClass:"vicp-icon6",on:{mousedown:e.startZoomAdd,mouseout:e.endZoomAdd,mouseup:e.endZoomAdd}})]),e.noRotate?e._e():i("div",{staticClass:"vicp-rotate"},[i("i",{on:{click:e.rotateImg}},[e._v("↻")])])]),i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-right"},[i("div",{staticClass:"vicp-preview"},[e.noSquare?e._e():i("div",{staticClass:"vicp-preview-item"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),i("span",[e._v("预览")])]),e.noCircle?e._e():i("div",{staticClass:"vicp-preview-item vicp-preview-item-circle"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),i("span",[e._v("预览")])])])])]),i("div",{staticClass:"vicp-operate"},[i("el-button",{attrs:{type:"warning",size:"small",icon:"el-icon-edit"},on:{click:e.off}},[e._v(" 取消 ")]),i("el-button",{attrs:{type:"primary",size:"small",icon:"el-icon-success"},on:{click:e.prepareUpload}},[e._v(" 保存 ")])],1)]):e._e(),3===e.step?i("div",{staticClass:"vicp-step3"},[i("div",{staticClass:"vicp-upload"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-loading"},[e._v("正在上传……")]),i("div",{staticClass:"vicp-progress-wrap"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-progress",style:e.progressStyle})]),i("div",{directives:[{name:"show",rawName:"v-show",value:2===e.loading,expression:"loading === 2"}],staticClass:"vicp-success"},[i("i",{staticClass:"vicp-icon3"}),e._v(" 上传成功 ")])]),i("div",{staticClass:"vicp-operate"},[i("a",{on:{click:function(t){return e.setStep(2)},mousedown:e.ripple}},[e._v("返回")]),i("a",{on:{click:e.off,mousedown:e.ripple}},[e._v("关闭")])])]):e._e(),i("canvas",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],ref:"canvas",attrs:{width:e.width,height:e.height}})])])])},s=[],r=i("1da1"),o=i("53ca"),n=i("d4ec"),c=i("bee2"),h=i("262e"),l=i("2caf"),u=(i("96cf"),i("c975"),i("4795"),i("b0c0"),i("4160"),i("159b"),i("b64b"),i("d3b7"),i("9ab4")),d=i("1b40"),p=(i("4ec9"),i("3ca3"),i("ddb0"),new Map([["jpg","image/jpeg"],["png","image/png"],["gif","image/gif"],["svg","image/svg+xml"],["psd","image/photoshop"]])),g=i("9f79");function m(e,t){var i=Object.assign({ele:e.target,type:"hit",bgc:"rgba(0, 0, 0, 0.15)"},t),a=i.ele;if(a){var s=a.getBoundingClientRect(),r=a.querySelector(".e-ripple");switch(r?r.className="e-ripple":(r=document.createElement("span"),r.className="e-ripple",r.style.height=r.style.width=Math.max(s.width,s.height)+"px",a.appendChild(r)),i.type){case"center":r.style.top=s.height/2-r.offsetHeight/2+"px",r.style.left=s.width/2-r.offsetWidth/2+"px";break;default:r.style.top=e.pageY-s.top-r.offsetHeight/2-document.body.scrollTop+"px",r.style.left=e.pageX-s.left-r.offsetWidth/2-document.body.scrollLeft+"px"}return r.style.backgroundColor=i.bgc,r.className="e-ripple z-active",!1}}var v=function(e){Object(h["a"])(i,e);var t=Object(l["a"])(i);function i(){var e;return Object(n["a"])(this,i),e=t.apply(this,arguments),e.allowImgFormat=["gif","jpg","png"],e.mime="image/png",e.show=!1,e.isSupported=!0,e.isSupportTouch=document.hasOwnProperty("ontouchstart"),e.step=1,e.loading=0,e.progress=0,e.hasError=!1,e.errorMsg="",e.ratio=1,e.sourceImg=null,e.sourceImgUrl=e.initialImgUrl,e.createImgUrl=e.initialImgUrl,e.sourceImgMouseDown={on:!1,mX:0,mY:0,x:0,y:0},e.previewContainer={width:100,height:100},e.sourceImgContainer={width:240,height:184},e.scale={zoomAddOn:!1,zoomSubOn:!1,range:1,x:0,y:0,width:0,height:0,maxWidth:0,maxHeight:0,minWidth:0,minHeight:0,naturalWidth:0,naturalHeight:0},e}return Object(c["a"])(i,[{key:"created",value:function(){var e=this.imgFormat,t=this.allowImgFormat,i=!0,a=-1===t.indexOf(e)?"jpg":e,s=p.get(a);"function"!==typeof FormData&&(i=!1),this.ratio=this.width/this.height,this.mime=s,this.isSupported=i,document.addEventListener("keyup",this.handleEscClose)}},{key:"hasImg",get:function(){return!!this.initialImgUrl}},{key:"progressStyle",get:function(){return{width:this.progress+"%"}}},{key:"sourceImgStyle",get:function(){var e=this.scale.y+this.sourceImgMasking.y+"px",t=this.scale.x+this.sourceImgMasking.x+"px";return{top:e,left:t,width:this.scale.width+"px",height:this.scale.height+"px"}}},{key:"sourceImgMasking",get:function(){var e=this.width,t=this.height,i=this.ratio,a=this.sourceImgContainer,s=a,r=s.width/s.height,o=0,n=0,c=s.width,h=s.height,l=1;return i<r&&(l=s.height/t,c=s.height*i,o=(s.width-c)/2),i>r&&(l=s.width/e,h=s.width/i,n=(s.height-h)/2),{scale:l,x:o,y:n,width:c,height:h}}},{key:"sourceImgShadeStyle",get:function(){var e=this.sourceImgMasking,t=this.sourceImgContainer,i=t,a=e,s=a.width===i.width?a.width:(i.width-a.width)/2,r=a.height===i.height?a.height:(i.height-a.height)/2;return{width:s+"px",height:r+"px"}}},{key:"previewStyle",get:function(){var e=this.ratio,t=this.previewContainer,i=t,a=i.width,s=i.height,r=a/s;return e<r&&(a=i.height*e),e>r&&(s=i.width/e),{width:a+"px",height:s+"px"}}},{key:"beforeUnmount",value:function(){document.removeEventListener("keyup",this.handleEscClose)}},{key:"mounted",value:function(){this.sourceImgUrl&&this.startCrop()}},{key:"showInitImg",value:function(){this.initialImgUrl&&(this.sourceImgUrl=this.initialImgUrl,this.startCrop())}},{key:"handleEscClose",value:function(e){!this.show||"Escape"!==e.key&&27!==e.keyCode||this.off()}},{key:"ripple",value:function(e){m(e)}},{key:"stepChange",value:function(){this.show=1!==this.step}},{key:"checkShowError",value:function(){this.hasError&&this.errorMsg&&(this.$message.error(this.errorMsg),this.hasError=!1,this.errorMsg="")}},{key:"off",value:function(){var e=this;setTimeout((function(){e.show=!1,3===e.step&&2===e.loading&&e.setStep(1)}),200)}},{key:"setStep",value:function(e){var t=this;setTimeout((function(){t.step=e}),200)}},{key:"preventDefault",value:function(e){return e.preventDefault(),!1}},{key:"handleClick",value:function(e){1!==this.loading&&e.target!==this.$refs.fileinput&&(e.preventDefault(),this.$refs.fileinput.click())}},{key:"handleChange",value:function(e){if(e.preventDefault(),1!==this.loading){var t=e.target.files||e.dataTransfer.files;this.reset(),this.checkFile(t[0])?this.setSourceImg(t[0]):this.off()}}},{key:"checkFile",value:function(e){var t=this.maxSize;return-1===e.type.indexOf("image")?(this.hasError=!0,this.errorMsg="仅限图片格式",!1):!(e.size/1024>t)||(this.hasError=!0,this.errorMsg="单文件大小不能超过 "+t+"kb",!1)}},{key:"reset",value:function(){this.loading=0,this.hasError=!1,this.errorMsg="",this.progress=0}},{key:"setSourceImg",value:function(e){this.$emit("src-file-set",e.name,e.type,e.size);var t=new FileReader,i=this;t.onload=function(e){i.sourceImgUrl=t.result+"",i.startCrop()},t.readAsDataURL(e)}},{key:"startCrop",value:function(){var e=this.width,t=this.height,i=this.ratio,a=this.scale,s=this.sourceImgUrl,r=this.sourceImgMasking,o=r,n=new Image;n.src=s,n.setAttribute("crossOrigin","Anonymous");var c=this;n.onload=function(){var s=n.naturalWidth,r=n.naturalHeight,h=s/r,l=o.width,u=o.height,d=0,p=0;if(s<e||r<t)return c.hasError=!0,c.errorMsg="图片最低像素为（宽*高）："+e+"*"+t,!1;c.show=!0,i>h&&(u=l/h,p=(o.height-u)/2),i<h&&(l=u*h,d=(o.width-l)/2),a.range=0,a.x=d,a.y=p,a.width=l,a.height=u,a.minWidth=l,a.minHeight=u,a.maxWidth=s*o.scale,a.maxHeight=r*o.scale,a.naturalWidth=s,a.naturalHeight=r,c.sourceImg=n,c.createImg(),c.setStep(2)}}},{key:"imgStartMove",value:function(e){if(e.preventDefault(),this.isSupportTouch&&!e.targetTouches)return!1;var t=e.targetTouches?e.targetTouches[0]:e,i=this.sourceImgMouseDown,a=this.scale,s=i;s.mX=t.screenX,s.mY=t.screenY,s.x=a.x,s.y=a.y,s.on=!0}},{key:"imgMove",value:function(e){if(e.preventDefault(),this.isSupportTouch&&!e.targetTouches)return!1;var t=e.targetTouches?e.targetTouches[0]:e,i=this.sourceImgMouseDown,a=i.on,s=i.mX,r=i.mY,o=i.x,n=i.y,c=this.scale,h=this.sourceImgMasking,l=h,u=t.screenX,d=t.screenY,p=u-s,g=d-r,m=o+p,v=n+g;a&&(m>0&&(m=0),v>0&&(v=0),m<l.width-c.width&&(m=l.width-c.width),v<l.height-c.height&&(v=l.height-c.height),c.x=m,c.y=v)}},{key:"rotateImg",value:function(e){var t=this.sourceImg,i=this.scale,a=i.naturalWidth,s=i.naturalHeight,r=s,o=a,n=this.$refs.canvas,c=n.getContext("2d");n.width=r,n.height=o,c.clearRect(0,0,r,o),c.fillStyle="rgba(0,0,0,0)",c.fillRect(0,0,r,o),c.translate(r,0),c.rotate(90*Math.PI/180),c.drawImage(t,0,0,a,s);var h=n.toDataURL(p.get("png"));this.sourceImgUrl=h,this.startCrop()}},{key:"handleMouseWheel",value:function(e){e=e||window.event;var t=this.scale;e.wheelDelta?(e.wheelDelta>0&&this.zoomImg(t.range>=100?100:++t.range),e.wheelDelta<0&&this.zoomImg(t.range<=0?0:--t.range)):e.detail&&(e.detail>0&&this.zoomImg(t.range>=100?100:++t.range),e.detail<0&&this.zoomImg(t.range<=0?0:--t.range))}},{key:"startZoomAdd",value:function(e){var t=this.scale,i=this;function a(){if(t.zoomAddOn){var e=t.range>=100?100:++t.range;i.zoomImg(e),setTimeout((function(){a()}),60)}}t.zoomAddOn=!0,a()}},{key:"endZoomAdd",value:function(e){this.scale.zoomAddOn=!1}},{key:"startZoomSub",value:function(e){var t=this.scale,i=this;function a(){if(t.zoomSubOn){var e=t.range<=0?0:--t.range;i.zoomImg(e),setTimeout((function(){a()}),60)}}t.zoomSubOn=!0,a()}},{key:"endZoomSub",value:function(e){var t=this.scale;t.zoomSubOn=!1}},{key:"zoomChange",value:function(e){this.zoomImg(e.target.value)}},{key:"zoomImg",value:function(e){var t=this.sourceImgMasking,i=this.scale,a=i.maxWidth,s=i.maxHeight,r=i.minWidth,o=i.minHeight,n=i.width,c=i.height,h=i.x,l=i.y,u=t,d=u.width,p=u.height,g=r+(a-r)*e/100,m=o+(s-o)*e/100,v=d/2-g/n*(d/2-h),f=p/2-m/c*(p/2-l);v>0&&(v=0),f>0&&(f=0),v<d-g&&(v=d-g),f<p-m&&(f=p-m),i.x=v,i.y=f,i.width=g,i.height=m,i.range=e;var w=this;setTimeout((function(){i.range===e&&w.createImg()}),300)}},{key:"createImg",value:function(e){var t=this.imgFormat,i=this.imgBgc,a=this.mime,s=this.sourceImg,r=this.scale,o=r.x,n=r.y,c=r.width,h=r.height,l=this.sourceImgMasking.scale,u=this.$refs.canvas,d=u.getContext("2d");e&&(this.sourceImgMouseDown.on=!1),u.width=this.width,u.height=this.height,d.clearRect(0,0,this.width,this.height),d.fillStyle="png"===t?"rgba(0,0,0,0)":i,d.fillRect(0,0,this.width,this.height),d.drawImage(s,o/l,n/l,c/l,h/l),this.createImgUrl=u.toDataURL(a)}},{key:"prepareUpload",value:function(){var e=this.url,t=this.createImgUrl,i=this.field,a=this.ki;this.$emit("crop-success",t,i,a),e?this.upload():this.off()}},{key:"requestUpload",value:function(){var e=this.imgFormat,t=this.mime,i=this.url,a=this.params,s=this.headers,r=this.field,n=this.createImgUrl,c=this.withCredentials,h=this.method,l=this,u=new FormData;return"object"===Object(o["a"])(a)&&a&&Object.keys(a).forEach((function(e){u.append(e,a[e]+"")})),u.append(r,Object(g["a"])(n,t),r+"."+e),this.reset(),this.loading=1,this.setStep(3),new Promise((function(e,t){var a=new XMLHttpRequest;a.open(h,i,!0),a.withCredentials=c,a.onreadystatechange=function(){4===this.readyState&&(200===this.status||201===this.status||202===this.status?e(JSON.parse(this.responseText)):t&&t(this.status))},a.upload.addEventListener("progress",(function(e){e.lengthComputable&&(l.progress=100*Math.round(e.loaded)/e.total)}),!1),"object"===Object(o["a"])(s)&&s&&Object.keys(s).forEach((function(e){a.setRequestHeader(e,s[e]+"")})),a.send(u)}))}},{key:"removeImg",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.$confirm("确认移除该图片?","Warning",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"});case 3:this.$emit("crop-upload-success","",this.field,this.ki),e.next=8;break;case 6:e.prev=6,e.t0=e["catch"](0);case 8:case"end":return e.stop()}}),e,this,[[0,6]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"upload",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){var t;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.requestUpload();case 3:t=e.sent,this.show&&(t.errorCode?(this.loading=3,this.hasError=!0,this.errorMsg=t.errmsg,this.$emit("crop-upload-fail",this.field,this.ki)):(this.loading=2,this.$emit("crop-upload-success",t.url_cdn,this.field,this.ki))),e.next=10;break;case 7:e.prev=7,e.t0=e["catch"](0),this.show&&(this.loading=3,this.hasError=!0,this.errorMsg="图片上传失败",this.$emit("crop-upload-fail",this.field,this.ki));case 10:case"end":return e.stop()}}),e,this,[[0,7]])})));function t(){return e.apply(this,arguments)}return t}()}]),i}(d["c"]);Object(u["a"])([Object(d["b"])({default:"avatar"})],v.prototype,"field",void 0),Object(u["a"])([Object(d["b"])({default:"0"})],v.prototype,"ki",void 0),Object(u["a"])([Object(d["b"])({default:"https://opm.kingsome.cn/api/upload"})],v.prototype,"url",void 0),Object(u["a"])([Object(d["b"])({default:function(){return{sub_path:"game",type:"image"}}})],v.prototype,"params",void 0),Object(u["a"])([Object(d["b"])({default:null})],v.prototype,"headers",void 0),Object(u["a"])([Object(d["b"])({default:200})],v.prototype,"width",void 0),Object(u["a"])([Object(d["b"])({default:200})],v.prototype,"height",void 0),Object(u["a"])([Object(d["b"])({default:!0})],v.prototype,"noRotate",void 0),Object(u["a"])([Object(d["b"])({default:!0})],v.prototype,"noCircle",void 0),Object(u["a"])([Object(d["b"])({default:!1})],v.prototype,"noSquare",void 0),Object(u["a"])([Object(d["b"])({default:10240})],v.prototype,"maxSize",void 0),Object(u["a"])([Object(d["b"])({default:"png"})],v.prototype,"imgFormat",void 0),Object(u["a"])([Object(d["b"])({default:"#fff"})],v.prototype,"imgBgc",void 0),Object(u["a"])([Object(d["b"])({default:!1})],v.prototype,"withCredentials",void 0),Object(u["a"])([Object(d["b"])({default:"POST"})],v.prototype,"method",void 0),Object(u["a"])([Object(d["b"])({default:""})],v.prototype,"initialImgUrl",void 0),Object(u["a"])([Object(d["d"])("step")],v.prototype,"stepChange",null),Object(u["a"])([Object(d["d"])("hasError")],v.prototype,"checkShowError",null),v=Object(u["a"])([Object(d["a"])({name:"UploadCorpImage",model:{prop:"initialImgUrl",event:"update"}})],v);var f=v,w=f,b=(i("dd45"),i("0c7c")),y=Object(b["a"])(w,a,s,!1,null,null,null);t["a"]=y.exports},"6b45":function(e,t,i){"use strict";var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"upload-container"},[i("el-upload",{staticClass:"image-uploader",attrs:{data:e.dataObj,name:"image-file",accept:"image/jpeg,image/gif,image/png",multiple:!1,"show-file-list":!1,"on-success":e.handleImageSuccess,drag:"",action:e.uploadUrl}},[i("i",{staticClass:"el-icon-upload"}),i("div",{staticClass:"el-upload__text"},[e._v(" 将文件拖到此处，或"),i("em",[e._v("点击上传")])])]),i("div",{staticClass:"image-preview"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.imageUrl.length>1,expression:"imageUrl.length>1"}],staticClass:"image-preview-wrapper"},[i("img",{attrs:{src:e.imageUrl}}),i("div",{staticClass:"image-preview-action"},[i("i",{staticClass:"el-icon-delete",on:{click:e.rmImage}})])])])],1)},s=[],r=i("d4ec"),o=i("bee2"),n=i("262e"),c=i("2caf"),h=i("9ab4"),l=i("1b40"),u=function(e){Object(n["a"])(i,e);var t=Object(c["a"])(i);function i(){var e;return Object(r["a"])(this,i),e=t.apply(this,arguments),e.uploadUrl="https://opm.kingsome.cn/api/upload",e.tempUrl="",e.dataObj={sub_path:"game",type:"image"},e}return Object(o["a"])(i,[{key:"imageUrl",get:function(){return this.value}},{key:"emitInput",value:function(e){this.$emit("input",e)}},{key:"rmImage",value:function(){this.emitInput("")}},{key:"handleImageSuccess",value:function(e){console.log(e),this.emitInput(e.url_cdn)}}]),i}(l["c"]);Object(h["a"])([Object(l["b"])({default:""})],u.prototype,"value",void 0),u=Object(h["a"])([Object(l["a"])({name:"UploadImage"})],u);var d=u,p=d,g=(i("961d"),i("0c7c")),m=Object(g["a"])(p,a,s,!1,null,"62f54f8e",null);t["a"]=m.exports},"961d":function(e,t,i){"use strict";i("b43b")},"9f79":function(e,t,i){"use strict";i.d(t,"a",(function(){return a}));i("ac1f"),i("1276"),i("ace4"),i("d3b7"),i("5cc6"),i("9a8c"),i("a975"),i("735e"),i("c1ac"),i("d139"),i("3a7b"),i("d5d6"),i("82f8"),i("e91f"),i("60bd"),i("5f96"),i("3280"),i("3fcc"),i("ca91"),i("25a1"),i("cd26"),i("3c5d"),i("2954"),i("649e"),i("219c"),i("170b"),i("b39a"),i("72f7");function a(e,t){e=e.split(",")[1],e=window.atob(e);for(var i=new Uint8Array(e.length),a=0;a<e.length;a++)i[a]=e.charCodeAt(a);return new Blob([i],{type:t})}},a575:function(e,t,i){},b43b:function(e,t,i){},b804:function(e,t,i){"use strict";var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{style:{height:e.height,zIndex:e.zIndex}},[i("div",{class:e.className,style:{top:e.isSticky?e.stickyTop+"px":"",zIndex:e.zIndex,position:e.position,width:e.width,height:e.height}},[e._t("default",[i("div",[e._v("sticky")])])],2)])},s=[],r=i("d4ec"),o=i("bee2"),n=i("262e"),c=i("2caf"),h=(i("0d03"),i("d3b7"),i("25f0"),i("9ab4")),l=i("1b40"),u=function(e){Object(n["a"])(i,e);var t=Object(c["a"])(i);function i(){var e;return Object(r["a"])(this,i),e=t.apply(this,arguments),e.active=!1,e.position="",e.isSticky=!1,e.width="auto",e.height="auto",e}return Object(o["a"])(i,[{key:"mounted",value:function(){this.height=this.$el.getBoundingClientRect().height.toString()+"px",window.addEventListener("scroll",this.handleScroll),window.addEventListener("resize",this.handleResize)}},{key:"activated",value:function(){this.handleScroll()}},{key:"destroyed",value:function(){window.removeEventListener("scroll",this.handleScroll),window.removeEventListener("resize",this.handleResize)}},{key:"sticky",value:function(){this.active||(this.position="fixed",this.active=!0,this.width=this.width+"px",this.isSticky=!0)}},{key:"handleReset",value:function(){this.active&&(this.position="",this.width="auto",this.active=!1,this.isSticky=!1)}},{key:"handleScroll",value:function(){var e=this.$el.getBoundingClientRect().width;this.width=e.toString()+"px"||!1;var t=this.$el.getBoundingClientRect().top;t<this.stickyTop?this.sticky():this.handleReset()}},{key:"handleResize",value:function(){this.isSticky&&(this.width=this.$el.getBoundingClientRect().width.toString()+"px")}}]),i}(l["c"]);Object(h["a"])([Object(l["b"])({default:0})],u.prototype,"stickyTop",void 0),Object(h["a"])([Object(l["b"])({default:1})],u.prototype,"zIndex",void 0),Object(h["a"])([Object(l["b"])({default:""})],u.prototype,"className",void 0),u=Object(h["a"])([Object(l["a"])({name:"Sticky"})],u);var d=u,p=d,g=i("0c7c"),m=Object(g["a"])(p,a,s,!1,null,null,null);t["a"]=m.exports},dd45:function(e,t,i){"use strict";i("a575")}}]);
|
|
//# sourceMappingURL=chunk-03981715.97a8e9cd.js.map
|