{"version":3,"sources":["webpack:///./node_modules/vue-image-crop-upload/upload-2.vue","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?623c","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?a7a5","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?5dc3"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","expression","staticClass","on","off","step","preventDefault","handleClick","handleChange","loading","_v","_s","lang","hint","isSupported","noSupported","ref","attrs","_e","hasError","errorMsg","ripple","btn","style","sourceImgStyle","sourceImgUrl","imgStartMove","imgMove","createImg","sourceImgShadeStyle","domProps","scale","range","zoomChange","startZoomSub","endZoomSub","startZoomAdd","endZoomAdd","noRotate","rotateImg","noSquare","previewStyle","createImgUrl","preview","noCircle","$event","setStep","back","prepareUpload","save","progressStyle","success","close","width","height","staticRenderFns","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","props","field","String","ki","url","params","headers","Number","default","Boolean","maxSize","langType","langExt","imgFormat","imgBgc","withCredentials","method","that","allowImgFormat","tempImgFormat","indexOf","language","mimes","FormData","isSupportTouch","hasOwnProperty","progress","ratio","sourceImg","sourceImgMouseDown","mX","mY","x","y","previewContainer","sourceImgContainer","zoomAddOn","zoomSubOn","maxWidth","maxHeight","minWidth","minHeight","naturalWidth","naturalHeight","computed","sourceImgMasking","sic","sicRatio","w","h","sim","pc","pcRatio","watch","newValue","reset","methods","effectRipple","_this","setTimeout","$emit","no","_this2","$refs","fileinput","activeElement","click","files","dataTransfer","checkFile","setSourceImg","file","size","FileReader","onload","result","startCrop","readAsDataURL","img","Image","src","nWidth","nHeight","nRatio","targetTouches","et","simd","screenX","screenY","_this$sourceImgMouseD","nX","nY","dX","dY","rX","rY","_this$scale","canvas","ctx","getContext","clearRect","fillStyle","fillRect","translate","rotate","PI","drawImage","imgUrl","toDataURL","zoom","zoomImg","newRange","sWidth","sHeight","_that$scale","upload","fmData","append","data2blob","_typeof","keys","forEach","k","uploadProgress","event","lengthComputable","round","loaded","total","Promise","resolve","reject","client","XMLHttpRequest","open","onreadystatechange","readyState","status","JSON","parse","responseText","addEventListener","setRequestHeader","send","then","resData","sts","created","_this3","key","keyCode","component"],"mappings":"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","file":"js/chunk-5be4c35f.3d6ac377.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)+\"\\r\\n\\t\\t\\t\")]),_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)+\"\\r\\n\\t\\t\\t\\t\")]),_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)+\"\\r\\n\\t\\t\\t\\t\")])]),_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}})])])\n}\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!../@vue/cli-plugin-babel/node_modules/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!../@vue/cli-plugin-babel/node_modules/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=258c767c\"\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&id=258c767c&prod&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","export * from \"-!../@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/index.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/lib/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&id=258c767c&prod&lang=css\""],"sourceRoot":""}