!function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t=["auditStatus","lessonCoverUrl","lessonPrice","lessonDesc","lessonSubject","lessonName","id"];function o(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},i=Object.keys(e);for(r=0;r=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==o)return;var r,n,i=[],a=!0,s=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(c){s=!0,n=c}finally{try{a||null==o.return||o.return()}finally{if(s)throw n}}return i}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){if(e){if("string"==typeof e)return i(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o=0;--n){var i=this.tryEntries[n],a=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var s=r.call(i,"catchLoc"),c=r.call(i,"finallyLoc");if(s&&c){if(this.prev=0;--o){var n=this.tryEntries[o];if(n.tryLoc<=this.prev&&r.call(n,"finallyLoc")&&this.prev=0;--t){var o=this.tryEntries[t];if(o.finallyLoc===e)return this.complete(o.completion,o.afterLoc),_(o),d}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var o=this.tryEntries[t];if(o.tryLoc===e){var r=o.completion;if("throw"===r.type){var n=r.arg;_(o)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,o){return this.delegate={iterator:k(e),resultName:t,nextLoc:o},"next"===this.method&&(this.arg=void 0),d}},t}function u(e,t,o,r,n,i,a){try{var s=e[i](a),c=s.value}catch(l){return void o(l)}s.done?t(c):Promise.resolve(c).then(r,n)}function p(e){return function(){var t=this,o=arguments;return new Promise((function(r,n){var i=e.apply(t,o);function a(e){u(i,r,n,a,s,"next",e)}function s(e){u(i,r,n,a,s,"throw",e)}a(void 0)}))}}var d=document.createElement("style");d.innerHTML='._uploadSection_1p3wv_1{width:156px;height:106px;background:#f8faf9;border-radius:4px;border:1px solid rgba(45,199,170,.26);font-size:14px;color:#2dc7aa;line-height:20px}._uploadFile_1p3wv_11{width:100%;min-width:300px;height:40px;border:1px solid rgba(142,142,142,.26);border-radius:4px;display:flex;align-items:center;padding:0 15px;color:var(--el-text-color-regular)}._uploadFile_1p3wv_11 .el-icon{margin-right:5px}._fileUpload_1p3wv_25 ._uploadClass_1p3wv_25{position:relative;display:flex;width:96px}._fileUpload_1p3wv_25 .el-upload{justify-content:flex-start}._fileUpload_1p3wv_25 .el-upload--text{width:100%}._fileUpload_1p3wv_25 .el-loading-spinner{display:flex;align-items:center;height:40px!important;justify-content:center;margin-top:-20px!important}._fileUpload_1p3wv_25 .el-loading-spinner svg{width:20px;height:20px;margin-right:5px}._disabled_1p3wv_48 ._uploadClass_1p3wv_25{cursor:not-allowed!important}._uploadClass_1p3wv_25{height:106px;width:100%}._uploadClass_1p3wv_25 .el-loading-spinner{margin-top:-43px;height:106px}._course-preview_1kqna_1{background-color:#f6f8f9;max-height:500px;overflow-y:auto;overflow-x:hidden}._createSubmit_1kqna_7 ._introduction_1kqna_7{color:#7a7a7a;line-height:23px;padding-bottom:8px}._userDetail_1kqna_12 ._banner_1kqna_12{width:100%;height:210px;overflow:hidden;vertical-align:middle}._userDetail_1kqna_12 ._userInfo_1kqna_18{overflow:hidden;border-top:1px solid #ebebeb;display:flex;justify-content:space-between}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._avatar_1kqna_24{width:24px;height:24px;border-radius:50%;overflow:hidden}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._name_1kqna_30{padding-left:8px;font-size:16px;font-weight:500;color:#333;line-height:22px;display:flex;align-items:center}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._buyNum_1kqna_39{color:#ff802c;font-size:14px;display:flex;align-items:center}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._buyNum_1kqna_39:before{content:" ";display:inline-block;width:1px;height:12px;margin:0 8px;background:#d3d3d3}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._buyNumInfo_1kqna_53{font-size:12px;color:#6a6a6a;display:flex;align-items:center}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._buyNumInfo_1kqna_53 ._iconBuy_1kqna_59{margin-right:5px}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._info_1kqna_62{font-size:16px;font-weight:400;color:var(--van-primary);line-height:17px}._userDetail_1kqna_12 ._userInfo_1kqna_18 ._userTitle_1kqna_68{font-size:18px;color:#1a1a1a;font-weight:500;display:block!important}._videoImg_1kqna_74{width:100px;height:70px;position:relative;border-radius:4px;overflow:hidden}._videoImg_1kqna_74 ._videoStop_1kqna_81{position:absolute;top:50%;right:0;left:50%;bottom:0;margin-top:-13px;margin-left:-13px;display:flex;align-items:center;justify-content:center}._videoTitle_1kqna_93{padding-left:8px;font-size:13px;display:flex;flex-direction:column;height:100%;justify-content:space-around}._videoTitle_1kqna_93 ._videoTitleText_1kqna_101{font-size:15px;color:#000;max-width:210px}._videoTitle_1kqna_93 ._videoTitleContent_1kqna_106{color:#7a7a7a;line-height:18px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}._courseContent_ca6ve_1 .el-dialog{--el-dialog-width: 375px !important}._courseContent_ca6ve_1 .el-dialog__body{padding:0}._courseContent_ca6ve_1 .el-dialog__footer{background-color:#f6f8f9}._uploadSection_1scl2_1{width:156px;height:106px;background:#f8faf9;border-radius:4px;border:1px solid rgba(45,199,170,.26);font-size:14px;color:#2dc7aa;line-height:20px}._uploadClass_1scl2_11{height:106px;width:100%}._uploadClass_1scl2_11 .el-loading-spinner{margin-top:-43px;height:106px}._avatar-upload-preview_range_1scl2_19,._avatar-upload-preview_1scl2_19{width:180px;height:180px;box-shadow:0 0 4px #ccc;overflow:hidden}._avatar-upload-preview_range_1scl2_19 img,._avatar-upload-preview_1scl2_19 img{background-color:#f7f7f7;height:100%}._avatar-upload-preview_range_1scl2_19{border-radius:0}._previewImg_1scl2_34{padding-left:50px;padding-top:10px}._previewImg_1scl2_34>span{display:block;color:#212121;font-size:16px;padding-bottom:15px}._operation_1scl2_44{font-size:24px;display:flex;align-items:center;margin-top:20px}._operation_1scl2_44>i{margin-left:12px;cursor:pointer}._operation_1scl2_44 ._icon-rate_1scl2_54{display:inline-block;width:20px;height:20px;background:url(./images/icon_rate.png) no-repeat center;background-size:contain}._vue-cropper_1scl2_61{border-radius:5px;overflow:hidden}:deep(._el-dialog_1scl2_65){margin-bottom:10vh}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68{background:#fff;padding:15px 20px}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68 ._el-dialog__title_1scl2_72{color:#212121}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68 ._el-dialog__headerbtn_1scl2_75 ._el-dialog__close_1scl2_75{color:#212121}:deep(._el-dialog_1scl2_65) ._el-dialog__body_1scl2_78{padding-top:0}.vue-cropper[data-v-be5e5ddc]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box[data-v-be5e5ddc],.cropper-box-canvas[data-v-be5e5ddc],.cropper-drag-box[data-v-be5e5ddc],.cropper-crop-box[data-v-be5e5ddc],.cropper-face[data-v-be5e5ddc]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-box-canvas img[data-v-be5e5ddc]{position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-be5e5ddc]{overflow:hidden}.cropper-move[data-v-be5e5ddc]{cursor:move}.cropper-crop[data-v-be5e5ddc]{cursor:crosshair}.cropper-modal[data-v-be5e5ddc]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-be5e5ddc]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-view-box img[data-v-be5e5ddc]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-be5e5ddc]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-be5e5ddc]{position:absolute;left:0px;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-be5e5ddc]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-be5e5ddc]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-be5e5ddc]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-be5e5ddc]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-be5e5ddc]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-be5e5ddc]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-be5e5ddc]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-be5e5ddc]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-be5e5ddc]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-be5e5ddc]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-be5e5ddc]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-be5e5ddc]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-be5e5ddc]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-be5e5ddc]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width: 500px){.crop-point[data-v-be5e5ddc]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-be5e5ddc]{top:-10px;left:-10px}.point2[data-v-be5e5ddc],.point4[data-v-be5e5ddc],.point5[data-v-be5e5ddc],.point7[data-v-be5e5ddc]{display:none}.point3[data-v-be5e5ddc]{top:-10px;right:-10px}.point4[data-v-be5e5ddc]{top:0;left:0}.point6[data-v-be5e5ddc]{bottom:-10px;left:-10px}.point8[data-v-be5e5ddc]{bottom:-10px;right:-10px}}._tabs_1gmo5_1 .el-tabs__nav-wrap:after{background-color:transparent}\n',document.head.appendChild(d),System.register(["./index-legacy.653a8538.js","./index-legacy.7a6c6e87.js","./index-legacy.936e066d.js","./icon_teacher-legacy.51535f30.js","./index2-legacy.6dbd2311.js","./toolsValidate-legacy.b90c63da.js","./index2-legacy.e34406f9.js","./index2-legacy.10c232f6.js","./index2-legacy.ba616e93.js"],(function(e){"use strict";var i,a,c,u,d,h,f,g,m,v,A,b,x,w,y,L,_,C,k,S,I,U,E,O,M,T,q,W,X,N,B,Y,H,P,V,z,j,K,R,D,F,G,J,Q,Z,$;return{setters:[function(e){i=e.C},function(e){a=e.d,c=e.bb,u=e.b,d=e.c,h=e.M,f=e.r,g=e.b9,m=e.bA,v=e.a,A=e.E,b=e.b7,x=e.b8,w=e.am,y=e.bd,L=e.be,_=e.L,C=e.bf,k=e.aJ,S=e.t,I=e.v,U=e.U,E=e.V,O=e.x,M=e.H,T=e.G,q=e.z,W=e.a7,X=e.bU,N=e.bV,B=e.bW,Y=e.aw,H=e.ay,P=e.az,V=e.F},function(e){z=e.E,j=e.a,K=e.C,R=e.i},function(e){D=e.i},function(e){F=e.E},function(e){G=e.v},function(e){J=e.E,Q=e.a},function(e){Z=e.E,$=e.b},function(){}],execute:function(){var ee={uploadSection:"_uploadSection_1p3wv_1",uploadFile:"_uploadFile_1p3wv_11",fileUpload:"_fileUpload_1p3wv_25",uploadClass:"_uploadClass_1p3wv_25",disabled:"_disabled_1p3wv_48"},te=a({name:"col-upload-video",props:{modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},bucket:{type:String,default:"daya"},multiple:{type:Boolean,default:!1},limit:{type:Number,default:1},size:{type:Number,default:50},accept:{type:String,default:".mp4"},tips:{type:String,default:"请上传视频"},extraTips:{type:String,default:"视频最大不能超过50MB"},multipleModel:{type:Function,default:function(e){}}},data:function(){return{ossUploadUrl:"https://ks3-cn-beijing.ksyuncs.com/"+this.bucket,dataObj:{policy:"",signature:"",key:"",KSSAccessKeyId:"",acl:"public-read",name:""},fileList:[],tempUrls:{},responseList:[],btnLoading:!1,loading:null}},methods:{handleSuccess:function(e,t,o){var r;if(null===(r=this.loading)||void 0===r||r.close(),console.log(this.fileList,"fileList"),console.log(e,t,o,"response"),this.multiple)"success"===t.status&&this.responseList.push(this.tempUrls[t.uid]),o.length===this.responseList.length&&(this.btnLoading=!1,this.multipleModel(this.responseList));else{var n=this.ossUploadUrl+"/"+this.dataObj.key;this.$emit("update:modelValue",n)}},handleRemove:function(){console.log("remove")},handleChange:function(){console.log("handleChange")},handleProgress:function(e){console.log("handleProgress",e)},handleError:function(){var e;this.btnLoading=!1,null===(e=this.loading)||void 0===e||e.close()},beforeUpload:function(e){var t=this;return p(l().mark((function o(){var r,n,i,a,s,p;return l().wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(console.log(e),!0,!t.size){o.next=7;break}if(e.size/1024/10240&&void 0!==arguments[0]?arguments[0]:"";return e.split("/").pop()},handleExceed:function(e){if(e.length>this.limit)return c.error("一次性最多只能上传".concat(this.limit,"个文件")),!1}},render:function(){var e=this;return d("div",{class:[ee.colUpload,"w-full"]},[d(j,{disabled:this.disabled,action:this.ossUploadUrl,data:this.dataObj,onSuccess:this.handleSuccess,onRemove:this.handleRemove,onChange:this.handleChange,onProgress:this.handleProgress,onError:this.handleError,fileList:this.fileList,showFileList:!1,accept:this.accept,beforeUpload:this.beforeUpload,onExceed:this.handleExceed,ref:"uploadRef",multiple:this.multiple,limit:this.limit,class:[this.multiple&&ee.fileUpload,this.disabled&&ee.disabled]},{default:function(){return[d("div",{ref:"uploadDom",class:[ee.uploadClass,"w-full"],style:{height:e.multiple?"40px":"106px"}},[e.modelValue?d("video",{ref:"videoUpload",crossorigin:"anonymous",class:ee.uploadSection,src:e.modelValue},null):e.multiple?d(h,{size:"large",type:"primary",loading:e.btnLoading},{default:function(){return[e.btnLoading?"上传中...":"点击上传"]}}):d("div",{class:[ee.uploadSection,"flex items-center flex-col justify-center"]},[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAyCAMAAAAz3ZgNAAAAAXNSR0IArs4c6QAAAX1QTFRFAAAAAP8AAP//AP+AAP//AKqqVaqqVf+qAL+AJNu2IL+fM8yZM8yzLtG5Kr+qKtWqJ8SxMM+vK8aqKMmuLMixLsmqLcutLMWoK8aqKcisK8iqLsuoLcaqLMisK8moMMqqL8usLMmsL8aqLsesLcmqLcaqK8ipLMaoLMarLcWoLsisLsWqLsiqLsWrLsirLsmrLceqLMaqLserLcisLcaqLMaqLsiqLsaoLsirLcmsLceqLcerLciqLseqLMerLMepLcapLsirLsepLsirLcepLMepLcipLsiqLceqLMepLcerLciqLceqLciqLserLciqLceqLceqLceqLMiqLMaqLcirLceqLsaqLsiqLceqLciqLciqLciqLceqLciqLcepLceqLciqLMeqLMeqLcirLceqLciqLcerLciqLceqLceqLceqLcerLMepLceqLceqLMeqLcaqLceqLceqLceqLcaqLceqLcerLceqLcepLceqLMiqLceqLcirLceqsuDHzwAAAH50Uk5TAAEBAgIDAwMEBwgKCgsMDA0QEhMXISIjJCUqLC0uLzAxNDY3OT9BTExPU1RUWFheYGNka2xvb3BwcXJ2eHt/gIKLkZGSlZiipaepqq6vs7S1tre4ubm6vb6/wcbH1tjZ2dna293e3uPj5Ofp6evt7vHz9fb3+Pj4+fr6/f7+i9OX2AAAAdNJREFUSMft1mdTwkAQBuBVQcVeELvYCxbsir1gF3sBGyr2imBH97cbzmggOZLL+cFxxvfTcrMPuSTLcAD6YvPdrRYCb2pCiHiSEbVWOOF7RNW83aw1x4dbZ8jHhkjteEGWrGQJvW5SdkTobmTMTjKAR84tz6wc+yl8nFnjPIXvMTj/SEmawWCIp/B7be3N++5WcG0dFMbE0t5JckhW5kjd0Zgu8afJ6uzMKidlAMYA7A/ULz4u+OLnlZ+bsZ4qmmrBHIixsXWRP1V+3YxVcX0L1Me6rweRT0oPwynvKYeyWNwn8mqJV8l7egGm6TpkE3m2xDPlTUcmMHYveNzh3JKVg3Dpcc/WAAPHKaPWe1fbPOJmiQZXe3RC3neX5l2uAYknuKK42ouj/WSSMHpoVcaGxhNlXGVolbxTyRmyDLBCilZI5eBegC4yqvlQxMGxFIzC/AXsAMM8fFOYn7I6M0Cen4fjlOnzj2EfuTge9ZZbaseCyMml/PM/xOfOfsRbUvquxfKVhwNkDflJucXHAXJHhZm9KOblAOb2thzg55H5XX6vgzcp+Z4OXqHkOg5ml8lKruNYOEg7JPew6m0T9ZDteGXSGzkxDunaB/LQ1aItjkY/AA/7Wc4JL6xFAAAAAElFTkSuQmCC",class:"w-8 h-7 mb-3"},null),d("p",null,[e.tips])])])]}}),!this.multiple&&d("p",{class:"text-3 text-[#999999] leading-6 pt-1"},[this.extraTips])])}}),oe=f({groupId:0,active:0,tabIndex:1,loadingStatus:!1,rate:0,subjectList:[],templateList:["https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdc.png","https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdl.png","https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJdK.png","https://daya.ks3-cn-beijing.ksyun.com/202204/T3unJeA.png"],lessonGroup:{id:null,lessonName:"",lessonSubject:null,lessonDesc:"",lessonPrice:null,lessonCoverUrl:"",lessonCoverTemplateUrl:""},lessonList:[]}),re={"course-preview":"_course-preview_1kqna_1",createSubmit:"_createSubmit_1kqna_7",introduction:"_introduction_1kqna_7",userDetail:"_userDetail_1kqna_12",banner:"_banner_1kqna_12",userInfo:"_userInfo_1kqna_18",avatar:"_avatar_1kqna_24",name:"_name_1kqna_30",buyNum:"_buyNum_1kqna_39",buyNumInfo:"_buyNumInfo_1kqna_53",iconBuy:"_iconBuy_1kqna_59",info:"_info_1kqna_62",userTitle:"_userTitle_1kqna_68",videoImg:"_videoImg_1kqna_74",videoStop:"_videoStop_1kqna_81",videoTitle:"_videoTitle_1kqna_93",videoTitleText:"_videoTitleText_1kqna_101",videoTitleContent:"_videoTitleContent_1kqna_106"},ne=a({name:"course-preview",computed:{userInfo:function(){var e=oe.lessonGroup,t=g.user.data||{};return{id:t.id,username:t.username||"游客".concat(t.id||""),headUrl:t.headUrl,lessonName:e.lessonName,buyNum:0,lessonDesc:e.lessonDesc,lessonPrice:e.lessonPrice,lessonCoverUrl:e.lessonCoverTemplateUrl||e.lessonCoverUrl,lessonNum:oe.lessonList.length}},lessonList:function(){return oe.lessonList||[]}},render:function(){return d("div",{class:[re["course-preview"],"pb-3"]},[d("div",{class:re.userDetail},[d(m,{class:[re.banner],src:this.userInfo.lessonCoverUrl,fit:"cover"},null),d("div",{class:"bg-white"},[d("div",{class:"p-[14px] text-lg text-[#1a1a1a] font-medium leading-none"},[v("标题")]),d("div",{class:[re.userInfo,"mx-[14px] py-[14px]"]},[d("div",{class:"flex"},[d(m,{class:re.avatar,src:this.userInfo.headUrl||D,fit:""},null),d("div",{class:re.name},[this.userInfo.username||"游客".concat(this.userInfo.id||""),d("div",{class:re.buyNum},[this.userInfo.buyNum,v("人已购买")])])]),d("div",{class:re.info},[v("¥"),this.userInfo.lessonPrice,v("/"),this.userInfo.lessonNum,v("课时")])])])]),d("div",{class:[re["section-detail"],"mt-[10px] mx-[14px] rounded-lg bg-white"]},[d("div",{class:"flex items-center py-3 px-[10px] text-[#333333] text-base"},[d(A,{size:18,class:"mr-2"},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAMxQTFRFAAAA/wAA/4AA/1VV/4BA/3hL/3lR/3lJ/3tM/3lK/3ZJ/3VL/3dK/3hM/3dL/3ZL/3lL/3dK/3hL/3dK/3hM/3hM/3ZN/3lK/3dM/3ZL/3dK/3hL/3dL/3hK/3ZM/3dK/3ZL/3ZK/3dL/3dL/3ZL/3dM/3dL/3dM/3dL/3dL/72U/7yT/7yU/3dM/3dL/3ZK/3dM/3hL/3dM/3dL/3dL/3dL/3dK/3dL/3dL/3dK/3dL/3dL/3dL/3hL/3ZK/3dL/3dL/3dL/3dL/7yT8tV7KQAAAEJ0Uk5TAAECAwQRExUbNzg9PkZHTk5PZmdobG5udnd4e36GipSZqKmwsba8vb6/wcLDx8/R1NfY3N3e3+Pk5ujt7vH6+/z+WujnJgAAAL5JREFUOMtjYBicQMTUCRNYSDAhqxFywg6kkRWZ4FBkzYKkCCJkY2RkZIuqih1dkRQjkMUsh1eRPoTJZI5PkRKUrYFPkSKUrU6xIk0o2wCfIntuMFPQEW8Q2KkoKCioOuAPJ2wAqEhbhwhFzs6kKlKTlEABMpZYFLGhpzExLIpkuThRAI8uuW6iniJ5Pl4UwK+HRREruu9EsShSFhFGAeJm1Ha4lhYRiuDAGJciLiKyuZMhB6ECAwSsBKhdNgEAhZGjV9WWahoAAAAASUVORK5CYII="},null)]}}),v("课程介绍")]),d("div",{class:"mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB]"},[this.userInfo.lessonDesc])]),d("div",{class:[re["section-detail"],"mt-[10px] mx-[14px] rounded-lg bg-white"]},[d("div",{class:"flex items-center py-3 px-[10px] text-[#333333] text-base"},[d(A,{size:18,class:"mr-2"},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAYlQTFRFAAAA/wAA//8A/4AA/4CA/1VV/6pV/4BA/3FV/4BN/3RG/2pA/4BA/3dE/3hL/3FH/3lR/3pO/3VK/3tM/3ZJ/3tP/3dM/3NK/3hQ/3RN/3xN/3hL/3VJ/3lK/3NN/3dN/3VN/3hI/3hN/3ZM/3lK/3lM/3lJ/3dK/3pL/3pM/3pK/3hJ/3hK/3dJ/3dL/3dM/3ZJ/3hK/3hN/3hL/3pN/3hJ/3hM/3hK/3lK/3ZL/3hK/3ZK/3hM/3dL/3dK/3dL/3hL/3dL/3hL/3ZL/3dK/3dL/3dM/3hL/3hK/3hM/3ZK/3hL/3ZL/3hL/3dL/3dK/3ZL/3hL/3dK/3hM/3dL/3hL/3dK/3dL/3dL/3hL/3dL/3hM/3dL/3dL/3hL/3hM/3dL/3hL/3dL/3dL/3dL/3dL/3dL/3ZK/3dL/3dL/3dK/3dL/3hL/3dL/3dL/3dL/3dL/3ZL/3dL/3dL/3dL/3dL/3hL/3dL/3dL/3dL/3dL/3ZL/3dL/3dL/3dK/3dL/3ZL/3dL/3dLUpnnKgAAAIJ0Uk5TAAEBAgIDAwQJCgsMDA8REhMXGBscHR4fICEhIiMmKCsyNTU2Nzk7PkFDRUZISUtNUFNTVVZXV1ldX2BhbG14en1+hIyNjpCVl5ebnaamp6+xsbKztLW2uLq7vMDByMjKy9PV1tna29zc3d/f4OTl5urr6+zu7/H09fb3+Pj5+vv8/C49xn0AAAFgSURBVDjLY2CgLjAKTk5BAgqCtowYajyaUIGaSFOEMJoakyZMRU0l5qiKwtEVqQuDSD8+ZEUZ6IqsWYtBVK42kqIcdEXRDHqlIDqfGY+iJgcGLgVlZWUBfCY1NYXqy0oAARNeRVDAO6CKGhx1dZCAQRg2RT5oUcVZhUWRG3qkl2BRlC2EqsYYq8Nr0lKRQKavhZK8hj0HPt+FiArbBcZGOivjUeTK7lQLYQUL4VLkzx4AZ2eJISkqVmVjgQEGJ1DAeaaDVcWzIhS5I/lMGGRXKoMjxCxLhCIvJEV2TciKohGKyk2lJKCAMQhFUTUrNodzx0EUKdrY2LgCWXzYFMlEgcg8cPqWbGpqhJiUhKrI0AVMlRUBQWVTUyLETd6oivxUULiOEEVyFSii9fIhSLxCWCRrFaCoipPOhrPrNOEhw2Nm74AE1MQTYOZo4imLWK1iapoaEx15CZRZrPzsJJVxAFTmTJ0otZgdAAAAAElFTkSuQmCC"},null)]}}),v("课程列表")]),d("div",{class:"mx-[10px] pt-[10px] pb-4 text-sm text-[#7A7A7A] border-t border-t-[#EBEBEB] flex flex-col"},[oe.lessonList.map((function(e){return d("div",{class:"flex mb-3"},[d("div",{class:re.videoImg},[d(m,{class:"align-middle h-[70px] w-[100px]",src:e.coverUrl,fit:"cover"},null),d(A,{class:re.videoStop,size:26},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA2CAMAAAC/bkrSAAAAAXNSR0IArs4c6QAAAYlQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQUFDg4OEBAQGRkZHR0dHx8fJSUlKSkpLCwsOzs7Pj4+QEBAVFRUVVVVXl5ea2trbW1teXl5e3t7fX19f39/gYGBkJCQk5OTpKSkp6enp6ensLCwsLCwtra2tra2w8PDxsbGxsbGzs7Oz8/P0NDQ0tLS0tLS09PT29vb29vb4uLi5eXl5ubm5ubm7Ozs7e3t7e3t8PDw8PDw8PDw8fHx8/Pz9vb29/f3+vr6+vr6/f39/f39/v7+/////v7+////////J7wfagAAAIJ0Uk5TAAECAwQFBwgJDQ8VFxkaGyAhIiQqKy4vMDIzNDU3ODk7PT4/QUJDREdJTU5RUlNUVVZXWFpbXV5fYGFkZWZnaGlqa21ucHJydHV1ent8g4SHjI2Sk5OVlp6eqaqrsbK1tr/AwcfIysrNzdPU297e3+bm5+nq6+zu8vL3+Pv8/f3+/h4twksAAAIJSURBVBgZrcEHV9pQAAbQT4SIgKIiigMX7lUVZ7CQzy67996tHa97T631/fI6EPNeEojn9F64qYknu/uGhvq6k/Ea+BLrmbZYYk33xFBBsHWWDrOtQXgLpEy6MlMBeKjP0lO2Hm6qOi2WYXVWwSE0ygpGQ9CEp1jRVBgKY4Y+zBiwqR6nL+PVOJChTxmUJOhbAkWGSd9MA3syVKw+WLt3gl4y2BWxaLf6WUr57Ro9WBHs6Kfivtyx9ewM3fVjWzhPxQu55+dtusqHAbRQJeS+1+fppgXAJFVClvy+u0KnScCwqBLS5t1FOlgGmqgR0m790XHqmtBFjZCqT1eo6cIINUJq/j49RcUIstQI6fDlLO2yWKJGSKfntFvCUWqEdPpKu2UUqBHS6Q3tCshRI6TDnxu0y2GBGiF1369TsYAj1Aip2nxykqpJDFIjpOLjZeoG0UaNkDbrD4/RoQ111Ah54O0FuqhDYJkqIff9urNCF8sBYJiql7Lo1Tm6GgbQQNVjuevHLXpoABBYpOLShpRya+00PSwGsC1F1c0PG++v0lMKO0ImD8EMYVczD6EZRRP0bQL7Ijn6lIugJEGfErDpoC8dUPTSh15o0qwoDYdknmXlk3ARnWMZc1G4Cqbz9JBPB+ElMlCgi8JABOXUpuepmU/XoqJY+5jJInOsPQa/jGi8sTEeNfD//AORQWsF93/GiwAAAABJRU5ErkJggg=="},null)]}})]),d("div",{class:[re.videoTitle,"!h-[70px]"]},[d("p",{class:[re.videoTitleText,"whitespace-nowrap overflow-hidden text-ellipsis"]},[e.videoTitle]),d("p",{class:[re.videoTitleContent]},[e.videoContent])])])}))])])])}}),ie="_courseContent_ca6ve_1",ae=a({name:"course-content",data:function(){return{show:!1,form:{lessonList:[{key:1,videoTitle:"",videoContent:"",videoUrl:"",coverUrl:""}]}}},methods:{handleUpload:function(e){console.log(e),(e||[]).forEach((function(e){oe.lessonList.push({videoTitle:"",videoContent:"",videoUrl:e,coverUrl:""})}))},handleSubmit:function(){var e=this;this.$refs.form.validate(function(){var t=p(l().mark((function t(o){return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!o){t.next=8;break}if(!(oe.lessonList.length<=0)){t.next=4;break}return c.error("请上传课程视频"),t.abrupt("return");case 4:console.log("提交数据"),e.show=!0,t.next=10;break;case 8:return e.$nextTick((function(){document.getElementsByClassName("is-error")[0].scrollIntoView({block:"center",behavior:"smooth"})})),t.abrupt("return",!1);case 10:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}())},createSubmit:function(){var e=this;return p(l().mark((function t(){var o,r;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,o=oe.lessonGroup,r={lessonList:oe.lessonList,lessonGroup:s(s({},o),{},{lessonCoverUrl:o.lessonCoverTemplateUrl||o.lessonCoverUrl})},!oe.groupId){t.next=9;break}return t.next=6,u.post("/api-website/videoLessonGroup/update",{data:r});case 6:c.success("修改成功"),t.next=12;break;case 9:return t.next=11,u.post("/api-website/videoLessonGroup/add",{data:r});case 11:c.success("创建成功");case 12:sessionStorage.setItem("videoActiveName","DOING"),e.$router.back(),t.next=18;break;case 16:t.prev=16,t.t0=t.catch(0);case 18:case"end":return t.stop()}}),t,null,[[0,16]])})))()},swapItems:function(e,t,o){return e[t]=e.splice(o,1,e[t])[0],e}},render:function(){var e=this;return d("div",{class:ie},[d(b,{class:"px-[140px] pb-10 pt-7 min-h-[280px]",size:"large",labelWidth:"90px",labelPosition:"left",ref:"form",model:oe},{default:function(){return[d(x,{label:"课程视频",required:!0},{default:function(){return[d(te,{multiple:!0,limit:3,bucket:"video-course",multipleModel:function(t){e.handleUpload(t)}},null)]}}),oe.lessonList.map((function(t,o){return d("div",{class:"p-4 pt-5 rounded-xl mb-3 border border-dashed border-gray-300 relative",key:t.key},[d("div",{class:"absolute right-4 top-4 z-10 flex"},[0!==o&&d(w,{class:"box-item",effect:"dark",content:"上移",placement:"top"},{default:function(){return[d("div",{onClick:function(){e.swapItems(oe.lessonList,o,o-1)}},[d(A,{size:29},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0DQ0NDg4ODw8PERERExMTFRUVFxcXGBgYGxsbHh4eICAgISEhJCQkQkJCRERER0dHSEhIS0tLTExMTk5OVVVVXFxcYWFhjY2Nk5OTlZWVlpaWmJiYmZmZnZ2dpKSkq6urs7Ozubm5v7+/xcXFysrKzc3N19fX2NjY5eXl6Ojo6+vr7e3t7+/v8/PzQBqgLwAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABMElEQVRIx+3XuXLCMBhF4R9sjO1j9j1hx+xrwqb3f7IUEEKKMLJUpPEp3Gi+Tp65EhERybpePlBaBXnPzcojx1eJ8p07zORClbAwlxERkZwyKCci4oQmNHREsr4yys+KqwxzxTOlnuRNaV4CUxrIq9NZqzX7+/QVHQOMTWgMAHFyuohuNFokpcsC9wrLZHRV5FFxlYSuSzxVWuvTTZlflTe6dFsFoPX4UN3q0V0NgOEEYDIEoLbToYc6AINrDBBfBwDUDxq0A0D/crsTsbr0Aeho0ArA+1l9U3V+A6ho0C7QPqkfqk5toKtBP3qN0VE9U3UcNXqfSf6c+OXtT2lKU5rS/6FzgLkR3UcQ7Y2omjab0xczxGL8WEwui6FnMS8tRq3FlLYZ8DbPBovHiukT6QvDn5DJjUbpuAAAAABJRU5ErkJggg=="},null)]}})])]}}),oe.lessonList.length-1!==o&&d(w,{class:"box-item",effect:"dark",content:"下移",placement:"top"},{default:function(){return[d("div",{onClick:function(){e.swapItems(oe.lessonList,o,o+1)}},[d(A,{size:29,class:"ml-3"},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0DQ0NDg4ODw8PERERExMTFRUVFxcXGBgYGxsbHh4eICAgISEhJCQkQUFBRERER0dHS0tLTExMTk5OVVVVXFxcYWFhjY2Nk5OTlZWVlpaWmJiYmZmZnZ2dpaWlrKyss7Ozubm5v7+/xcXFysrKzc3N19fX2NjY5eXl6Ojo6+vr7e3t7u7u7+/v8/PzuMr56AAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABMklEQVRIx+3Xt3LDMBBF0RWDGC6Vc7ICZeVgK9j8/y9zISsV1oBA44KvYIM5DbGYeSsiImI5eS9IlBJ4eceSW2w/SRXf/oU5N0xSJnRzIiLiJhpxRUTsUIeGtojlJ1rxLXESzTiS16V58XSpJ4EuDeTV6bTZnP59+oruIoh2WnQGMNOiMUCc0YxmNKP/gn70G6PDMz2MGv1PBdoD2sdHemwDPQVaAeie7vTUBago0A4Ag/OVngcAdBTovg7A2/eFfr0BUN+r/OFtDYDhBGAyBKC2VbucTRWA1u1DdaN6r+syTymv1UdiVXqUpVWaaVoW77K4TDeIi8JVFhZpZ3geXWQ0Tz/+8YXGOi9nDDDWenTJe6s1e1FDDMqPQeUyKHoG9dKg1BpUaZMCb7I2GCwruivSD/jVkGLI5Sc4AAAAAElFTkSuQmCC",title:"向下移动"},null)]}})])]}}),oe.lessonList.length>1&&d(w,{class:"box-item",effect:"dark",content:"删除",placement:"top"},{default:function(){return[d("div",{onClick:function(){F.confirm("确定删除该条数据吗?","提示",{type:"warning"}).then((function(){oe.lessonList.splice(o,1)}))}},[d(A,{size:29,class:"ml-3"},{default:function(){return[d("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAAXNSR0IArs4c6QAAAEhQTFRFAAAA////////9vb28/Pz9PT09PT08/Pz8/Pz8/Pz9PT0AAAACwsLGhoaLS0tNDQ0RUVFi4uLra2t19fX2NjY2dnZ7Ozs8/PzedusZQAAAAt0Uk5TAAIFUVWKpNjc8v4WawkrAAABBElEQVRIx+2XUQ6DIAxAq6KoExHd4P43HbppnNKAVLMf3w9Jw4uVlLQAjKSs4JUJouIFS2EhK80hyuwrJnltDlLnyaTmJoJ8yraOUWubc1qaKMoUmImEQRGrFsCd8V48vogeUTm4K2ExrYvVBphY1SBqQMKYGsI5ar/6QTe/yYPzaFD3fJWQ8H9O+JO0uwRccdgVoEAKU3jU8TDWX5nXOR6gzl+Z1wMqtt7qrd7qRZeOcNW3XKs2dsuwNwcbbjyqtHu6nTt0Niw9qsK7hvKousXMVvsaxxNx25e/52glm63XSKUdPaeK7VYVMnIFwCmDHmG8JAy1hFGaMsBTng2Ex0rsE+kNjFEHody3dJ8AAAAASUVORK5CYII="},null)]}})])]}})]),d(y,null,{default:function(){return[d(L,{span:10},{default:function(){return[d(x,{label:"第".concat(o+1,"课")},{default:function(){return[d(te,{modelValue:t.videoUrl,"onUpdate:modelValue":function(e){return t.videoUrl=e},disabled:!0},null)]}})]}}),d(L,{span:10},{default:function(){return[d(x,{label:"视频封面",prop:"lessonList.".concat(o,".coverUrl"),rules:[{required:!0,message:"请上传视频封面"}]},{default:function(){return[d(K,{modelValue:t.coverUrl,"onUpdate:modelValue":function(e){return t.coverUrl=e}},null)]}})]}})]}}),d(x,{label:"课程标题",prop:"lessonList.".concat(o,".videoTitle"),rules:[{required:!0,message:"请输入课程标题"}]},{default:function(){return[d(_,{placeholder:"请输入课程标题",modelValue:t.videoTitle,"onUpdate:modelValue":function(e){return t.videoTitle=e}},null)]}}),d(x,{label:"课程介绍",prop:"lessonList.".concat(o,".videoContent"),rules:[{required:!0,message:"请输入课程介绍"}]},{default:function(){return[d(_,{placeholder:"请输入课程介绍",modelValue:t.videoContent,"onUpdate:modelValue":function(e){return t.videoContent=e},type:"textarea",maxlength:200,rows:4,showWordLimit:!0},null)]}})])}))]}}),d("div",{class:"border-t border-t-[#E5E5E5] text-center pt-6 pb-7"},[d(h,{class:"!w-40 !h-[38px]",onClick:function(){oe.active=0;var e=document.documentElement.scrollTop||document.body.scrollTop;C(e,0)}},{default:function(){return[v("上一步")]}}),d(h,{type:"primary",class:"!w-40 !h-[38px]",onClick:this.handleSubmit},{default:function(){return[v("下一步")]}})]),d(k,{modelValue:this.show,"onUpdate:modelValue":function(t){return e.show=t},title:"预览"},{default:function(){return[d(ne,null,null)]},footer:function(){return d("span",{class:"dialog-footer !text-center block "},[d(h,{size:"large",round:!0,onClick:function(){e.show=!1}},{default:function(){return[v("返回编辑")]}}),d(h,{size:"large",round:!0,type:"primary",onClick:e.createSubmit},{default:function(){return[v("创建完成")]}})])}})])}}),se={uploadSection:"_uploadSection_1scl2_1",uploadClass:"_uploadClass_1scl2_11","avatar-upload-preview_range":"_avatar-upload-preview_range_1scl2_19","avatar-upload-preview":"_avatar-upload-preview_1scl2_19",previewImg:"_previewImg_1scl2_34",operation:"_operation_1scl2_44","icon-rate":"_icon-rate_1scl2_54","vue-cropper":"_vue-cropper_1scl2_61","el-dialog":"_el-dialog_1scl2_65","el-dialog__header":"_el-dialog__header_1scl2_68","el-dialog__title":"_el-dialog__title_1scl2_72","el-dialog__headerbtn":"_el-dialog__headerbtn_1scl2_75","el-dialog__close":"_el-dialog__close_1scl2_75","el-dialog__body":"_el-dialog__body_1scl2_78"},ce={};ce.getData=function(e){return new Promise((function(t,o){var r={};(function(e){var t=null;return new Promise((function(o,r){if(e.src)if(/^data\:/i.test(e.src))t=function(e){e=e.replace(/^data\:([^\;]+)\;base64,/gim,"");for(var t=atob(e),o=t.length,r=new ArrayBuffer(o),n=new Uint8Array(r),i=0;i=8&&(s=o+r));if(s)for(p=u.getUint16(s,n),l=0;l=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,c=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return s=e.done,e},e:function(e){c=!0,a=e},f:function(){try{s||null==o.return||o.return()}finally{if(c)throw a}}}}(t);try{for(a.s();!(o=a.n()).done;){var s=r(o.value,2),c=s[0],l=s[1];i[c]=l}}catch(u){a.e(u)}finally{a.f()}return i},ue=a({data:function(){return{w:0,h:0,scale:1,x:0,y:0,loading:!0,trueWidth:0,trueHeight:0,move:!0,moveX:0,moveY:0,crop:!1,cropping:!1,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:!1,canChangeY:!1,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:!1,rotate:0,isIos:!1,orientation:0,imgs:"",coe:.2,scaling:!1,scalingSet:"",coeStatus:"",isCanShow:!0}},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:!0},canScale:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!1},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:!1},fixedNumber:{type:Array,default:function(){return[1,1]}},fixedBox:{type:Boolean,default:!1},full:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canMoveBox:{type:Boolean,default:!0},original:{type:Boolean,default:!1},centerBox:{type:Boolean,default:!1},high:{type:Boolean,default:!0},infoTrue:{type:Boolean,default:!1},maxImgSize:{type:[Number,String],default:2e3},enlarge:{type:[Number,String],default:1},preW:{type:[Number,String],default:0},mode:{type:String,default:"contain"},limitMinSize:{type:[Number,Array,String],default:function(){return 10}}},computed:{cropInfo:function(){var e={};if(e.top=this.cropOffsertY>21?"-21px":"0px",e.width=this.cropW>0?this.cropW:0,e.height=this.cropH>0?this.cropH:0,this.infoTrue){var t=1;this.high&&!this.full&&(t=window.devicePixelRatio),1!==this.enlarge&!this.full&&(t=Math.abs(Number(this.enlarge))),e.width=e.width*t,e.height=e.height*t,this.full&&(e.width=e.width/this.scale,e.height=e.height/this.scale)}return e.width=e.width.toFixed(0),e.height=e.height.toFixed(0),e},isIE:function(){var e=!!window.ActiveXObject||"ActiveXObject"in window;return e},passive:function(){return this.isIE?null:{passive:!1}}},watch:{img:function(){this.checkedImg()},imgs:function(e){""!==e&&this.reload()},cropW:function(){this.showPreview()},cropH:function(){this.showPreview()},cropOffsertX:function(){this.showPreview()},cropOffsertY:function(){this.showPreview()},scale:function(e,t){this.showPreview()},x:function(){this.showPreview()},y:function(){this.showPreview()},autoCrop:function(e){e&&this.goAutoCrop()},autoCropWidth:function(){this.autoCrop&&this.goAutoCrop()},autoCropHeight:function(){this.autoCrop&&this.goAutoCrop()},mode:function(){this.checkedImg()},rotate:function(){this.showPreview(),(this.autoCrop||this.cropW>0||this.cropH>0)&&this.goAutoCrop(this.cropW,this.cropH)}},methods:{getVersion:function(e){for(var t=navigator.userAgent.split(" "),o="",r=new RegExp(e,"i"),n=0;n=81)t=-1;else if(this.getVersion("safari")[0]>=605){var i=this.getVersion("version");i[0]>13&&i[1]>1&&(t=-1)}else{var a=navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);if(a){var s=a[1];((s=s.split("_"))[0]>13||s[0]>=13&&s[1]>=4)&&(t=-1)}}var c=document.createElement("canvas"),l=c.getContext("2d");switch(l.save(),t){case 2:c.width=o,c.height=r,l.translate(o,0),l.scale(-1,1);break;case 3:c.width=o,c.height=r,l.translate(o/2,r/2),l.rotate(180*Math.PI/180),l.translate(-o/2,-r/2);break;case 4:c.width=o,c.height=r,l.translate(0,r),l.scale(1,-1);break;case 5:c.height=o,c.width=r,l.rotate(.5*Math.PI),l.scale(1,-1);break;case 6:c.width=r,c.height=o,l.translate(r/2,o/2),l.rotate(90*Math.PI/180),l.translate(-o/2,-r/2);break;case 7:c.height=o,c.width=r,l.rotate(.5*Math.PI),l.translate(o,-r),l.scale(-1,1);break;case 8:c.height=o,c.width=r,l.translate(r/2,o/2),l.rotate(-90*Math.PI/180),l.translate(-o/2,-r/2);break;default:c.width=o,c.height=r}l.drawImage(e,0,0,o,r),l.restore(),c.toBlob((function(e){var t=URL.createObjectURL(e);URL.revokeObjectURL(n.imgs),n.imgs=t}),"image/"+this.outputType,1)},checkedImg:function(){var e=this;if(null===this.img||""===this.img)return this.imgs="",void this.clearCrop();this.loading=!0,this.scale=1,this.rotate=0,this.clearCrop();var t=new Image;if(t.onload=function(){if(""===e.img)return e.$emit("img-load","error"),!1;var o=t.width,r=t.height;ce.getData(t).then((function(n){e.orientation=n.orientation||1;var i=Number(e.maxImgSize);!e.orientation&&oi&&(r=r/o*i,o=i),r>i&&(o=o/r*i,r=i),e.checkOrientationImage(t,e.orientation,o,r))}))},t.onerror=function(){e.$emit("img-load","error")},"data"!==this.img.substr(0,4)&&(t.crossOrigin=""),this.isIE){var o=new XMLHttpRequest;o.onload=function(){var e=URL.createObjectURL(this.response);t.src=e},o.open("GET",this.img,!0),o.responseType="blob",o.send()}else t.src=this.img},startMove:function(e){if(e.preventDefault(),this.move&&!this.crop){if(!this.canMove)return!1;this.moveX=("clientX"in e?e.clientX:e.touches[0].clientX)-this.x,this.moveY=("clientY"in e?e.clientY:e.touches[0].clientY)-this.y,e.touches?(window.addEventListener("touchmove",this.moveImg),window.addEventListener("touchend",this.leaveImg),2==e.touches.length&&(this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale))):(window.addEventListener("mousemove",this.moveImg),window.addEventListener("mouseup",this.leaveImg)),this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}else this.cropping=!0,window.addEventListener("mousemove",this.createCrop),window.addEventListener("mouseup",this.endCrop),window.addEventListener("touchmove",this.createCrop),window.addEventListener("touchend",this.endCrop),this.cropOffsertX=e.offsetX?e.offsetX:e.touches[0].pageX-this.$refs.cropper.offsetLeft,this.cropOffsertY=e.offsetY?e.offsetY:e.touches[0].pageY-this.$refs.cropper.offsetTop,this.cropX="clientX"in e?e.clientX:e.touches[0].clientX,this.cropY="clientY"in e?e.clientY:e.touches[0].clientY,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.cropW=0,this.cropH=0},touchScale:function(e){var t=this;e.preventDefault();var o=this.scale,r=this.touches[0].clientX,n=this.touches[0].clientY,i=e.touches[0].clientX,a=e.touches[0].clientY,s=this.touches[1].clientX,c=this.touches[1].clientY,l=e.touches[1].clientX,u=e.touches[1].clientY,p=Math.sqrt(Math.pow(r-s,2)+Math.pow(n-c,2)),d=Math.sqrt(Math.pow(i-l,2)+Math.pow(a-u,2))-p,h=1,f=(h=(h=h/this.trueWidth>h/this.trueHeight?h/this.trueHeight:h/this.trueWidth)>.1?.1:h)*d;if(!this.touchNow){if(this.touchNow=!0,d>0?o+=Math.abs(f):d<0&&o>Math.abs(f)&&(o-=Math.abs(f)),this.touches=e.touches,setTimeout((function(){t.touchNow=!1}),8),!this.checkoutImgAxis(this.x,this.y,o))return!1;this.scale=o}},cancelTouchScale:function(e){window.removeEventListener("touchmove",this.touchScale)},moveImg:function(e){var t=this;if(e.preventDefault(),e.touches&&2===e.touches.length)return this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale),window.removeEventListener("touchmove",this.moveImg),!1;var o,r,n="clientX"in e?e.clientX:e.touches[0].clientX,i="clientY"in e?e.clientY:e.touches[0].clientY;o=n-this.moveX,r=i-this.moveY,this.$nextTick((function(){if(t.centerBox){var e,n,i,a,s=t.getImgAxis(o,r,t.scale),c=t.getCropAxis(),l=t.trueHeight*t.scale,u=t.trueWidth*t.scale;switch(t.rotate){case 1:case-1:case 3:case-3:e=t.cropOffsertX-t.trueWidth*(1-t.scale)/2+(l-u)/2,n=t.cropOffsertY-t.trueHeight*(1-t.scale)/2+(u-l)/2,i=e-l+t.cropW,a=n-u+t.cropH;break;default:e=t.cropOffsertX-t.trueWidth*(1-t.scale)/2,n=t.cropOffsertY-t.trueHeight*(1-t.scale)/2,i=e-u+t.cropW,a=n-l+t.cropH}s.x1>=c.x1&&(o=e),s.y1>=c.y1&&(r=n),s.x2<=c.x2&&(o=i),s.y2<=c.y2&&(r=a)}t.x=o,t.y=r,t.$emit("imgMoving",{moving:!0,axis:t.getImgAxis()}),t.$emit("img-moving",{moving:!0,axis:t.getImgAxis()})}))},leaveImg:function(e){window.removeEventListener("mousemove",this.moveImg),window.removeEventListener("touchmove",this.moveImg),window.removeEventListener("mouseup",this.leaveImg),window.removeEventListener("touchend",this.leaveImg),this.$emit("imgMoving",{moving:!1,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!1,axis:this.getImgAxis()})},scaleImg:function(){this.canScale&&window.addEventListener(this.support,this.changeSize,this.passive)},cancelScale:function(){this.canScale&&window.removeEventListener(this.support,this.changeSize)},changeSize:function(e){var t=this;e.preventDefault();var o=this.scale,r=e.deltaY||e.wheelDelta;r=navigator.userAgent.indexOf("Firefox")>0?30*r:r,this.isIE&&(r=-r);var n=this.coe,i=(n=n/this.trueWidth>n/this.trueHeight?n/this.trueHeight:n/this.trueWidth)*r;i<0?o+=Math.abs(i):o>Math.abs(i)&&(o-=Math.abs(i));var a=i<0?"add":"reduce";if(a!==this.coeStatus&&(this.coeStatus=a,this.coe=.2),this.scaling||(this.scalingSet=setTimeout((function(){t.scaling=!1,t.coe=t.coe+=.01}),50)),this.scaling=!0,!this.checkoutImgAxis(this.x,this.y,o))return!1;this.scale=o},changeScale:function(e){var t=this.scale;e=e||1;var o=20;if((e*=o=o/this.trueWidth>o/this.trueHeight?o/this.trueHeight:o/this.trueWidth)>0?t+=Math.abs(e):t>Math.abs(e)&&(t-=Math.abs(e)),!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t},createCrop:function(e){var t=this;e.preventDefault();var o="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,r="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;this.$nextTick((function(){var e=o-t.cropX,n=r-t.cropY;if(e>0?(t.cropW=e+t.cropChangeX>t.w?t.w-t.cropChangeX:e,t.cropOffsertX=t.cropChangeX):(t.cropW=t.w-t.cropChangeX+Math.abs(e)>t.w?t.cropChangeX:Math.abs(e),t.cropOffsertX=t.cropChangeX+e>0?t.cropChangeX+e:0),t.fixed){var i=t.cropW/t.fixedNumber[0]*t.fixedNumber[1];i+t.cropOffsertY>t.h?(t.cropH=t.h-t.cropOffsertY,t.cropW=t.cropH/t.fixedNumber[1]*t.fixedNumber[0],t.cropOffsertX=e>0?t.cropChangeX:t.cropChangeX-t.cropW):t.cropH=i,t.cropOffsertY=t.cropOffsertY}else n>0?(t.cropH=n+t.cropChangeY>t.h?t.h-t.cropChangeY:n,t.cropOffsertY=t.cropChangeY):(t.cropH=t.h-t.cropChangeY+Math.abs(n)>t.h?t.cropChangeY:Math.abs(n),t.cropOffsertY=t.cropChangeY+n>0?t.cropChangeY+n:0)}))},changeCropSize:function(e,t,o,r,n){e.preventDefault(),window.addEventListener("mousemove",this.changeCropNow),window.addEventListener("mouseup",this.changeCropEnd),window.addEventListener("touchmove",this.changeCropNow),window.addEventListener("touchend",this.changeCropEnd),this.canChangeX=t,this.canChangeY=o,this.changeCropTypeX=r,this.changeCropTypeY=n,this.cropX="clientX"in e?e.clientX:e.touches[0].clientX,this.cropY="clientY"in e?e.clientY:e.touches[0].clientY,this.cropOldW=this.cropW,this.cropOldH=this.cropH,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.fixed&&this.canChangeX&&this.canChangeY&&(this.canChangeY=0),this.$emit("change-crop-size",{width:this.cropW,height:this.cropH})},changeCropNow:function(e){var t=this;e.preventDefault();var o="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,r="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0,n=this.w,i=this.h,a=0,s=0;if(this.centerBox){var c=this.getImgAxis(),l=c.x2,u=c.y2;a=c.x1>0?c.x1:0,s=c.y1>0?c.y1:0,n>l&&(n=l),i>u&&(i=u)}this.$nextTick((function(){var e=o-t.cropX,c=r-t.cropY;if(t.canChangeX&&(1===t.changeCropTypeX?t.cropOldW-e>0?(t.cropW=n-t.cropChangeX-e<=n-a?t.cropOldW-e:t.cropOldW+t.cropChangeX-a,t.cropOffsertX=n-t.cropChangeX-e<=n-a?t.cropChangeX+e:a):(t.cropW=Math.abs(e)+t.cropChangeX<=n?Math.abs(e)-t.cropOldW:n-t.cropOldW-t.cropChangeX,t.cropOffsertX=t.cropChangeX+t.cropOldW):2===t.changeCropTypeX&&(t.cropOldW+e>0?(t.cropW=t.cropOldW+e+t.cropOffsertX<=n?t.cropOldW+e:n-t.cropOffsertX,t.cropOffsertX=t.cropChangeX):(t.cropW=n-t.cropChangeX+Math.abs(e+t.cropOldW)<=n-a?Math.abs(e+t.cropOldW):t.cropChangeX-a,t.cropOffsertX=n-t.cropChangeX+Math.abs(e+t.cropOldW)<=n-a?t.cropChangeX-Math.abs(e+t.cropOldW):a))),t.canChangeY&&(1===t.changeCropTypeY?t.cropOldH-c>0?(t.cropH=i-t.cropChangeY-c<=i-s?t.cropOldH-c:t.cropOldH+t.cropChangeY-s,t.cropOffsertY=i-t.cropChangeY-c<=i-s?t.cropChangeY+c:s):(t.cropH=Math.abs(c)+t.cropChangeY<=i?Math.abs(c)-t.cropOldH:i-t.cropOldH-t.cropChangeY,t.cropOffsertY=t.cropChangeY+t.cropOldH):2===t.changeCropTypeY&&(t.cropOldH+c>0?(t.cropH=t.cropOldH+c+t.cropOffsertY<=i?t.cropOldH+c:i-t.cropOffsertY,t.cropOffsertY=t.cropChangeY):(t.cropH=i-t.cropChangeY+Math.abs(c+t.cropOldH)<=i-s?Math.abs(c+t.cropOldH):t.cropChangeY-s,t.cropOffsertY=i-t.cropChangeY+Math.abs(c+t.cropOldH)<=i-s?t.cropChangeY-Math.abs(c+t.cropOldH):s))),t.canChangeX&&t.fixed){var l=t.cropW/t.fixedNumber[0]*t.fixedNumber[1];l+t.cropOffsertY>i?(t.cropH=i-t.cropOffsertY,t.cropW=t.cropH/t.fixedNumber[1]*t.fixedNumber[0]):t.cropH=l}if(t.canChangeY&&t.fixed){var u=t.cropH/t.fixedNumber[1]*t.fixedNumber[0];u+t.cropOffsertX>n?(t.cropW=n-t.cropOffsertX,t.cropH=t.cropW/t.fixedNumber[0]*t.fixedNumber[1]):t.cropW=u}}))},checkCropLimitSize:function(){this.cropW,this.cropH;var e=this.limitMinSize,t=new Array;return t=Array.isArray[e]?e:[e,e],[parseFloat(t[0]),parseFloat(t[1])]},changeCropEnd:function(e){window.removeEventListener("mousemove",this.changeCropNow),window.removeEventListener("mouseup",this.changeCropEnd),window.removeEventListener("touchmove",this.changeCropNow),window.removeEventListener("touchend",this.changeCropEnd)},endCrop:function(){0===this.cropW&&0===this.cropH&&(this.cropping=!1),window.removeEventListener("mousemove",this.createCrop),window.removeEventListener("mouseup",this.endCrop),window.removeEventListener("touchmove",this.createCrop),window.removeEventListener("touchend",this.endCrop)},startCrop:function(){this.crop=!0},stopCrop:function(){this.crop=!1},clearCrop:function(){this.cropping=!1,this.cropW=0,this.cropH=0},cropMove:function(e){if(e.preventDefault(),!this.canMoveBox)return this.crop=!1,this.startMove(e),!1;if(e.touches&&2===e.touches.length)return this.crop=!1,this.startMove(e),this.leaveCrop(),!1;window.addEventListener("mousemove",this.moveCrop),window.addEventListener("mouseup",this.leaveCrop),window.addEventListener("touchmove",this.moveCrop),window.addEventListener("touchend",this.leaveCrop);var t,o,r="clientX"in e?e.clientX:e.touches[0].clientX,n="clientY"in e?e.clientY:e.touches[0].clientY;t=r-this.cropOffsertX,o=n-this.cropOffsertY,this.cropX=t,this.cropY=o,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})},moveCrop:function(e,t){var o=this,r=0,n=0;e&&(e.preventDefault(),r="clientX"in e?e.clientX:e.touches[0].clientX,n="clientY"in e?e.clientY:e.touches[0].clientY),this.$nextTick((function(){var e,i,a=r-o.cropX,s=n-o.cropY;if(t&&(a=o.cropOffsertX,s=o.cropOffsertY),e=a<=0?0:a+o.cropW>o.w?o.w-o.cropW:a,i=s<=0?0:s+o.cropH>o.h?o.h-o.cropH:s,o.centerBox){var c=o.getImgAxis();e<=c.x1&&(e=c.x1),e+o.cropW>c.x2&&(e=c.x2-o.cropW),i<=c.y1&&(i=c.y1),i+o.cropH>c.y2&&(i=c.y2-o.cropH)}o.cropOffsertX=e,o.cropOffsertY=i,o.$emit("cropMoving",{moving:!0,axis:o.getCropAxis()}),o.$emit("crop-moving",{moving:!0,axis:o.getCropAxis()})}))},getImgAxis:function(e,t,o){e=e||this.x,t=t||this.y,o=o||this.scale;var r={x1:0,x2:0,y1:0,y2:0},n=this.trueWidth*o,i=this.trueHeight*o;switch(this.rotate){case 0:r.x1=e+this.trueWidth*(1-o)/2,r.x2=r.x1+this.trueWidth*o,r.y1=t+this.trueHeight*(1-o)/2,r.y2=r.y1+this.trueHeight*o;break;case 1:case-1:case 3:case-3:r.x1=e+this.trueWidth*(1-o)/2+(n-i)/2,r.x2=r.x1+this.trueHeight*o,r.y1=t+this.trueHeight*(1-o)/2+(i-n)/2,r.y2=r.y1+this.trueWidth*o;break;default:r.x1=e+this.trueWidth*(1-o)/2,r.x2=r.x1+this.trueWidth*o,r.y1=t+this.trueHeight*(1-o)/2,r.y2=r.y1+this.trueHeight*o}return r},getCropAxis:function(){var e={x1:0,x2:0,y1:0,y2:0};return e.x1=this.cropOffsertX,e.x2=e.x1+this.cropW,e.y1=this.cropOffsertY,e.y2=e.y1+this.cropH,e},leaveCrop:function(e){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.$emit("cropMoving",{moving:!1,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!1,axis:this.getCropAxis()})},getCropChecked:function(e){var t=this,o=document.createElement("canvas"),r=new Image,n=this.rotate,i=this.trueWidth,a=this.trueHeight,s=this.cropOffsertX,c=this.cropOffsertY;function l(e,t){o.width=Math.round(e),o.height=Math.round(t)}r.onload=function(){if(0!==t.cropW){var u=o.getContext("2d"),p=1;t.high&!t.full&&(p=window.devicePixelRatio),1!==t.enlarge&!t.full&&(p=Math.abs(Number(t.enlarge)));var d=t.cropW*p,h=t.cropH*p,f=i*t.scale*p,g=a*t.scale*p,m=(t.x-s+t.trueWidth*(1-t.scale)/2)*p,v=(t.y-c+t.trueHeight*(1-t.scale)/2)*p;switch(l(d,h),u.save(),n){case 0:t.full?(l(d/t.scale,h/t.scale),u.drawImage(r,m/t.scale,v/t.scale,f/t.scale,g/t.scale)):u.drawImage(r,m,v,f,g);break;case 1:case-3:t.full?(l(d/t.scale,h/t.scale),m=m/t.scale+(f/t.scale-g/t.scale)/2,v=v/t.scale+(g/t.scale-f/t.scale)/2,u.rotate(90*n*Math.PI/180),u.drawImage(r,v,-m-g/t.scale,f/t.scale,g/t.scale)):(m+=(f-g)/2,v+=(g-f)/2,u.rotate(90*n*Math.PI/180),u.drawImage(r,v,-m-g,f,g));break;case 2:case-2:t.full?(l(d/t.scale,h/t.scale),u.rotate(90*n*Math.PI/180),m/=t.scale,v/=t.scale,u.drawImage(r,-m-f/t.scale,-v-g/t.scale,f/t.scale,g/t.scale)):(u.rotate(90*n*Math.PI/180),u.drawImage(r,-m-f,-v-g,f,g));break;case 3:case-1:t.full?(l(d/t.scale,h/t.scale),m=m/t.scale+(f/t.scale-g/t.scale)/2,v=v/t.scale+(g/t.scale-f/t.scale)/2,u.rotate(90*n*Math.PI/180),u.drawImage(r,-v-f/t.scale,m,f/t.scale,g/t.scale)):(m+=(f-g)/2,v+=(g-f)/2,u.rotate(90*n*Math.PI/180),u.drawImage(r,-v-f,m,f,g));break;default:t.full?(l(d/t.scale,h/t.scale),u.drawImage(r,m/t.scale,v/t.scale,f/t.scale,g/t.scale)):u.drawImage(r,m,v,f,g)}u.restore()}else{var A=i*t.scale,b=a*t.scale,x=o.getContext("2d");switch(x.save(),n){case 0:l(A,b),x.drawImage(r,0,0,A,b);break;case 1:case-3:l(b,A),x.rotate(90*n*Math.PI/180),x.drawImage(r,0,-b,A,b);break;case 2:case-2:l(A,b),x.rotate(90*n*Math.PI/180),x.drawImage(r,-A,-b,A,b);break;case 3:case-1:l(b,A),x.rotate(90*n*Math.PI/180),x.drawImage(r,-A,0,A,b);break;default:l(A,b),x.drawImage(r,0,0,A,b)}x.restore()}e(o)},"data"!==this.img.substr(0,4)&&(r.crossOrigin="Anonymous"),r.src=this.imgs},getCropData:function(e){var t=this;this.getCropChecked((function(o){e(o.toDataURL("image/"+t.outputType,t.outputSize))}))},getCropBlob:function(e){var t=this;this.getCropChecked((function(o){o.toBlob((function(t){return e(t)}),"image/"+t.outputType,t.outputSize)}))},showPreview:function(){var e=this;if(!this.isCanShow)return!1;this.isCanShow=!1,setTimeout((function(){e.isCanShow=!0}),16);var t=this.cropW,o=this.cropH,r=this.scale,n={};n.div={width:"".concat(t,"px"),height:"".concat(o,"px")};var i=(this.x-this.cropOffsertX)/r,a=(this.y-this.cropOffsertY)/r;n.w=t,n.h=o,n.url=this.imgs,n.img={width:"".concat(this.trueWidth,"px"),height:"".concat(this.trueHeight,"px"),transform:"scale(".concat(r,")translate3d(").concat(i,"px, ").concat(a,"px, ").concat(0,"px)rotateZ(").concat(90*this.rotate,"deg)")},n.html='\n
\n
\n \n
\n
'),this.$emit("realTime",n),this.$emit("real-time",n)},reload:function(){var e=this,t=new Image;t.onload=function(){e.w=parseFloat(window.getComputedStyle(e.$refs.cropper).width),e.h=parseFloat(window.getComputedStyle(e.$refs.cropper).height),e.trueWidth=t.width,e.trueHeight=t.height,e.original?e.scale=1:e.scale=e.checkedMode(),e.$nextTick((function(){e.x=-(e.trueWidth-e.trueWidth*e.scale)/2+(e.w-e.trueWidth*e.scale)/2,e.y=-(e.trueHeight-e.trueHeight*e.scale)/2+(e.h-e.trueHeight*e.scale)/2,e.loading=!1,e.autoCrop&&e.goAutoCrop(),e.$emit("img-load","success"),e.$emit("imgLoad","success"),setTimeout((function(){e.showPreview()}),20)}))},t.onerror=function(){e.$emit("imgLoad","error"),e.$emit("img-load","error")},t.src=this.imgs},checkedMode:function(){var e=1,t=(this.trueWidth,this.trueHeight),o=this.mode.split(" ");switch(o[0]){case"contain":this.trueWidth>this.w&&(e=this.w/this.trueWidth),this.trueHeight*e>this.h&&(e=this.h/this.trueHeight);break;case"cover":(t*=e=this.w/this.trueWidth)0,i=(n?this.trueHeight:this.trueWidth)*this.scale,a=(n?this.trueWidth:this.trueHeight)*this.scale;o=io?o:s,c=c>r?r:c,this.fixed&&(c=s/this.fixedNumber[0]*this.fixedNumber[1]),c>this.h&&(s=(c=this.h)/this.fixedNumber[1]*this.fixedNumber[0]),this.changeCrop(s,c)}},changeCrop:function(e,t){var o=this;if(this.centerBox){var r=this.getImgAxis();e>r.x2-r.x1&&(t=(e=r.x2-r.x1)/this.fixedNumber[0]*this.fixedNumber[1]),t>r.y2-r.y1&&(e=(t=r.y2-r.y1)/this.fixedNumber[1]*this.fixedNumber[0])}this.cropW=e,this.cropH=t,this.checkCropLimitSize(),this.$nextTick((function(){o.cropOffsertX=(o.w-o.cropW)/2,o.cropOffsertY=(o.h-o.cropH)/2,o.centerBox&&o.moveCrop(null,!0)}))},refresh:function(){var e=this;this.img,this.imgs="",this.scale=1,this.crop=!1,this.rotate=0,this.w=0,this.h=0,this.trueWidth=0,this.trueHeight=0,this.clearCrop(),this.$nextTick((function(){e.checkedImg()}))},rotateLeft:function(){this.rotate=this.rotate<=-3?0:this.rotate-1},rotateRight:function(){this.rotate=this.rotate>=3?0:this.rotate+1},rotateClear:function(){this.rotate=0},checkoutImgAxis:function(e,t,o){e=e||this.x,t=t||this.y,o=o||this.scale;var r=!0;if(this.centerBox){var n=this.getImgAxis(e,t,o),i=this.getCropAxis();n.x1>=i.x1&&(r=!1),n.x2<=i.x2&&(r=!1),n.y1>=i.y1&&(r=!1),n.y2<=i.y2&&(r=!1)}return r}},mounted:function(){this.support="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll";var e=this,t=navigator.userAgent;this.isIOS=!!t.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),HTMLCanvasElement.prototype.toBlob||Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(t,o,r){for(var n=atob(this.toDataURL(o,r).split(",")[1]),i=n.length,a=new Uint8Array(i),s=0;s