| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["cropping-cropping-cropping"],{"04c3":function(t,i,e){"use strict";e("6a54");var a=e("f5bd").default;Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0,e("c223");var o=a(e("ce6c")),s={components:{Cropper:o.default},data:function(){return{show:!1,url:"",back_img:"",width:200,height:200}},onLoad:function(t){this.url=t.img_url,this.cai()},methods:{cai:function(){this.$refs.cropper.init(this.url)},cancel:function(){uni.navigateBack()},complete:function(t){uni.redirectTo({url:"/cropping/search_deng/search_deng?img_url=".concat(t.path,"&width=").concat(t.param.width,"&height=").concat(t.param.height)})}}};i.default=s},"0c65":function(t,i,e){var a=e("10aba");a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var o=e("967d").default;o("3d00a44a",a,!0,{sourceMap:!1,shadowMode:!1})},"10aba":function(t,i,e){var a=e("c86c");i=a(!1),i.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */[data-v-670b5880] .u-form-item--right__content__slot > uni-view,[data-v-670b5880] .u-form-item--right__content__slot > div,[data-v-670b5880] .u-form-item--right__content__slot > span,[data-v-670b5880] .u-form-item--right__content__slot > uni-text{width:100%}.cropper[data-v-670b5880]{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;z-index:-1000000;opacity:0}.cropper.show[data-v-670b5880]{z-index:999;opacity:1}.cropper .cropper-head[data-v-670b5880]{position:fixed;top:0;width:%?750?%;z-index:6;height:calc(0px + %?88?%);padding-top:0;display:flex;justify-content:flex-end;align-items:center}.cropper .cropper-btn[data-v-670b5880]{height:%?64?%;margin:0 %?20?%;padding:0 %?30?%;line-height:%?64?%;color:#fff;font-size:%?26?%}.cropper .cropper-body[data-v-670b5880]{margin:calc(0px + %?88?%) %?30?% 0 %?30?%;height:calc(100vh - 0px - %?88?% - %?100?% - var(--safe-area-inset-bottom));position:relative}.cropper .cropper-bottom[data-v-670b5880]{height:calc(var(--safe-area-inset-bottom) + %?100?%);padding-top:var(--safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:6;width:%?750?%;bottom:0}.cropper .cropper-ok[data-v-670b5880]{color:#39f}.cropper .cropper-image[data-v-670b5880]{position:absolute;width:100%;height:100%}.cropper .cropper-stage[data-v-670b5880]{position:absolute}.cropper .cropper-stage .cropper-box[data-v-670b5880]{position:absolute;border:%?4?% solid #ddd;box-sizing:border-box;box-shadow:0 0 0 %?2000?% rgba(0,0,0,.5)}.cropper .cropper-stage .cropper-box .lt[data-v-670b5880]{position:absolute;height:%?48?%;width:%?48?%;left:%?-6?%;top:%?-6?%;border-left:%?12?% solid #fff;border-top:%?12?% solid #fff}.cropper .cropper-stage .cropper-box .lb[data-v-670b5880]{position:absolute;height:%?48?%;width:%?48?%;left:%?-6?%;bottom:%?-6?%;border-left:%?12?% solid #fff;border-bottom:%?12?% solid #fff}.cropper .cropper-stage .cropper-box .rt[data-v-670b5880]{position:absolute;height:%?48?%;width:%?48?%;right:%?-6?%;top:%?-6?%;border-right:%?12?% solid #fff;border-top:%?12?% solid #fff}.cropper .cropper-stage .cropper-box .rb[data-v-670b5880]{position:absolute;height:%?48?%;width:%?48?%;right:%?-6?%;bottom:%?-6?%;border-right:%?12?% solid #fff;border-bottom:%?12?% solid #fff}.cropper .cropper-stage .cropper-box .line-v[data-v-670b5880],\n.cropper .cropper-stage .cropper-box .line-h[data-v-670b5880]{position:absolute;opacity:.5}.cropper .cropper-stage .cropper-box .line-v[data-v-670b5880]{width:%?2?%;border-left:%?2?% dashed #fff;height:100%}.cropper .cropper-stage .cropper-box .line-h[data-v-670b5880]{height:%?2?%;border-bottom:%?2?% dashed #fff;width:100%}.cropper .cropper-canvas[data-v-670b5880]{position:fixed;background-color:red;left:%?5000?%}',""]),t.exports=i},"20d1":function(t,i,e){"use strict";e.d(i,"b",(function(){return a})),e.d(i,"c",(function(){return o})),e.d(i,"a",(function(){}));var a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{staticClass:"cropper",class:{show:t.show},attrs:{id:"cropper"}},[e("v-uni-view",{staticClass:"cropper-body"},[e("v-uni-image",{staticClass:"cropper-image",attrs:{id:"image",src:t.imagePath,mode:"aspectFit"}}),e("v-uni-view",{staticClass:"cropper-stage",style:{width:t.stageWidth+"px",height:t.stageHeight+"px",left:t.stageLeft+"px",top:t.stageTop+"px"},on:{touchstart:function(i){i.stopPropagation(),i.preventDefault(),arguments[0]=i=t.$handleEvent(i),t.touchStart.apply(void 0,arguments)},touchmove:function(i){i.stopPropagation(),i.preventDefault(),arguments[0]=i=t.$handleEvent(i),t.touchMove.apply(void 0,arguments)}}},[e("v-uni-view",{staticClass:"cropper-box",style:{width:t.boxWidth+"px",height:t.boxHeight+"px",left:t.boxLeft+"px",top:t.boxTop+"px"},attrs:{id:"box"}},[e("v-uni-view",{staticClass:"lt",attrs:{id:"lt"}}),e("v-uni-view",{staticClass:"lb",attrs:{id:"lb"}}),e("v-uni-view",{staticClass:"rt",attrs:{id:"rt"}}),e("v-uni-view",{staticClass:"rb",attrs:{id:"rb"}}),e("v-uni-view",{staticClass:"line-v",staticStyle:{left:"33.3%"}}),e("v-uni-view",{staticClass:"line-v",staticStyle:{left:"66.6%"}}),e("v-uni-view",{staticClass:"line-h",staticStyle:{top:"33.3%"}}),e("v-uni-view",{staticClass:"line-h",staticStyle:{top:"66.6%"}})],1)],1),e("v-uni-canvas",{staticClass:"cropper-canvas",style:{height:t.canvasHeight+"px",width:t.canvasWidth+"px"},attrs:{"canvas-id":"canvas"}})],1),e("v-uni-view",{staticClass:"cropper-bottom"},[e("v-uni-view",{staticClass:"cropper-btn cropper-cancel",on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.cancelCrop.apply(void 0,arguments)}}},[t._v("取消")]),e("v-uni-view",{staticClass:"cropper-btn cropper-cancel",on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.completeCrop.apply(void 0,arguments)}}},[t._v("确定")])],1)],1)},o=[]},2869:function(t,i,e){"use strict";e.r(i);var a=e("04c3"),o=e.n(a);for(var s in a)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return a[t]}))}(s);i["default"]=o.a},"41fd":function(t,i,e){"use strict";e("6a54"),Object.defineProperty(i,"__esModule",{value:!0}),i.default=void 0,e("64aa"),e("5c47");var a=0,o=0,s=0,n=0,r=0,c=0,p=0,h=0,d=1,l=0,u=0,f=0,b=0,v=0,g=0,x=0,m=0,w={name:"cropper",props:{quality:{type:Number,default:1},outputFileType:{type:String,default:"jpg"},aspectRatio:{type:[Number,null],default:null},minBoxWidthRatio:{type:Number,default:.15},minBoxHeightRatio:{type:Number,default:.15},initialBoxWidthRatio:{type:Number,default:.8},initialBoxHeightRatio:{type:Number,default:.8}},data:function(){return{stageLeft:0,stageTop:0,stageWidth:0,stageHeight:0,boxWidth:0,boxHeight:0,boxLeft:0,boxTop:0,canvasWidth:0,canvasHeight:0,show:!1,imagePath:""}},mounted:function(){},methods:{resetCrop:function(){this.$emit("reset"),this.init(this.imagePath)},cancelCrop:function(){this.$emit("cancel")},completeCrop:function(){var t=this,i=this.imagePath,e=uni.createCanvasContext("canvas",this),a=this.boxLeft,o=this.boxTop,s=this.boxWidth,n=this.boxHeight,r=Math.ceil(a*d),c=Math.ceil(o*d),p=Math.ceil(s*d),h=Math.ceil(n*d),l=Math.ceil(1*p),u=Math.ceil(1*h),f={x:r,y:c,width:l,height:u,rotate:0,scaleX:1,scaleY:1};e.drawImage(i,r,c,p,h,0,0,l,u),e.draw(!1,(function(){uni.canvasToTempFilePath({x:0,y:0,width:l,height:u,destWidth:p,destHeight:h,canvasId:"canvas",fileType:t.outputFileType,quality:t.quality,success:function(i){t.$emit("complete",{param:f,path:i.tempFilePath,source:t.imagePath})}},t)}))},touchMove:function(t){var i=t.target.id,e=t.touches[0],a=e.pageX,o=e.pageY,s=a-x,n=o-m;if("box"==i){var p=f+s,h=b+n;p<0&&(p=0),h<0&&(h=0),p+v>r&&(p=r-v),h+g>c&&(h=c-g),this.boxLeft=p,this.boxTop=h}else if("lt"==i){this.aspectRatio&&(n=s/this.aspectRatio);var d=f+s,w=b+n;d<0&&(d=0),w<0&&(w=0),f+v-d<l&&(d=f+v-l),b+g-w<u&&(w=b+g-u);var R=v-(d-f),y=g-(w-b);0==w&&this.aspectRatio&&0!=d&&(R=y*this.aspectRatio,d=v-R+f),0==d&&this.aspectRatio&&(y=R/this.aspectRatio,w=g-y+b),R==l&&this.aspectRatio&&(y=R/this.aspectRatio,w=g-y+b),this.boxTop=w,this.boxLeft=d,this.boxWidth=R,this.boxHeight=y}else if("rt"==i){this.aspectRatio&&(n=-s/this.aspectRatio);var _=v+s;_<l&&(_=l),f+_>r&&(_=r-f);var C=b+n;C<0&&(C=0),b+g-C<u&&(C=b+g-u);var H=g-(C-b);0==C&&this.aspectRatio&&_!=r-f&&(_=H*this.aspectRatio),_==r-f&&this.aspectRatio&&(H=_/this.aspectRatio,C=g-H+b),_==l&&this.aspectRatio&&(H=_/this.aspectRatio,C=g-H+b),this.boxTop=C,this.boxHeight=H,this.boxWidth=_}else if("lb"==i){this.aspectRatio&&(n=-s/this.aspectRatio);var W=f+s;W<0&&(W=0),f+v-W<l&&(W=f+v-l);var T=v-(W-f),L=g+n;L<u&&(L=u),b+L>c&&(L=c-b),L==c-b&&this.aspectRatio&&0!=W&&(T=L*this.aspectRatio,W=v-T+f),0==W&&this.aspectRatio&&(L=T/this.aspectRatio),T==l&&this.aspectRatio&&(L=T/this.aspectRatio),this.boxLeft=W,this.boxWidth=T,this.boxHeight=L}else if("rb"==i){this.aspectRatio&&(n=s/this.aspectRatio);var P=v+s;P<l&&(P=l),f+P>r&&(P=r-f);var M=g+n;M<u&&(M=u),b+M>c&&(M=c-b),M==c-b&&this.aspectRatio&&P!=r-f&&(P=M*this.aspectRatio),P==r-f&&this.aspectRatio&&(M=P/this.aspectRatio),P==l&&this.aspectRatio&&(M=P/this.aspectRatio),this.boxWidth=P,this.boxHeight=M}},touchStart:function(t){var i=t.touches[0],e=i.pageX,a=i.pageY;x=e,m=a,f=this.boxLeft,b=this.boxTop,v=this.boxWidth,g=this.boxHeight},close:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.show=!1,t&&(this.imagePath="")},init:function(t){var i=this;if(!t)return"";this.imagePath=t,uni.showLoading({mask:!0,title:"载入图片中"}),uni.createSelectorQuery().in(this).select(".cropper-body").boundingClientRect((function(t){t.left,t.top,a=t.width,o=t.height,uni.getImageInfo({src:i.imagePath,success:function(t){p=t.width,h=t.height;var e=p/h,f=a/o;e>=f?(r=a,c=r/e,d=h/c):(c=o,r=o*e,d=p/r),s=(a-r)/2,n=(o-c)/2,l=r*i.minBoxWidthRatio,u=c*i.minBoxHeightRatio;var b=r*i.initialBoxWidthRatio,v=c*i.initialBoxHeightRatio;i.aspectRatio&&(v=b/i.aspectRatio),v>c&&(v=c,b=v*i.aspectRatio);var g=(r-b)/2,x=(c-v)/2;i.canvasWidth=1*p,i.canvasHeight=1*h,i.stageLeft=s,i.stageTop=n,i.stageWidth=r,i.stageHeight=c,i.boxWidth=b,i.boxHeight=v,i.boxLeft=g,i.boxTop=x,setTimeout((function(){uni.hideLoading(),i.show=!0}),100)},fail:function(){uni.showToast({icon:"none",title:"图片载入失败"})}})})).exec()}}};i.default=w},"94b2":function(t,i,e){"use strict";var a=e("0c65"),o=e.n(a);o.a},ad93:function(t,i,e){"use strict";e.r(i);var a=e("ba75"),o=e("2869");for(var s in o)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return o[t]}))}(s);var n=e("828b"),r=Object(n["a"])(o["default"],a["b"],a["c"],!1,null,"32dbad41",null,!1,a["a"],void 0);i["default"]=r.exports},ba75:function(t,i,e){"use strict";e.d(i,"b",(function(){return a})),e.d(i,"c",(function(){return o})),e.d(i,"a",(function(){}));var a=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{staticClass:"centent"},[e("cropper",{ref:"cropper",attrs:{aspectRatio:null,width:t.width,height:t.height,initialBoxWidthRatio:"1",initialBoxHeightRatio:"1"},on:{complete:function(i){arguments[0]=i=t.$handleEvent(i),t.complete.apply(void 0,arguments)},cancel:function(i){arguments[0]=i=t.$handleEvent(i),t.cancel.apply(void 0,arguments)}}})],1)},o=[]},ce6c:function(t,i,e){"use strict";e.r(i);var a=e("20d1"),o=e("d7d1f");for(var s in o)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return o[t]}))}(s);e("94b2");var n=e("828b"),r=Object(n["a"])(o["default"],a["b"],a["c"],!1,null,"670b5880",null,!1,a["a"],void 0);i["default"]=r.exports},d7d1f:function(t,i,e){"use strict";e.r(i);var a=e("41fd"),o=e.n(a);for(var s in a)["default"].indexOf(s)<0&&function(t){e.d(i,t,(function(){return a[t]}))}(s);i["default"]=o.a}}]);
|
