{"version":3,"sources":["webpack:///./src/components/Modals/TipValueModal.vue?84b6","webpack:///./src/components/Modals/TipValueModal.vue","webpack:///./src/components/Modals/TipValueModal.vue?f8ff","webpack:///./src/components/Modals/TipValueModal.vue?0235","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?b2d3","webpack:///./node_modules/vue-image-crop-upload/utils/language.js","webpack:///./node_modules/vue-image-crop-upload/utils/mimes.js","webpack:///./node_modules/vue-image-crop-upload/utils/data2blob.js","webpack:///./node_modules/vue-image-crop-upload/utils/effectRipple.js","webpack:///node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?6910","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?f343","webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./node_modules/core-js/internals/inherit-if-required.js","webpack:///./src/components/Modals/TipValueModal.vue?8620","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./node_modules/core-js/modules/es.object.keys.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","duration","staticClass","staticStyle","_v","_s","popUp","staticRenderFns","setTimeout","$modal","hide","required","component","directives","name","rawName","value","expression","off","step","preventDefault","handleClick","handleChange","loading","lang","hint","isSupported","noSupported","ref","_e","errorMsg","ripple","btn","style","sourceImgUrl","imgStartMove","imgMove","createImg","domProps","scale","range","zoomChange","startZoomSub","endZoomSub","startZoomAdd","endZoomAdd","noRotate","rotateImg","noSquare","createImgUrl","preview","noCircle","$event","setStep","back","prepareUpload","save","success","close","width","height","zh","fail","error","onlyImg","outOfSize","lowestPx","en","ro","loewstPx","ru","fr","nl","tr","de","ja","ua","it","ar","ug","th","mm","se","data","split","window","atob","ia","Uint8Array","length","i","charCodeAt","Blob","type","mime","opts","Object","assign","ele","e","target","bgc","arg_opts","rect","getBoundingClientRect","querySelector","className","document","createElement","Math","max","appendChild","top","offsetHeight","left","offsetWidth","pageY","body","scrollTop","pageX","scrollLeft","backgroundColor","module","exports","requireObjectCoercible","whitespaces","whitespace","ltrim","RegExp","rtrim","createMethod","TYPE","$this","string","String","replace","start","end","trim","isObject","setPrototypeOf","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype","DESCRIPTORS","global","isForced","redefine","has","classof","inheritIfRequired","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","first","third","radix","maxCode","digits","index","code","NaN","slice","parseInt","key","NumberWrapper","arguments","valueOf","call","keys","j","$","toObject","nativeKeys","FAILS_ON_PRIMITIVES","stat","forced"],"mappings":"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,IAEA,EAIA,KAJA,MACA,EAGA,KAHA,OACA,EAEA,KAFA,MACA,EACA,KADA,mBAEA,IACA,mBACA,IACA,IACA,UACA,WACA,IAWA,OAVA,MACA,aACA,aACA,iBAEA,MACA,YACA,YACA,kBAEA,CACA,QACA,IACA,IACA,QACA,WAIA,oBA3DA,WA2DA,IAEA,EAEA,KAFA,iBACA,EACA,KADA,mBAEA,IACA,IACA,+CACA,oDACA,OACA,aACA,gBAGA,aAzEA,WA+EA,KAJA,MAIA,KAHA,OAHA,IAIA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,UACA,WACA,MAOA,OANA,MACA,cAEA,MACA,aAEA,CACA,aACA,iBAIA,OACA,MADA,SACA,GACA,oBACA,eAIA,SAEA,OAFA,SAEA,GACA,MAGA,IANA,WAMA,WACA,uBACA,oBACA,yBACA,eAEA,MAGA,QAfA,SAeA,cAEA,uBACA,WACA,MAKA,eAxBA,SAwBA,GAEA,OADA,oBACA,GAEA,YA5BA,SA4BA,GACA,kBACA,kCACA,mBACA,qCACA,+BAKA,aAtCA,SAsCA,GAEA,GADA,mBACA,kBACA,2CACA,aACA,sBACA,0BAOA,UAnDA,SAmDA,GACA,WAEA,EAEA,EAFA,KACA,EACA,EADA,QAGA,oCACA,cACA,4BACA,KAIA,iBACA,cACA,qCACA,IAKA,MAzEA,WA0EA,WACA,YACA,cACA,cACA,cAGA,aAjFA,SAiFA,GACA,gDACA,WACA,iBACA,qBACA,wBACA,eAEA,oBAGA,UA5FA,WA6FA,WAEA,EAOA,EAPA,MACA,EAMA,EANA,OACA,EAKA,EALA,MACA,EAIA,EAJA,MACA,EAGA,EAHA,aACA,EAEA,EAFA,iBACA,EACA,EADA,KAEA,IACA,YACA,QACA,oBACA,qBACA,kBACA,MACA,UACA,WACA,IACA,IAEA,YAGA,OAFA,cACA,qCACA,EAEA,MACA,MACA,kBAEA,MACA,MACA,iBAEA,UACA,MACA,MACA,UACA,WACA,aACA,cACA,qBACA,sBACA,iBACA,kBACA,cACA,cACA,eAIA,aAjJA,SAiJA,GAGA,GAFA,mBAEA,sCACA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","file":"static/js/AccountForm~SubmitWishList~UserFeedback~orderComment~reviewShopOrder.ae9c2d75.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{attrs:{\"name\":\"TipValueModal\",\"width\":\"260\",\"height\":\"auto\"},on:{\"opened\":_vm.duration}},[_c('div',{staticClass:\"toast\",staticStyle:{\"position\":\"relative\",\"left\":\"0\",\"top\":\"0\",\"margin\":\"0\"}},[_c('p',{staticClass:\"successIcon\"}),_c('p',{attrs:{\"id\":\"popUpFont\"}},[_vm._v(_vm._s(_vm.popUp))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\r\nimport {Component, Prop, Vue} from \"vue-property-decorator\";\r\n\r\n@Component\r\nexport default class TipValueModal extends Vue {\r\n  @Prop({required: true}) public popUp!: string;\r\n\r\n  duration() {\r\n    setTimeout(() => this.$modal.hide('TipValueModal'), 1500);\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TipValueModal.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TipValueModal.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./TipValueModal.vue?vue&type=template&id=193d1722&\"\nimport script from \"./TipValueModal.vue?vue&type=script&lang=ts&\"\nexport * from \"./TipValueModal.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./TipValueModal.vue?vue&type=style&index=0&class=scss&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value),expression:\"value\"}],staticClass:\"vue-image-crop-upload\"},[_c('div',{staticClass:\"vicp-wrap\"},[_c('div',{staticClass:\"vicp-close\",on:{\"click\":_vm.off}},[_c('i',{staticClass:\"vicp-icon4\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step == 1),expression:\"step == 1\"}],staticClass:\"vicp-step1\"},[_c('div',{staticClass:\"vicp-drop-area\",on:{\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"click\":_vm.handleClick,\"drop\":_vm.handleChange}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading != 1),expression:\"loading != 1\"}],staticClass:\"vicp-icon1\"},[_c('i',{staticClass:\"vicp-icon1-arrow\"}),_c('i',{staticClass:\"vicp-icon1-body\"}),_c('i',{staticClass:\"vicp-icon1-bottom\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading !== 1),expression:\"loading !== 1\"}],staticClass:\"vicp-hint\"},[_vm._v(_vm._s(_vm.lang.hint))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isSupported),expression:\"!isSupported\"}],staticClass:\"vicp-no-supported-hint\"},[_vm._v(_vm._s(_vm.lang.noSupported))]),(_vm.step == 1)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"fileinput\",attrs:{\"type\":\"file\"},on:{\"change\":_vm.handleChange}}):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.off))])])]),(_vm.step == 2)?_c('div',{staticClass:\"vicp-step2\"},[_c('div',{staticClass:\"vicp-crop\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-left\"},[_c('div',{staticClass:\"vicp-img-container\"},[_c('img',{ref:\"img\",staticClass:\"vicp-img\",style:(_vm.sourceImgStyle),attrs:{\"src\":_vm.sourceImgUrl,\"draggable\":\"false\"},on:{\"drag\":_vm.preventDefault,\"dragstart\":_vm.preventDefault,\"dragend\":_vm.preventDefault,\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"drop\":_vm.preventDefault,\"touchstart\":_vm.imgStartMove,\"touchmove\":_vm.imgMove,\"touchend\":_vm.createImg,\"touchcancel\":_vm.createImg,\"mousedown\":_vm.imgStartMove,\"mousemove\":_vm.imgMove,\"mouseup\":_vm.createImg,\"mouseout\":_vm.createImg}}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-1\",style:(_vm.sourceImgShadeStyle)}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-2\",style:(_vm.sourceImgShadeStyle)})]),_c('div',{staticClass:\"vicp-range\"},[_c('input',{attrs:{\"type\":\"range\",\"step\":\"1\",\"min\":\"0\",\"max\":\"100\"},domProps:{\"value\":_vm.scale.range},on:{\"mousemove\":_vm.zoomChange}}),_c('i',{staticClass:\"vicp-icon5\",on:{\"mousedown\":_vm.startZoomSub,\"mouseout\":_vm.endZoomSub,\"mouseup\":_vm.endZoomSub}}),_c('i',{staticClass:\"vicp-icon6\",on:{\"mousedown\":_vm.startZoomAdd,\"mouseout\":_vm.endZoomAdd,\"mouseup\":_vm.endZoomAdd}})]),(!_vm.noRotate)?_c('div',{staticClass:\"vicp-rotate\"},[_c('i',{on:{\"click\":_vm.rotateImg}},[_vm._v(\"↻\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-right\"},[_c('div',{staticClass:\"vicp-preview\"},[(!_vm.noSquare)?_c('div',{staticClass:\"vicp-preview-item\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e(),(!_vm.noCircle)?_c('div',{staticClass:\"vicp-preview-item vicp-preview-item-circle\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e()])])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(1)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{staticClass:\"vicp-operate-btn\",on:{\"click\":_vm.prepareUpload,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.save))])])]):_vm._e(),(_vm.step == 3)?_c('div',{staticClass:\"vicp-step3\"},[_c('div',{staticClass:\"vicp-upload\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-loading\"},[_vm._v(_vm._s(_vm.lang.loading))]),_c('div',{staticClass:\"vicp-progress-wrap\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-progress\",style:(_vm.progressStyle)})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 2),expression:\"loading === 2\"}],staticClass:\"vicp-success\"},[_c('i',{staticClass:\"vicp-icon3\"}),_vm._v(\" \"+_vm._s(_vm.lang.success)+\" \")])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(2)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.close))])])]):_vm._e(),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"canvas\",attrs:{\"width\":_vm.width,\"height\":_vm.height}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n\tzh: {\r\n\t\thint: '点击，或拖动图片至此处',\r\n\t\tloading: '正在上传……',\r\n\t\tnoSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',\r\n\t\tsuccess: '上传成功',\r\n\t\tfail: '图片上传失败',\r\n\t\tpreview: '头像预览',\r\n\t\tbtn: {\r\n\t\t\toff: '取消',\r\n\t\t\tclose: '关闭',\r\n\t\t\tback: '上一步',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '仅限图片格式',\r\n\t\t\toutOfSize: '单文件大小不能超过 ',\r\n\t\t\tlowestPx: '图片最低像素为（宽*高）：'\r\n\t\t}\r\n\t},\r\n\t'zh-tw': {\r\n\t\thint: '點擊，或拖動圖片至此處',\r\n\t\tloading: '正在上傳……',\r\n\t\tnoSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',\r\n\t\tsuccess: '上傳成功',\r\n\t\tfail: '圖片上傳失敗',\r\n\t\tpreview: '頭像預覽',\r\n\t\tbtn: {\r\n\t\t\toff: '取消',\r\n\t\t\tclose: '關閉',\r\n\t\t\tback: '上一步',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '僅限圖片格式',\r\n\t\t\toutOfSize: '單文件大小不能超過 ',\r\n\t\t\tlowestPx: '圖片最低像素為（寬*高）：'\r\n\t\t}\r\n\t},\r\n\ten: {\r\n\t\thint: 'Click or drag the file here to upload',\r\n\t\tloading: 'Uploading…',\r\n\t\tnoSupported: 'Browser is not supported, please use IE10+ or other browsers',\r\n\t\tsuccess: 'Upload success',\r\n\t\tfail: 'Upload failed',\r\n\t\tpreview: 'Preview',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancel',\r\n\t\t\tclose: 'Close',\r\n\t\t\tback: 'Back',\r\n\t\t\tsave: 'Save'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Image only',\r\n\t\t\toutOfSize: 'Image exceeds size limit: ',\r\n\t\t\tlowestPx: 'Image\\'s size is too low. Expected at least: '\r\n\t\t}\r\n\t},\r\n\tro: {\r\n\t\thint: 'Atinge sau trage fișierul aici',\r\n\t\tloading: 'Se încarcă',\r\n\t\tnoSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',\r\n\t\tsuccess: 'S-a încărcat cu succes',\r\n\t\tfail: 'A apărut o problemă la încărcare',\r\n\t\tpreview: 'Previzualizează',\r\n\r\n\t\tbtn: {\r\n\t\t\toff: 'Anulează',\r\n\t\t\tclose: 'Închide',\r\n\t\t\tback: 'Înapoi',\r\n\t\t\tsave: 'Salvează'\r\n\t\t},\r\n\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Doar imagini',\r\n\t\t\toutOfSize: 'Imaginea depășește limita de: ',\r\n\t\t\tloewstPx: 'Imaginea este prea mică; Minim: '\r\n\t\t}\r\n\t},\r\n\tru: {\r\n\t\thint: 'Нажмите, или перетащите файл в это окно',\r\n\t\tloading: 'Загружаю……',\r\n\t\tnoSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',\r\n\t\tsuccess: 'Загрузка выполнена успешно',\r\n\t\tfail: 'Ошибка загрузки',\r\n\t\tpreview: 'Предпросмотр',\r\n\t\tbtn: {\r\n\t\t\toff: 'Отменить',\r\n\t\t\tclose: 'Закрыть',\r\n\t\t\tback: 'Назад',\r\n\t\t\tsave: 'Сохранить'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Только изображения',\r\n\t\t\toutOfSize: 'Изображение превышает предельный размер: ',\r\n\t\t\tlowestPx: 'Минимальный размер изображения: '\r\n\t\t}\r\n\t},\r\n\t'pt-br': {\r\n\t\thint: 'Clique ou arraste o arquivo aqui para carregar',\r\n\t\tloading: 'Carregando…',\r\n\t\tnoSupported: 'Browser não suportado, use o IE10+ ou outro browser',\r\n\t\tsuccess: 'Sucesso ao carregar imagem',\r\n\t\tfail: 'Falha ao carregar imagem',\r\n\t\tpreview: 'Pré-visualizar',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancelar',\r\n\t\t\tclose: 'Fechar',\r\n\t\t\tback: 'Voltar',\r\n\t\t\tsave: 'Salvar'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Apenas imagens',\r\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho: ',\r\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\r\n\t\t}\r\n\t},\r\n\tfr: {\r\n\t\thint: 'Cliquez ou glissez le fichier ici.',\r\n\t\tloading: 'Téléchargement…',\r\n\t\tnoSupported: 'Votre navigateur n\\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\\'il vous plaît.',\r\n\t\tsuccess: 'Téléchargement réussit',\r\n\t\tfail: 'Téléchargement echoué',\r\n\t\tpreview: 'Aperçu',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annuler',\r\n\t\t\tclose: 'Fermer',\r\n\t\t\tback: 'Retour',\r\n\t\t\tsave: 'Enregistrer'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Image uniquement',\r\n\t\t\toutOfSize: 'L\\'image sélectionnée dépasse la taille maximum: ',\r\n\t\t\tlowestPx: 'L\\'image sélectionnée est trop petite. Dimensions attendues: '\r\n\t\t}\r\n\t},\r\n\tnl: {\r\n\t\thint: 'Klik hier of sleep een afbeelding in dit vlak',\r\n\t\tloading: 'Uploaden…',\r\n\t\tnoSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',\r\n\t\tsuccess: 'Upload succesvol',\r\n\t\tfail: 'Upload mislukt',\r\n\t\tpreview: 'Voorbeeld',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annuleren',\r\n\t\t\tclose: 'Sluiten',\r\n\t\t\tback: 'Terug',\r\n\t\t\tsave: 'Opslaan'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Alleen afbeeldingen',\r\n\t\t\toutOfSize: 'De afbeelding is groter dan: ',\r\n\t\t\tlowestPx: 'De afbeelding is te klein! Minimale afmetingen: '\r\n\t\t}\r\n\t},\r\n\ttr: {\r\n\t\thint: 'Tıkla veya yüklemek istediğini buraya sürükle',\r\n\t\tloading: 'Yükleniyor…',\r\n\t\tnoSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',\r\n\t\tsuccess: 'Yükleme başarılı',\r\n\t\tfail: 'Yüklemede hata oluştu',\r\n\t\tpreview: 'Önizle',\r\n\t\tbtn: {\r\n\t\t\toff: 'İptal',\r\n\t\t\tclose: 'Kapat',\r\n\t\t\tback: 'Geri',\r\n\t\t\tsave: 'Kaydet'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Sadece resim',\r\n\t\t\toutOfSize: 'Resim yükleme limitini aşıyor: ',\r\n\t\t\tlowestPx: 'Resmin boyutu çok küçük. En az olması gereken: '\r\n\t\t}\r\n\t},\r\n\t'es-MX': {\r\n\t\thint: 'Selecciona o arrastra una imagen',\r\n\t\tloading: 'Subiendo...',\r\n\t\tnoSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',\r\n\t\tsuccess: 'Subido exitosamente',\r\n\t\tfail: 'Sucedió un error',\r\n\t\tpreview: 'Vista previa',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancelar',\r\n\t\t\tclose: 'Cerrar',\r\n\t\t\tback: 'Atrás',\r\n\t\t\tsave: 'Guardar'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Únicamente imágenes',\r\n\t\t\toutOfSize: 'La imagen excede el tamaño maximo:',\r\n\t\t\tlowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:'\r\n\t\t}\r\n\t},\r\n\tde: {\r\n\t\thint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',\r\n\t\tloading: 'Hochladen…',\r\n\t\tnoSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',\r\n\t\tsuccess: 'Upload erfolgreich',\r\n\t\tfail: 'Upload fehlgeschlagen',\r\n\t\tpreview: 'Vorschau',\r\n\t\tbtn: {\r\n\t\t\toff: 'Abbrechen',\r\n\t\t\tclose: 'Schließen',\r\n\t\t\tback: 'Zurück',\r\n\t\t\tsave: 'Speichern'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Nur Bilder',\r\n\t\t\toutOfSize: 'Das Bild ist zu groß: ',\r\n\t\t\tlowestPx: 'Das Bild ist zu klein. Mindestens: '\r\n\t\t}\r\n\t},\r\n\tja: {\r\n\t\thint: 'クリック・ドラッグしてファイルをアップロード',\r\n\t\tloading: 'アップロード中...',\r\n\t\tnoSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',\r\n\t\tsuccess: 'アップロード成功',\r\n\t\tfail: 'アップロード失敗',\r\n\t\tpreview: 'プレビュー',\r\n\t\tbtn: {\r\n\t\t\toff: 'キャンセル',\r\n\t\t\tclose: '閉じる',\r\n\t\t\tback: '戻る',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '画像のみ',\r\n\t\t\toutOfSize: '画像サイズが上限を超えています。上限: ',\r\n\t\t\tlowestPx: '画像が小さすぎます。最小サイズ: '\r\n\t\t}\r\n\t},\r\n\tua: {\r\n\t\thint: 'Натисніть, або перетягніть файл в це вікно',\r\n\t\tloading: 'Завантажую……',\r\n\t\tnoSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',\r\n\t\tsuccess: 'Завантаження виконано успішно',\r\n\t\tfail: 'Помилка завантаження',\r\n\t\tpreview: 'Попередній перегляд',\r\n\t\tbtn: {\r\n\t\t\toff: 'Відмінити',\r\n\t\t\tclose: 'Закрити',\r\n\t\t\tback: 'Назад',\r\n\t\t\tsave: 'Зберегти'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Тільки зображення',\r\n\t\t\toutOfSize: 'Зображення перевищує граничний розмір: ',\r\n\t\t\tlowestPx: 'Мінімальний розмір зображення: '\r\n\t\t}\r\n\t},\r\n\tit: {\r\n\t\thint: 'Clicca o trascina qui il file per caricarlo',\r\n\t\tloading: 'Caricamento del file…',\r\n\t\tnoSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',\r\n\t\tsuccess: 'Caricamento completato',\r\n\t\tfail: 'Caricamento fallito',\r\n\t\tpreview: 'Anteprima',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annulla',\r\n\t\t\tclose: 'Chiudi',\r\n\t\t\tback: 'Indietro',\r\n\t\t\tsave: 'Salva'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Sono accettate solo immagini',\r\n\t\t\toutOfSize: 'L\\'immagine eccede i limiti di dimensione: ',\r\n\t\t\tlowestPx: 'L\\'immagine è troppo piccola. Il requisito minimo è: '\r\n\t\t}\r\n\t},\r\n\tar: {\r\n\t\thint: 'اضغط أو اسحب الملف هنا للتحميل',\r\n\t\tloading: 'جاري التحميل...',\r\n\t\tnoSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',\r\n\t\tsuccess: 'تم التحميل بنجاح',\r\n\t\tfail: 'فشل التحميل',\r\n\t\tpreview: 'معاينه',\r\n\t\tbtn: {\r\n\t\t\toff: 'إلغاء',\r\n\t\t\tclose: 'إغلاق',\r\n\t\t\tback: 'رجوع',\r\n\t\t\tsave: 'حفظ'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'صور فقط',\r\n\t\t\toutOfSize: 'تتجاوز الصوره الحجم المحدد: ',\r\n\t\t\tlowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: '\r\n\t\t}\r\n\t},\r\n\tug: {\r\n\t\thint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',\r\n\t\tloading: 'يوللىنىۋاتىدۇ...',\r\n\t\tnoSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',\r\n\t\tsuccess: 'غەلبىلىك بولدى',\r\n\t\tfail: 'مەغلۇب بولدى',\r\n\t\tpreview: 'ئۈنۈم رەسىم',\r\n\t\tbtn: {\r\n\t\t\toff: 'بولدى قىلىش',\r\n\t\t\tclose: 'تاقاش',\r\n\t\t\tback: 'ئالدىنقى قەدەم',\r\n\t\t\tsave: 'ساقلاش'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',\r\n\t\t\toutOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',\r\n\t\t\tlowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :'\r\n\t\t}\r\n\t},\r\n\tth: {\r\n\t\thint: 'คลิ๊กหรือลากรูปมาที่นี่',\r\n\t\tloading: 'กำลังอัพโหลด…',\r\n\t\tnoSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',\r\n\t\tsuccess: 'อัพโหลดสำเร็จ',\r\n\t\tfail: 'อัพโหลดล้มเหลว',\r\n\t\tpreview: 'ตัวอย่าง',\r\n\t\tbtn: {\r\n\t\t\toff: 'ยกเลิก',\r\n\t\t\tclose: 'ปิด',\r\n\t\t\tback: 'กลับ',\r\n\t\t\tsave: 'บันทึก'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'ไฟล์ภาพเท่านั้น',\r\n\t\t\toutOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',\r\n\t\t\tlowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: '\r\n\t\t}\r\n\t},\r\n\tmm: {\r\n\t\thint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',\r\n\t\tloading: 'တင်နေသည်…',\r\n\t\tnoSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',\r\n\t\tsuccess: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',\r\n\t\tfail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',\r\n\t\tpreview: 'အစမ်းကြည့်',\r\n\t\tbtn: {\r\n\t\t\toff: 'မလုပ်တော့ပါ',\r\n\t\t\tclose: 'ပိတ်မည်',\r\n\t\t\tback: 'နောက်သို့',\r\n\t\t\tsave: 'သိမ်းမည်'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',\r\n\t\t\toutOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',\r\n\t\t\tlowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : '\r\n\t\t}\r\n\t},\r\n\tse: {\r\n\t\thint: 'Klicka eller dra en fil hit för att ladda upp den',\r\n\t\tloading: 'Laddar upp…',\r\n\t\tnoSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',\r\n\t\tsuccess: 'Uppladdning lyckades',\r\n\t\tfail: 'Uppladdning misslyckades',\r\n\t\tpreview: 'Förhandsgranska',\r\n\t\tbtn: {\r\n\t\t\toff: 'Avbryt',\r\n\t\t\tclose: 'Stäng',\r\n\t\t\tback: 'Tillbaka',\r\n\t\t\tsave: 'Spara'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Endast bilder',\r\n\t\t\toutOfSize: 'Bilden är större än max-gränsen: ',\r\n\t\t\tlowestPx: 'Bilden är för liten. Minimum är: '\r\n\t\t}\r\n\t}\r\n};\r\n","export default {\r\n    'jpg': 'image/jpeg',\r\n    'png': 'image/png',\r\n    'gif': 'image/gif',\r\n    'svg': 'image/svg+xml',\r\n    'psd': 'image/photoshop'\r\n};\r\n","/**\r\n * database64文件格式转换为2进制\r\n *\r\n * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了\r\n * @param  {[String]} mime [description]\r\n * @return {[blob]}      [description]\r\n */\r\nexport default function(data, mime) {\r\n\tdata = data.split(',')[1];\r\n\tdata = window.atob(data);\r\n\tvar ia = new Uint8Array(data.length);\r\n\tfor (var i = 0; i < data.length; i++) {\r\n\t\tia[i] = data.charCodeAt(i);\r\n\t};\r\n\t// canvas.toDataURL 返回的默认格式就是 image/png\r\n\treturn new Blob([ia], {\r\n\t\ttype: mime\r\n\t});\r\n};\r\n","/**\r\n * 点击波纹效果\r\n *\r\n * @param  {[event]} e        [description]\r\n * @param  {[Object]} arg_opts [description]\r\n * @return {[bollean]}          [description]\r\n */\r\nexport default function(e, arg_opts) {\r\n\tvar opts = Object.assign({\r\n\t\t\tele: e.target, // 波纹作用元素\r\n\t\t\ttype: 'hit', // hit点击位置扩散　center中心点扩展\r\n\t\t\tbgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色\r\n\t\t}, arg_opts),\r\n\t\ttarget = opts.ele;\r\n\tif (target) {\r\n\t\tvar rect = target.getBoundingClientRect(),\r\n\t\t\tripple = target.querySelector('.e-ripple');\r\n\t\tif (!ripple) {\r\n\t\t\tripple = document.createElement('span');\r\n\t\t\tripple.className = 'e-ripple';\r\n\t\t\tripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px';\r\n\t\t\ttarget.appendChild(ripple);\r\n\t\t} else {\r\n\t\t\tripple.className = 'e-ripple';\r\n\t\t}\r\n\t\tswitch (opts.type) {\r\n\t\t\tcase 'center':\r\n\t\t\t\tripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px';\r\n\t\t\t\tripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px';\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px';\r\n\t\t\t\tripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px';\r\n\t\t}\r\n\t\tripple.style.backgroundColor = opts.bgc;\r\n\t\tripple.className = 'e-ripple z-active';\r\n\t\treturn false;\r\n\t}\r\n};\r\n","<template>\r\n<div class=\"vue-image-crop-upload\" v-show=\"value\">\r\n\t<div class=\"vicp-wrap\">\r\n\t\t<div class=\"vicp-close\" @click=\"off\">\r\n\t\t\t<i class=\"vicp-icon4\"></i>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step1\" v-show=\"step == 1\">\r\n\t\t\t<div class=\"vicp-drop-area\" @dragleave=\"preventDefault\" @dragover=\"preventDefault\" @dragenter=\"preventDefault\" @click=\"handleClick\" @drop=\"handleChange\">\r\n\t\t\t\t<i class=\"vicp-icon1\" v-show=\"loading != 1\">\r\n\t\t\t\t<i class=\"vicp-icon1-arrow\"></i>\r\n\t\t\t\t<i class=\"vicp-icon1-body\"></i>\r\n\t\t\t\t<i class=\"vicp-icon1-bottom\"></i>\r\n\t\t\t\t</i>\r\n\t\t\t\t<span class=\"vicp-hint\" v-show=\"loading !== 1\">{{ lang.hint }}</span>\r\n\t\t\t\t<span class=\"vicp-no-supported-hint\" v-show=\"!isSupported\">{{ lang.noSupported }}</span>\r\n\t\t\t\t<input type=\"file\" v-show=\"false\" v-if=\"step == 1\" @change=\"handleChange\" ref=\"fileinput\">\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\r\n\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.off }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step2\" v-if=\"step == 2\">\r\n\t\t\t<div class=\"vicp-crop\">\r\n\t\t\t\t<div class=\"vicp-crop-left\" v-show=\"true\">\r\n\t\t\t\t\t<div class=\"vicp-img-container\">\r\n\t\t\t\t\t\t<img :src=\"sourceImgUrl\" :style=\"sourceImgStyle\" class=\"vicp-img\" draggable=\"false\"\r\n\t\t\t\t\t\t\t@drag=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragstart=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragend=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragleave=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragover=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragenter=\"preventDefault\"\r\n\t\t\t\t\t\t\t@drop=\"preventDefault\"\r\n\t\t\t\t\t\t\t@touchstart=\"imgStartMove\"\r\n\t\t\t\t\t\t\t@touchmove=\"imgMove\"\r\n\t\t\t\t\t\t\t@touchend=\"createImg\"\r\n\t\t\t\t\t\t\t@touchcancel=\"createImg\"\r\n\t\t\t\t\t\t\t@mousedown=\"imgStartMove\"\r\n\t\t\t\t\t\t\t@mousemove=\"imgMove\"\r\n\t\t\t\t\t\t\t@mouseup=\"createImg\"\r\n\t\t\t\t\t\t\t@mouseout=\"createImg\"\r\n\t\t\t\t\t\t\tref=\"img\">\r\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-1\" :style=\"sourceImgShadeStyle\"></div>\r\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-2\" :style=\"sourceImgShadeStyle\"></div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"vicp-range\">\r\n\t\t\t\t\t\t<input type=\"range\" :value=\"scale.range\" step=\"1\" min=\"0\" max=\"100\" @mousemove=\"zoomChange\">\r\n\t\t\t\t\t\t<i @mousedown=\"startZoomSub\" @mouseout=\"endZoomSub\" @mouseup=\"endZoomSub\" class=\"vicp-icon5\"></i>\r\n\t\t\t\t\t\t<i @mousedown=\"startZoomAdd\" @mouseout=\"endZoomAdd\" @mouseup=\"endZoomAdd\" class=\"vicp-icon6\"></i>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"vicp-rotate\" v-if=\"!noRotate\">\r\n                        <i @click=\"rotateImg\">↻</i>\r\n                    </div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-crop-right\" v-show=\"true\">\r\n\t\t\t\t\t<div class=\"vicp-preview\">\r\n\t\t\t\t\t\t<div class=\"vicp-preview-item\" v-if=\"!noSquare\">\r\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\r\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"vicp-preview-item vicp-preview-item-circle\" v-if=\"!noCircle\">\r\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\r\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"setStep(1)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\r\n\t\t\t\t<a class=\"vicp-operate-btn\" @click=\"prepareUpload\" @mousedown=\"ripple\">{{ lang.btn.save }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step3\" v-if=\"step == 3\">\r\n\t\t\t<div class=\"vicp-upload\">\r\n\t\t\t\t<span class=\"vicp-loading\" v-show=\"loading === 1\">{{ lang.loading }}</span>\r\n\t\t\t\t<div class=\"vicp-progress-wrap\">\r\n\t\t\t\t\t<span class=\"vicp-progress\" v-show=\"loading === 1\" :style=\"progressStyle\"></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\r\n\t\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-success\" v-show=\"loading === 2\">\r\n\t\t\t\t\t<i class=\"vicp-icon3\"></i> {{ lang.success }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"setStep(2)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\r\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.close }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<canvas v-show=\"false\" :width=\"width\" :height=\"height\" ref=\"canvas\"></canvas>\r\n\t</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n'use strict';\r\nimport language from './utils/language.js';\r\nimport mimes from './utils/mimes.js';\r\nimport data2blob from './utils/data2blob.js';\r\nimport effectRipple from './utils/effectRipple.js';\r\n\r\nexport default {\r\n\tprops: {\r\n\t\t// 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\r\n\t\tfield: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'avatar'\r\n\t\t},\r\n\t\t// 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\r\n\t\tki: {\r\n\t\t\t'default': 0\r\n\t\t},\r\n\t\t// 显示该控件与否\r\n\t\tvalue: {\r\n\t\t\t'default': true\r\n\t\t},\r\n\t\t// 上传地址\r\n\t\turl: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': ''\r\n\t\t},\r\n\t\t// 其他要上传文件附带的数据，对象格式\r\n\t\tparams: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t//Add custom headers\r\n\t\theaders: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t// 剪裁图片的宽\r\n\t\twidth: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 200\r\n\t\t},\r\n\t\t// 剪裁图片的高\r\n\t\theight: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 200\r\n\t\t},\r\n\t\t// 不显示旋转功能\r\n\t\tnoRotate: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\t// 不预览圆形图片\r\n\t\tnoCircle: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\t// 不预览方形图片\r\n\t\tnoSquare: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\t// 单文件大小限制\r\n\t\tmaxSize: {\r\n\t\t\ttype: Number,\r\n\t\t\t'default': 10240\r\n\t\t},\r\n\t\t// 语言类型\r\n\t\tlangType: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'zh'\r\n\t\t},\r\n\t\t// 语言包\r\n\t\tlangExt: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t// 图片上传格式\r\n\t\timgFormat: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'png'\r\n\t\t},\r\n\t\t// 图片背景 jpg情况下生效\r\n\t\timgBgc: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': '#fff'\r\n\t\t},\r\n\t\t// 是否支持跨域\r\n\t\twithCredentials: {\r\n\t\t\ttype: Boolean,\r\n\t\t\t'default': false\r\n\t\t},\r\n\t\tmethod: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'POST'\r\n\t\t}\r\n\t},\r\n\tdata() {\r\n\t\tlet that = this,\r\n\t\t\t{\r\n\t\t\t\timgFormat,\r\n\t\t\t\tlangType,\r\n\t\t\t\tlangExt,\r\n\t\t\t\twidth,\r\n\t\t\t\theight\r\n\t\t\t} = that,\r\n\t\t\tisSupported = true,\r\n\t\t\tallowImgFormat = [\r\n\t\t\t\t'jpg',\r\n\t\t\t\t'png'\r\n\t\t\t],\r\n\t\t\ttempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat,\r\n\t\t\tlang = language[langType] ? language[langType] : language['en'],\r\n\t\t\tmime = mimes[tempImgFormat];\r\n\t\t// 规范图片格式\r\n\t\tthat.imgFormat = tempImgFormat;\r\n\r\n\t\tif (langExt) {\r\n\t\t\tObject.assign(lang, langExt);\r\n\t\t}\r\n\t\tif (typeof FormData != 'function') {\r\n\t\t\tisSupported = false;\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t// 图片的mime\r\n\t\t\tmime,\r\n\r\n\t\t\t// 语言包\r\n\t\t\tlang,\r\n\r\n\t\t\t// 浏览器是否支持该控件\r\n\t\t\tisSupported,\r\n\t\t\t// 浏览器是否支持触屏事件\r\n\t\t\tisSupportTouch: document.hasOwnProperty(\"ontouchstart\"),\r\n\r\n\t\t\t// 步骤\r\n\t\t\tstep: 1, //1选择文件 2剪裁 3上传\r\n\r\n\t\t\t// 上传状态及进度\r\n\t\t\tloading: 0, //0未开始 1正在 2成功 3错误\r\n\t\t\tprogress: 0,\r\n\r\n\t\t\t// 是否有错误及错误信息\r\n\t\t\thasError: false,\r\n\t\t\terrorMsg: '',\r\n\r\n\t\t\t// 需求图宽高比\r\n\t\t\tratio: width / height,\r\n\r\n\t\t\t// 原图地址、生成图片地址\r\n\t\t\tsourceImg: null,\r\n\t\t\tsourceImgUrl: '',\r\n\t\t\tcreateImgUrl: '',\r\n\r\n\t\t\t// 原图片拖动事件初始值\r\n\t\t\tsourceImgMouseDown: {\r\n\t\t\t\ton: false,\r\n\t\t\t\tmX: 0, //鼠标按下的坐标\r\n\t\t\t\tmY: 0,\r\n\t\t\t\tx: 0, //scale原图坐标\r\n\t\t\t\ty: 0\r\n\t\t\t},\r\n\r\n\t\t\t// 生成图片预览的容器大小\r\n\t\t\tpreviewContainer: {\r\n\t\t\t\twidth: 100,\r\n\t\t\t\theight: 100\r\n\t\t\t},\r\n\r\n\t\t\t// 原图容器宽高\r\n\t\t\tsourceImgContainer: { // sic\r\n\t\t\t\twidth: 240,\r\n\t\t\t\theight: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈\r\n\t\t\t},\r\n\r\n\t\t\t// 原图展示属性\r\n\t\t\tscale: {\r\n\t\t\t\tzoomAddOn: false, //按钮缩放事件开启\r\n\t\t\t\tzoomSubOn: false, //按钮缩放事件开启\r\n\t\t\t\trange: 1, //最大100\r\n\r\n\t\t\t\tx: 0,\r\n\t\t\t\ty: 0,\r\n\t\t\t\twidth: 0,\r\n\t\t\t\theight: 0,\r\n\t\t\t\tmaxWidth: 0,\r\n\t\t\t\tmaxHeight: 0,\r\n\t\t\t\tminWidth: 0, //最宽\r\n\t\t\t\tminHeight: 0,\r\n\t\t\t\tnaturalWidth: 0, //原宽\r\n\t\t\t\tnaturalHeight: 0\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t// 进度条样式\r\n\t\tprogressStyle() {\r\n\t\t\tlet {\r\n\t\t\t\tprogress\r\n\t\t\t} = this;\r\n\t\t\treturn {\r\n\t\t\t\twidth: progress + '%'\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 原图样式\r\n\t\tsourceImgStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgMasking\r\n\t\t\t\t} = this,\r\n\t\t\t\ttop = scale.y + sourceImgMasking.y + 'px',\r\n\t\t\t\tleft = scale.x + sourceImgMasking.x + 'px';\r\n\t\t\treturn {\r\n\t\t\t\ttop,\r\n\t\t\t\tleft,\r\n\t\t\t\twidth: scale.width + 'px',\r\n\t\t\t\theight: scale.height + 'px',// 兼容 Opera\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 原图蒙版属性\r\n\t\tsourceImgMasking() {\r\n\t\t\tlet {\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tsourceImgContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tsic = sourceImgContainer,\r\n\t\t\t\tsicRatio = sic.width / sic.height, // 原图容器宽高比\r\n\t\t\t\tx = 0,\r\n\t\t\t\ty = 0,\r\n\t\t\t\tw = sic.width,\r\n\t\t\t\th = sic.height,\r\n\t\t\t\tscale = 1;\r\n\t\t\tif (ratio < sicRatio) {\r\n\t\t\t\tscale = sic.height / height;\r\n\t\t\t\tw = sic.height * ratio;\r\n\t\t\t\tx = (sic.width - w) / 2;\r\n\t\t\t}\r\n\t\t\tif (ratio > sicRatio) {\r\n\t\t\t\tscale = sic.width / width;\r\n\t\t\t\th = sic.width / ratio;\r\n\t\t\t\ty = (sic.height - h) / 2;\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\tscale, // 蒙版相对需求宽高的缩放\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\twidth: w,\r\n\t\t\t\theight: h\r\n\t\t\t};\r\n\t\t},\r\n\t\t// 原图遮罩样式\r\n\t\tsourceImgShadeStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tsourceImgContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tsic = sourceImgContainer,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\tw = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2,\r\n\t\t\t\th = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2;\r\n\t\t\treturn {\r\n\t\t\t\twidth: w + 'px',\r\n\t\t\t\theight: h + 'px'\r\n\t\t\t};\r\n\t\t},\r\n\t\tpreviewStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tpreviewContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tpc = previewContainer,\r\n\t\t\t\tw = pc.width,\r\n\t\t\t\th = pc.height,\r\n\t\t\t\tpcRatio = w / h;\r\n\t\t\tif (ratio < pcRatio) {\r\n\t\t\t\tw = pc.height * ratio;\r\n\t\t\t}\r\n\t\t\tif (ratio > pcRatio) {\r\n\t\t\t\th = pc.width / ratio;\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\twidth: w + 'px',\r\n\t\t\t\theight: h + 'px'\r\n\t\t\t};\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\tvalue(newValue) {\r\n\t\t\tif (newValue && this.loading != 1) {\r\n\t\t\t\tthis.reset();\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\t// 点击波纹效果\r\n\t\tripple(e) {\r\n\t\t\teffectRipple(e);\r\n\t\t},\r\n\t\t// 关闭控件\r\n\t\toff() {\r\n\t\t\tsetTimeout(()=> {\r\n\t\t\t\tthis.$emit('input', false);\r\n\t\t\t\tif(this.step == 3 && this.loading == 2){\r\n\t\t\t\t\tthis.setStep(1);\r\n\t\t\t\t}\r\n\t\t\t}, 200);\r\n\t\t},\r\n\t\t// 设置步骤\r\n\t\tsetStep(no) {\r\n\t\t\t// 延时是为了显示动画效果呢，哈哈哈\r\n\t\t\tsetTimeout(()=> {\r\n\t\t\t\tthis.step = no;\r\n\t\t\t}, 200);\r\n\t\t},\r\n\r\n\t\t/* 图片选择区域函数绑定\r\n\t\t ---------------------------------------------------------------*/\r\n\t\tpreventDefault(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\thandleClick(e) {\r\n\t\t\tif (this.loading !== 1) {\r\n\t\t\t\tif (e.target !== this.$refs.fileinput) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tif (document.activeElement !== this.$refs) {\r\n\t\t\t\t\t\tthis.$refs.fileinput.click();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\thandleChange(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tif (this.loading !== 1) {\r\n\t\t\t\tlet files = e.target.files || e.dataTransfer.files;\r\n\t\t\t\tthis.reset();\r\n\t\t\t\tif (this.checkFile(files[0])) {\r\n\t\t\t\t\tthis.setSourceImg(files[0]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t/* ---------------------------------------------------------------*/\r\n\r\n\t\t// 检测选择的文件是否合适\r\n\t\tcheckFile(file) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tlang,\r\n\t\t\t\t\tmaxSize\r\n\t\t\t\t} = that;\r\n\t\t\t// 仅限图片\r\n\t\t\tif (file.type.indexOf('image') === -1) {\r\n\t\t\t\tthat.hasError = true;\r\n\t\t\t\tthat.errorMsg = lang.error.onlyImg;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\t// 超出大小\r\n\t\t\tif (file.size / 1024 > maxSize) {\r\n\t\t\t\tthat.hasError = true;\r\n\t\t\t\tthat.errorMsg = lang.error.outOfSize + maxSize + 'kb';\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\treturn true;\r\n\t\t},\r\n\t\t// 重置控件\r\n\t\treset() {\r\n\t\t\tlet that = this;\r\n\t\t\tthat.loading = 0;\r\n\t\t\tthat.hasError = false;\r\n\t\t\tthat.errorMsg = '';\r\n\t\t\tthat.progress = 0;\r\n\t\t},\r\n\t\t// 设置图片源\r\n\t\tsetSourceImg(file) {\r\n\t\t\tthis.$emit('src-file-set', file.name, file.type, file.size);\r\n\t\t\tlet that = this,\r\n\t\t\t\tfr = new FileReader();\r\n\t\t\tfr.onload = function(e) {\r\n\t\t\t\tthat.sourceImgUrl = fr.result;\r\n\t\t\t\tthat.startCrop();\r\n\t\t\t}\r\n\t\t\tfr.readAsDataURL(file);\r\n\t\t},\r\n\t\t// 剪裁前准备工作\r\n\t\tstartCrop() {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgUrl,\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tlang\r\n\t\t\t\t} = that,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\timg = new Image();\r\n\t\t\timg.src = sourceImgUrl;\r\n\t\t\timg.onload = function() {\r\n\t\t\t\tlet nWidth = img.naturalWidth,\r\n\t\t\t\t\tnHeight = img.naturalHeight,\r\n\t\t\t\t\tnRatio = nWidth / nHeight,\r\n\t\t\t\t\tw = sim.width,\r\n\t\t\t\t\th = sim.height,\r\n\t\t\t\t\tx = 0,\r\n\t\t\t\t\ty = 0;\r\n\t\t\t\t// 图片像素不达标\r\n\t\t\t\tif (nWidth < width || nHeight < height) {\r\n\t\t\t\t\tthat.hasError = true;\r\n\t\t\t\t\tthat.errorMsg = lang.error.lowestPx + width + '*' + height;\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (ratio > nRatio) {\r\n\t\t\t\t\th = w / nRatio;\r\n\t\t\t\t\ty = (sim.height - h) / 2;\r\n\t\t\t\t}\r\n\t\t\t\tif (ratio < nRatio) {\r\n\t\t\t\t\tw = h * nRatio;\r\n\t\t\t\t\tx = (sim.width - w) / 2;\r\n\t\t\t\t}\r\n\t\t\t\tscale.range = 0;\r\n\t\t\t\tscale.x = x;\r\n\t\t\t\tscale.y = y;\r\n\t\t\t\tscale.width = w;\r\n\t\t\t\tscale.height = h;\r\n\t\t\t\tscale.minWidth = w;\r\n\t\t\t\tscale.minHeight = h;\r\n\t\t\t\tscale.maxWidth = nWidth * sim.scale;\r\n\t\t\t\tscale.maxHeight = nHeight * sim.scale;\r\n\t\t\t\tscale.naturalWidth = nWidth;\r\n\t\t\t\tscale.naturalHeight = nHeight;\r\n\t\t\t\tthat.sourceImg = img;\r\n\t\t\t\tthat.createImg();\r\n\t\t\t\tthat.setStep(2);\r\n\t\t\t};\r\n\t\t},\r\n\t\t// 鼠标按下图片准备移动\r\n\t\timgStartMove(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t// 支持触摸事件，则鼠标事件无效\r\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMouseDown,\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = this,\r\n\t\t\t\tsimd = sourceImgMouseDown;\r\n\t\t\tsimd.mX = et.screenX;\r\n\t\t\tsimd.mY = et.screenY;\r\n\t\t\tsimd.x = scale.x;\r\n\t\t\tsimd.y = scale.y;\r\n\t\t\tsimd.on = true;\r\n\t\t},\r\n\t\t// 鼠标按下状态下移动，图片移动\r\n\t\timgMove(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t// 支持触摸事件，则鼠标事件无效\r\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMouseDown: {\r\n\t\t\t\t\t\ton,\r\n\t\t\t\t\t\tmX,\r\n\t\t\t\t\t\tmY,\r\n\t\t\t\t\t\tx,\r\n\t\t\t\t\t\ty\r\n\t\t\t\t\t},\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgMasking\r\n\t\t\t\t} = this,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\tnX = et.screenX,\r\n\t\t\t\tnY = et.screenY,\r\n\t\t\t\tdX = nX - mX,\r\n\t\t\t\tdY = nY - mY,\r\n\t\t\t\trX = x + dX,\r\n\t\t\t\trY = y + dY;\r\n\t\t\tif (!on) return;\r\n\t\t\tif (rX > 0) {\r\n\t\t\t\trX = 0;\r\n\t\t\t}\r\n\t\t\tif (rY > 0) {\r\n\t\t\t\trY = 0;\r\n\t\t\t}\r\n\t\t\tif (rX < sim.width - scale.width) {\r\n\t\t\t\trX = sim.width - scale.width;\r\n\t\t\t}\r\n\t\t\tif (rY < sim.height - scale.height) {\r\n\t\t\t\trY = sim.height - scale.height;\r\n\t\t\t}\r\n\t\t\tscale.x = rX;\r\n\t\t\tscale.y = rY;\r\n\t\t},\r\n\t\t// 顺时针旋转图片\r\n        rotateImg(e) {\r\n\t\t\tlet {\r\n\t\t\t\t\tsourceImg,\r\n                    scale: {\r\n\t\t\t\t\t\tnaturalWidth,\r\n\t\t\t\t\t\tnaturalHeight,\r\n                    }\r\n                } = this,\r\n\t\t\t\twidth = naturalHeight,\r\n\t\t\t\theight = naturalWidth,\r\n                canvas = this.$refs.canvas,\r\n                ctx = canvas.getContext('2d');\r\n\t\t\tcanvas.width = width;\r\n            canvas.height = height;\r\n            ctx.clearRect(0, 0, width, height);\r\n\r\n\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\r\n\t\t\tctx.fillRect(0, 0, width, height);\r\n\r\n\t\t\tctx.translate(width, 0);\r\n            ctx.rotate(Math.PI * 90 / 180);\r\n\r\n            ctx.drawImage(sourceImg, 0, 0, naturalWidth, naturalHeight);\r\n            let imgUrl = canvas.toDataURL(mimes['png']);\r\n\r\n\t\t\tthis.sourceImgUrl = imgUrl;\r\n\t\t\tthis.startCrop();\r\n        },\r\n\r\n\t\t// 按钮按下开始放大\r\n\t\tstartZoomAdd(e) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = that;\r\n\t\t\tscale.zoomAddOn = true;\r\n\r\n\t\t\tfunction zoom() {\r\n\t\t\t\tif (scale.zoomAddOn) {\r\n\t\t\t\t\tlet range = scale.range >= 100 ? 100 : ++scale.range;\r\n\t\t\t\t\tthat.zoomImg(range);\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tzoom();\r\n\t\t\t\t\t}, 60);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tzoom();\r\n\t\t},\r\n\t\t// 按钮松开或移开取消放大\r\n\t\tendZoomAdd(e) {\r\n\t\t\tthis.scale.zoomAddOn = false;\r\n\t\t},\r\n\t\t// 按钮按下开始缩小\r\n\t\tstartZoomSub(e) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = that;\r\n\t\t\tscale.zoomSubOn = true;\r\n\r\n\t\t\tfunction zoom() {\r\n\t\t\t\tif (scale.zoomSubOn) {\r\n\t\t\t\t\tlet range = scale.range <= 0 ? 0 : --scale.range;\r\n\t\t\t\t\tthat.zoomImg(range);\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tzoom();\r\n\t\t\t\t\t}, 60);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tzoom();\r\n\t\t},\r\n\t\t// 按钮松开或移开取消缩小\r\n\t\tendZoomSub(e) {\r\n\t\t\tlet {\r\n\t\t\t\tscale\r\n\t\t\t} = this;\r\n\t\t\tscale.zoomSubOn = false;\r\n\t\t},\r\n\t\tzoomChange(e) {\r\n\t\t\tthis.zoomImg(e.target.value);\r\n\t\t},\r\n\t\t// 缩放原图\r\n\t\tzoomImg(newRange) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tsourceImgMouseDown,\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tmaxWidth,\r\n\t\t\t\t\tmaxHeight,\r\n\t\t\t\t\tminWidth,\r\n\t\t\t\t\tminHeight,\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tx,\r\n\t\t\t\t\ty,\r\n\t\t\t\t\trange\r\n\t\t\t\t} = scale,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\t// 蒙版宽高\r\n\t\t\t\tsWidth = sim.width,\r\n\t\t\t\tsHeight = sim.height,\r\n\t\t\t\t// 新宽高\r\n\t\t\t\tnWidth = minWidth + (maxWidth - minWidth) * newRange / 100,\r\n\t\t\t\tnHeight = minHeight + (maxHeight - minHeight) * newRange / 100,\r\n\t\t\t\t// 新坐标（根据蒙版中心点缩放）\r\n\t\t\t\tnX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x),\r\n\t\t\t\tnY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y);\r\n\r\n\t\t\t// 判断新坐标是否超过蒙版限制\r\n\t\t\tif (nX > 0) {\r\n\t\t\t\tnX = 0;\r\n\t\t\t}\r\n\t\t\tif (nY > 0) {\r\n\t\t\t\tnY = 0;\r\n\t\t\t}\r\n\t\t\tif (nX < sWidth - nWidth) {\r\n\t\t\t\tnX = sWidth - nWidth;\r\n\t\t\t}\r\n\t\t\tif (nY < sHeight - nHeight) {\r\n\t\t\t\tnY = sHeight - nHeight;\r\n\t\t\t}\r\n\r\n\t\t\t// 赋值处理\r\n\t\t\tscale.x = nX;\r\n\t\t\tscale.y = nY;\r\n\t\t\tscale.width = nWidth;\r\n\t\t\tscale.height = nHeight;\r\n\t\t\tscale.range = newRange;\r\n\t\t\tsetTimeout(function() {\r\n\t\t\t\tif (scale.range == newRange) {\r\n\t\t\t\t\tthat.createImg();\r\n\t\t\t\t}\r\n\t\t\t}, 300);\r\n\t\t},\r\n\t\t // 生成需求图片\r\n        createImg(e) {\r\n            let that = this,\r\n                {\r\n\t\t\t\t\timgFormat,\r\n\t\t\t\t\timgBgc,\r\n                    mime,\r\n                    sourceImg,\r\n                    scale: {\r\n                        x,\r\n                        y,\r\n                        width,\r\n                        height,\r\n                    },\r\n                    sourceImgMasking: {\r\n                        scale\r\n                    }\r\n                } = that,\r\n                canvas = that.$refs.canvas,\r\n                ctx = canvas.getContext('2d');\r\n            if (e) {\r\n                // 取消鼠标按下移动状态\r\n                that.sourceImgMouseDown.on = false;\r\n            }\r\n\t\t\tcanvas.width = that.width;\r\n            canvas.height = that.height;\r\n            ctx.clearRect(0, 0, that.width, that.height);\r\n\r\n\t\t\tif(imgFormat == 'png'){\r\n\t\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\r\n\t\t\t} else{\r\n\t\t\t\t// 如果jpg 为透明区域设置背景，默认白色\r\n\t\t\t\tctx.fillStyle = imgBgc;\r\n\t\t\t}\r\n\t\t\tctx.fillRect(0, 0, that.width, that.height);\r\n\r\n            ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale);\r\n            that.createImgUrl = canvas.toDataURL(mime);\r\n        },\r\n\t\tprepareUpload(){\r\n\t\t\tlet {\r\n\t\t\t\turl,\r\n\t\t\t\tcreateImgUrl,\r\n\t\t\t\tfield,\r\n\t\t\t\tki\r\n\t\t\t} = this;\r\n\t\t\tthis.$emit('crop-success', createImgUrl, field, ki);\r\n\t\t\tif(typeof url == 'string' && url){\r\n\t\t\t\tthis.upload();\r\n\t\t\t}else{\r\n\t\t\t\tthis.off();\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 上传图片\r\n\t\tupload() {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tlang,\r\n\t\t\t\t\timgFormat,\r\n\t\t\t\t\tmime,\r\n\t\t\t\t\turl,\r\n\t\t\t\t\tparams,\r\n\t\t\t\t\theaders,\r\n\t\t\t\t\tfield,\r\n\t\t\t\t\tki,\r\n\t\t\t\t\tcreateImgUrl,\r\n\t\t\t\t\twithCredentials,\r\n\t\t\t\t\tmethod\r\n\t\t\t\t} = this,\r\n\t\t\t\tfmData = new FormData();\r\n\t\t\tfmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat);\r\n\r\n\t\t\t// 添加其他参数\r\n\t\t\tif (typeof params == 'object' && params) {\r\n\t\t\t\tObject.keys(params).forEach((k) => {\r\n\t\t\t\t\tfmData.append(k, params[k]);\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t\t// 监听进度回调\r\n\t\t\tconst uploadProgress = function(event) {\r\n\t\t\t\tif (event.lengthComputable) {\r\n\t\t\t\t\tthat.progress = 100 * Math.round(event.loaded) / event.total;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// 上传文件\r\n\t\t\tthat.reset();\r\n\t\t\tthat.loading = 1;\r\n\t\t\tthat.setStep(3);\r\n\t\t\tnew Promise(function(resolve, reject) {\r\n\t\t\t\tlet client = new XMLHttpRequest();\r\n\t\t\t\tclient.open(method, url, true);\r\n\t\t\t\tclient.withCredentials = withCredentials;\r\n\t\t\t\tclient.onreadystatechange = function() {\r\n\t\t\t\t\tif (this.readyState !== 4) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.status === 200 || this.status === 201) {\r\n\t\t\t\t\t\tresolve(JSON.parse(this.responseText));\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treject(this.status);\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t\tclient.upload.addEventListener(\"progress\", uploadProgress, false); //监听进度\r\n\t\t\t\t// 设置header\r\n\t\t\t\tif (typeof headers == 'object' && headers) {\r\n\t\t\t\t\tObject.keys(headers).forEach((k) => {\r\n\t\t\t\t\t\tclient.setRequestHeader(k, headers[k]);\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\tclient.send(fmData);\r\n\t\t\t}).then(\r\n\t\t\t\t// 上传成功\r\n\t\t\t\tfunction(resData) {\r\n\t\t\t\t\tif (that.value) {\r\n\t\t\t\t\t\tthat.loading = 2;\r\n\t\t\t\t\t\tthat.$emit('crop-upload-success', resData, field, ki);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t// 上传失败\r\n\t\t\t\tfunction(sts) {\r\n\t\t\t\t\tif (that.value) {\r\n\t\t\t\t\t\tthat.loading = 3;\r\n\t\t\t\t\t\tthat.hasError = true;\r\n\t\t\t\t\t\tthat.errorMsg = lang.fail;\r\n\t\t\t\t\t\tthat.$emit('crop-upload-fail', sts, field, ki);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tcreated(){\r\n\t\t// 绑定按键esc隐藏此插件事件\r\n\t\tdocument.addEventListener('keyup', (e)=>{\r\n\t\t\tif(this.value && (e.key == 'Escape' || e.keyCode == 27)){\r\n\t\t\t\tthis.off();\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n}\r\n\r\n</script>\r\n\r\n<!--\r\n<style lang='sass' src=\"./scss/upload.scss\">\r\n</style> -->\r\n\r\n<style>\r\n@charset \"UTF-8\";\r\n@-webkit-keyframes vicp_progress {\r\n  0% {\r\n    background-position-y: 0; }\r\n  100% {\r\n    background-position-y: 40px; } }\r\n@keyframes vicp_progress {\r\n  0% {\r\n    background-position-y: 0; }\r\n  100% {\r\n    background-position-y: 40px; } }\r\n\r\n@-webkit-keyframes vicp {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: scale(0) translatey(-60px);\r\n            transform: scale(0) translatey(-60px); }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: scale(1) translatey(0);\r\n            transform: scale(1) translatey(0); } }\r\n\r\n@keyframes vicp {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: scale(0) translatey(-60px);\r\n            transform: scale(0) translatey(-60px); }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: scale(1) translatey(0);\r\n            transform: scale(1) translatey(0); } }\r\n\r\n.vue-image-crop-upload {\r\n  position: fixed;\r\n  display: block;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  z-index: 10000;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.65);\r\n  -webkit-tap-highlight-color: transparent;\r\n  -moz-tap-highlight-color: transparent; }\r\n  .vue-image-crop-upload .vicp-wrap {\r\n    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n    position: fixed;\r\n    display: block;\r\n    -webkit-box-sizing: border-box;\r\n            box-sizing: border-box;\r\n    z-index: 10000;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    width: 600px;\r\n    height: 330px;\r\n    padding: 25px;\r\n    background-color: #fff;\r\n    border-radius: 2px;\r\n    -webkit-animation: vicp 0.12s ease-in;\r\n            animation: vicp 0.12s ease-in; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-close {\r\n      position: absolute;\r\n      right: -30px;\r\n      top: -30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {\r\n        position: relative;\r\n        display: block;\r\n        width: 30px;\r\n        height: 30px;\r\n        cursor: pointer;\r\n        -webkit-transition: -webkit-transform 0.18s;\r\n        transition: -webkit-transform 0.18s;\r\n        transition: transform 0.18s;\r\n        transition: transform 0.18s, -webkit-transform 0.18s;\r\n        -webkit-transform: rotate(0);\r\n            -ms-transform: rotate(0);\r\n                transform: rotate(0); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {\r\n          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n                  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n          content: '';\r\n          position: absolute;\r\n          top: 12px;\r\n          left: 4px;\r\n          width: 20px;\r\n          height: 3px;\r\n          -webkit-transform: rotate(45deg);\r\n              -ms-transform: rotate(45deg);\r\n                  transform: rotate(45deg);\r\n          background-color: #fff; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {\r\n          -webkit-transform: rotate(-45deg);\r\n              -ms-transform: rotate(-45deg);\r\n                  transform: rotate(-45deg); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {\r\n          -webkit-transform: rotate(90deg);\r\n              -ms-transform: rotate(90deg);\r\n                  transform: rotate(90deg); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {\r\n      position: relative;\r\n      -webkit-box-sizing: border-box;\r\n              box-sizing: border-box;\r\n      padding: 35px;\r\n      height: 170px;\r\n      background-color: rgba(0, 0, 0, 0.03);\r\n      text-align: center;\r\n      border: 1px dashed rgba(0, 0, 0, 0.08);\r\n      overflow: hidden; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {\r\n        display: block;\r\n        margin: 0 auto 6px;\r\n        width: 42px;\r\n        height: 42px;\r\n        overflow: hidden; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {\r\n          display: block;\r\n          margin: 0 auto;\r\n          width: 0;\r\n          height: 0;\r\n          border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);\r\n          border-left: 14.7px solid transparent;\r\n          border-right: 14.7px solid transparent; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {\r\n          display: block;\r\n          width: 12.6px;\r\n          height: 14.7px;\r\n          margin: 0 auto;\r\n          background-color: rgba(0, 0, 0, 0.3); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {\r\n          -webkit-box-sizing: border-box;\r\n                  box-sizing: border-box;\r\n          display: block;\r\n          height: 12.6px;\r\n          border: 6px solid rgba(0, 0, 0, 0.3);\r\n          border-top: none; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {\r\n        display: block;\r\n        padding: 15px;\r\n        font-size: 14px;\r\n        color: #666;\r\n        line-height: 30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        padding: 30px;\r\n        width: 100%;\r\n        height: 60px;\r\n        line-height: 30px;\r\n        background-color: #eee;\r\n        text-align: center;\r\n        color: #666;\r\n        font-size: 14px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {\r\n        cursor: pointer;\r\n        border-color: rgba(0, 0, 0, 0.1);\r\n        background-color: rgba(0, 0, 0, 0.05); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {\r\n      overflow: hidden; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {\r\n        float: left; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {\r\n          position: relative;\r\n          display: block;\r\n          width: 240px;\r\n          height: 180px;\r\n          background-color: #e5e5e0;\r\n          overflow: hidden; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {\r\n            position: absolute;\r\n            display: block;\r\n            cursor: move;\r\n            -webkit-user-select: none;\r\n               -moz-user-select: none;\r\n                -ms-user-select: none;\r\n                    user-select: none; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {\r\n            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n            position: absolute;\r\n            background-color: rgba(241, 242, 243, 0.8); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {\r\n              top: 0;\r\n              left: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {\r\n              bottom: 0;\r\n              right: 0; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {\r\n          position: relative;\r\n          width: 240px;\r\n          height: 18px; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {\r\n            display: block;\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 100%;\r\n            line-height: 18px;\r\n            text-align: center;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            background-color: rgba(0, 0, 0, 0.08);\r\n            color: #fff;\r\n            overflow: hidden; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              cursor: pointer;\r\n              background-color: rgba(0, 0, 0, 0.14); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {\r\n              float: left; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {\r\n              float: right; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {\r\n          position: relative;\r\n          margin: 30px 0 10px 0;\r\n          width: 240px;\r\n          height: 18px; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\r\n            position: absolute;\r\n            top: 0;\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 100%;\r\n            background-color: rgba(0, 0, 0, 0.08); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              cursor: pointer;\r\n              background-color: rgba(0, 0, 0, 0.14); }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {\r\n            left: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              left: 3px;\r\n              top: 8px;\r\n              width: 12px;\r\n              height: 2px;\r\n              background-color: #fff; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\r\n            right: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              left: 3px;\r\n              top: 8px;\r\n              width: 12px;\r\n              height: 2px;\r\n              background-color: #fff; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              top: 3px;\r\n              left: 8px;\r\n              width: 2px;\r\n              height: 12px;\r\n              background-color: #fff; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {\r\n            display: block;\r\n            padding-top: 5px;\r\n            margin: 0 auto;\r\n            width: 180px;\r\n            height: 8px;\r\n            vertical-align: top;\r\n            background: transparent;\r\n            -webkit-appearance: none;\r\n               -moz-appearance: none;\r\n                    appearance: none;\r\n            cursor: pointer;\r\n            /* 滑块\r\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/\r\n            /* 轨道\r\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/ }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {\r\n              outline: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {\r\n              -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n                      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              -webkit-appearance: none;\r\n                      appearance: none;\r\n              margin-top: -3px;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border-radius: 100%;\r\n              border: none;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {\r\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              -moz-appearance: none;\r\n                   appearance: none;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border-radius: 100%;\r\n              border: none;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {\r\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              appearance: none;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border: none;\r\n              border-radius: 100%;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              margin-top: -4px;\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              height: 6px;\r\n              cursor: pointer;\r\n              border-radius: 2px;\r\n              border: none;\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              height: 6px;\r\n              cursor: pointer;\r\n              border-radius: 2px;\r\n              border: none;\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              cursor: pointer;\r\n              background: transparent;\r\n              border-color: transparent;\r\n              color: transparent;\r\n              height: 6px;\r\n              border-radius: 2px;\r\n              border: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {\r\n              background-color: rgba(68, 170, 119, 0.15); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {\r\n              background-color: rgba(68, 170, 119, 0.5); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {\r\n              background-color: rgba(68, 170, 119, 0.5); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {\r\n              background-color: rgba(68, 170, 119, 0.45); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {\r\n              background-color: rgba(68, 170, 119, 0.25); }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {\r\n        float: right; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {\r\n          height: 150px;\r\n          overflow: hidden; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {\r\n            position: relative;\r\n            padding: 5px;\r\n            width: 100px;\r\n            height: 100px;\r\n            float: left;\r\n            margin-right: 16px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {\r\n              position: absolute;\r\n              bottom: -30px;\r\n              width: 100%;\r\n              font-size: 14px;\r\n              color: #bbb;\r\n              display: block;\r\n              text-align: center; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {\r\n              position: absolute;\r\n              display: block;\r\n              top: 0;\r\n              bottom: 0;\r\n              left: 0;\r\n              right: 0;\r\n              margin: auto;\r\n              padding: 3px;\r\n              background-color: #fff;\r\n              border: 1px solid rgba(0, 0, 0, 0.15);\r\n              overflow: hidden;\r\n              -webkit-user-select: none;\r\n                 -moz-user-select: none;\r\n                  -ms-user-select: none;\r\n                      user-select: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {\r\n              margin-right: 0; }\r\n              .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {\r\n                border-radius: 100%; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {\r\n      position: relative;\r\n      -webkit-box-sizing: border-box;\r\n              box-sizing: border-box;\r\n      padding: 35px;\r\n      height: 170px;\r\n      background-color: rgba(0, 0, 0, 0.03);\r\n      text-align: center;\r\n      border: 1px dashed #ddd; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {\r\n        display: block;\r\n        padding: 15px;\r\n        font-size: 16px;\r\n        color: #999;\r\n        line-height: 30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {\r\n        margin-top: 12px;\r\n        background-color: rgba(0, 0, 0, 0.08);\r\n        border-radius: 3px; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {\r\n          position: relative;\r\n          display: block;\r\n          height: 5px;\r\n          border-radius: 3px;\r\n          background-color: #4a7;\r\n          -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\r\n                  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\r\n          -webkit-transition: width 0.15s linear;\r\n          transition: width 0.15s linear;\r\n          background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\r\n          background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\r\n          background-size: 40px 40px;\r\n          -webkit-animation: vicp_progress 0.5s linear infinite;\r\n                  animation: vicp_progress 0.5s linear infinite; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {\r\n            content: '';\r\n            position: absolute;\r\n            display: block;\r\n            top: -3px;\r\n            right: -3px;\r\n            width: 9px;\r\n            height: 9px;\r\n            border: 1px solid rgba(245, 246, 247, 0.7);\r\n            -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\r\n                    box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\r\n            border-radius: 100%;\r\n            background-color: #4a7; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {\r\n        height: 100px;\r\n        line-height: 100px; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-operate {\r\n      position: absolute;\r\n      right: 20px;\r\n      bottom: 20px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-operate a {\r\n        position: relative;\r\n        float: left;\r\n        display: block;\r\n        margin-left: 10px;\r\n        width: 100px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        font-size: 14px;\r\n        color: #4a7;\r\n        border-radius: 2px;\r\n        overflow: hidden;\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n            -ms-user-select: none;\r\n                user-select: none; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {\r\n          background-color: rgba(0, 0, 0, 0.03); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-error,\r\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\r\n      display: block;\r\n      font-size: 14px;\r\n      line-height: 24px;\r\n      height: 24px;\r\n      color: #d10;\r\n      text-align: center;\r\n      vertical-align: top; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\r\n      color: #4a7; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-icon3 {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 20px;\r\n      height: 20px;\r\n      top: 4px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon3::after {\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 6px;\r\n        width: 6px;\r\n        height: 10px;\r\n        border-width: 0 2px 2px 0;\r\n        border-color: #4a7;\r\n        border-style: solid;\r\n        -webkit-transform: rotate(45deg);\r\n            -ms-transform: rotate(45deg);\r\n                transform: rotate(45deg);\r\n        content: ''; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-icon2 {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 20px;\r\n      height: 20px;\r\n      top: 4px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 9px;\r\n        left: 4px;\r\n        width: 13px;\r\n        height: 2px;\r\n        background-color: #d10;\r\n        -webkit-transform: rotate(45deg);\r\n            -ms-transform: rotate(45deg);\r\n                transform: rotate(45deg); }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after {\r\n        -webkit-transform: rotate(-45deg);\r\n            -ms-transform: rotate(-45deg);\r\n                transform: rotate(-45deg); }\r\n\r\n.e-ripple {\r\n  position: absolute;\r\n  border-radius: 100%;\r\n  background-color: rgba(0, 0, 0, 0.15);\r\n  background-clip: padding-box;\r\n  pointer-events: none;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  -webkit-transform: scale(0);\r\n      -ms-transform: scale(0);\r\n          transform: scale(0);\r\n  opacity: 1; }\r\n  .e-ripple.z-active {\r\n    opacity: 0;\r\n    -webkit-transform: scale(2);\r\n        -ms-transform: scale(2);\r\n            transform: scale(2);\r\n    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }\r\n\r\n</style>\r\n","import mod from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upload-2.vue?vue&type=template&id=a5c9faf2&\"\nimport script from \"./upload-2.vue?vue&type=script&lang=js&\"\nexport * from \"./upload-2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./upload-2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/src/index.js??ref--6-oneOf-1-2!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/src/index.js??ref--6-oneOf-1-2!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=style&index=0&lang=css&\"","// a string of all valid unicode whitespaces\n// eslint-disable-next-line max-len\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = String(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.github.io/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","var isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n  var NewTarget, NewTargetPrototype;\n  if (\n    // it can work only with native `setPrototypeOf`\n    setPrototypeOf &&\n    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n    typeof (NewTarget = dummy.constructor) == 'function' &&\n    NewTarget !== Wrapper &&\n    isObject(NewTargetPrototype = NewTarget.prototype) &&\n    NewTargetPrototype !== Wrapper.prototype\n  ) setPrototypeOf($this, NewTargetPrototype);\n  return $this;\n};\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TipValueModal.vue?vue&type=style&index=0&class=scss&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TipValueModal.vue?vue&type=style&index=0&class=scss&lang=css&\"","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar isForced = require('../internals/is-forced');\nvar redefine = require('../internals/redefine');\nvar has = require('../internals/has');\nvar classof = require('../internals/classof-raw');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar create = require('../internals/object-create');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\n\n// Opera ~12 has broken Object#toString\nvar BROKEN_CLASSOF = classof(create(NumberPrototype)) == NUMBER;\n\n// `ToNumber` abstract operation\n// https://tc39.github.io/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n  var it = toPrimitive(argument, false);\n  var first, third, radix, maxCode, digits, length, index, code;\n  if (typeof it == 'string' && it.length > 2) {\n    it = trim(it);\n    first = it.charCodeAt(0);\n    if (first === 43 || first === 45) {\n      third = it.charCodeAt(2);\n      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n    } else if (first === 48) {\n      switch (it.charCodeAt(1)) {\n        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n        default: return +it;\n      }\n      digits = it.slice(2);\n      length = digits.length;\n      for (index = 0; index < length; index++) {\n        code = digits.charCodeAt(index);\n        // parseInt parses a string to a first unavailable symbol\n        // but ToNumber should return NaN if a string contains unavailable symbols\n        if (code < 48 || code > maxCode) return NaN;\n      } return parseInt(digits, radix);\n    }\n  } return +it;\n};\n\n// `Number` constructor\n// https://tc39.github.io/ecma262/#sec-number-constructor\nif (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {\n  var NumberWrapper = function Number(value) {\n    var it = arguments.length < 1 ? 0 : value;\n    var dummy = this;\n    return dummy instanceof NumberWrapper\n      // check on 1..constructor(foo) case\n      && (BROKEN_CLASSOF ? fails(function () { NumberPrototype.valueOf.call(dummy); }) : classof(dummy) != NUMBER)\n        ? inheritIfRequired(new NativeNumber(toNumber(it)), dummy, NumberWrapper) : toNumber(it);\n  };\n  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (\n    // ES3:\n    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n    // ES2015 (in case, if modules with ES2015 Number statics required before):\n    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'\n  ).split(','), j = 0, key; keys.length > j; j++) {\n    if (has(NativeNumber, key = keys[j]) && !has(NumberWrapper, key)) {\n      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));\n    }\n  }\n  NumberWrapper.prototype = NumberPrototype;\n  NumberPrototype.constructor = NumberWrapper;\n  redefine(global, NUMBER, NumberWrapper);\n}\n","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.github.io/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n"],"sourceRoot":""}