| 1 |
- webpackJsonp([3],{"FpG/":function(e,r,i){var t=i("oUhe");"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);i("rjj0")("cc0c5afc",t,!0)},IlRr:function(e,r,i){(e.exports=i("FZ+f")(!1)).push([e.i,"\n@charset \"UTF-8\";\n@-webkit-keyframes vicp_progress {\n0% {\r\n background-position-y: 0;\n}\n100% {\r\n background-position-y: 40px;\n}\n}\n@keyframes vicp_progress {\n0% {\r\n background-position-y: 0;\n}\n100% {\r\n background-position-y: 40px;\n}\n}\n@-webkit-keyframes vicp {\n0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0) translatey(-60px);\r\n transform: scale(0) translatey(-60px);\n}\n100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1) translatey(0);\r\n transform: scale(1) translatey(0);\n}\n}\n@keyframes vicp {\n0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0) translatey(-60px);\r\n transform: scale(0) translatey(-60px);\n}\n100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1) translatey(0);\r\n transform: scale(1) translatey(0);\n}\n}\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;\n}\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;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-close {\r\n position: absolute;\r\n right: -30px;\r\n top: -30px;\n}\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 transform: rotate(0);\n}\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 transform: rotate(45deg);\r\n background-color: #fff;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {\r\n -webkit-transform: rotate(-45deg);\r\n transform: rotate(-45deg);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\n}\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;\n}\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;\n}\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;\n}\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);\n}\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;\n}\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;\n}\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;\n}\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);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {\r\n overflow: hidden;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {\r\n float: left;\n}\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;\n}\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;\n}\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);\n}\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;\n}\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;\n}\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;\n}\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;\n}\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);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {\r\n float: left;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {\r\n float: right;\n}\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;\n}\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);\n}\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);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {\r\n left: 0;\n}\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;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\r\n right: 0;\n}\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;\n}\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;\n}\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 ---------------------------------------------------------------*/\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {\r\n outline: none;\n}\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;\n}\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;\n}\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;\n}\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;\n}\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;\n}\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;\n}\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);\n}\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);\n}\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;\n}\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);\n}\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);\n}\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);\n}\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);\n}\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);\n}\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);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {\r\n float: right;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {\r\n height: 150px;\r\n overflow: hidden;\n}\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;\n}\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;\n}\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;\n}\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;\n}\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%;\n}\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;\n}\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;\n}\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;\n}\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: 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;\n}\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;\n}\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;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-operate {\r\n position: absolute;\r\n right: 20px;\r\n bottom: 20px;\n}\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;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {\r\n background-color: rgba(0, 0, 0, 0.03);\n}\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;\n}\n.vue-image-crop-upload .vicp-wrap .vicp-success {\r\n color: #4a7;\n}\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;\n}\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 transform: rotate(45deg);\r\n content: '';\n}\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;\n}\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 transform: rotate(45deg);\n}\n.vue-image-crop-upload .vicp-wrap .vicp-icon2::after {\r\n -webkit-transform: rotate(-45deg);\r\n transform: rotate(-45deg);\n}\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 transform: scale(0);\r\n opacity: 1;\n}\n.e-ripple.z-active {\r\n opacity: 0;\r\n -webkit-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;\n}\r\n\r\n",""])},ctMr:function(e,r,i){var t=i("z4F4");"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);i("rjj0")("6077c87a",t,!0)},lhHM:function(e,r,i){var t=i("IlRr");"string"==typeof t&&(t=[[e.i,t,""]]),t.locals&&(e.exports=t.locals);i("rjj0")("096b60cc",t,!0)},mtmd:function(e,r,i){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var t=i("woOf"),n=i.n(t),a=(i("ctMr"),{bind:function(e,r){e.addEventListener("click",function(i){var t=n()({},r.value),a=n()({ele:e,type:"hit",color:"rgba(0, 0, 0, 0.15)"},t),o=a.ele;if(o){o.style.position="relative",o.style.overflow="hidden";var p=o.getBoundingClientRect(),s=o.querySelector(".waves-ripple");switch(s?s.className="waves-ripple":((s=document.createElement("span")).className="waves-ripple",s.style.height=s.style.width=Math.max(p.width,p.height)+"px",o.appendChild(s)),a.type){case"center":s.style.top=p.height/2-s.offsetHeight/2+"px",s.style.left=p.width/2-s.offsetWidth/2+"px";break;default:s.style.top=i.pageY-p.top-s.offsetHeight/2-document.body.scrollTop+"px",s.style.left=i.pageX-p.left-s.offsetWidth/2-document.body.scrollLeft+"px"}return s.style.backgroundColor=a.color,s.className="waves-ripple z-active",!1}},!1)}}),o=function(e){e.directive("waves",a)};window.Vue&&(window.waves=a,Vue.use(o)),a.install=o;var p=a,s=i("//Fk"),c=i.n(s),l=i("fZjL"),v=i.n(l),u=i("pFYg"),d=i.n(u),g={zh:{hint:"点击，或拖动图片至此处",loading:"正在上传……",noSupported:"浏览器不支持该功能，请使用IE10以上或其他现在浏览器！",success:"上传成功",fail:"图片上传失败",preview:"头像预览",btn:{off:"取消",close:"关闭",back:"上一步",save:"保存"},error:{onlyImg:"仅限图片格式",outOfSize:"单文件大小不能超过 ",lowestPx:"图片最低像素为（宽*高）："}},"zh-tw":{hint:"點擊，或拖動圖片至此處",loading:"正在上傳……",noSupported:"瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！",success:"上傳成功",fail:"圖片上傳失敗",preview:"頭像預覽",btn:{off:"取消",close:"關閉",back:"上一步",save:"保存"},error:{onlyImg:"僅限圖片格式",outOfSize:"單文件大小不能超過 ",lowestPx:"圖片最低像素為（寬*高）："}},en:{hint:"Click or drag the file here to upload",loading:"Uploading…",noSupported:"Browser is not supported, please use IE10+ or other browsers",success:"Upload success",fail:"Upload failed",preview:"Preview",btn:{off:"Cancel",close:"Close",back:"Back",save:"Save"},error:{onlyImg:"Image only",outOfSize:"Image exceeds size limit: ",lowestPx:"Image's size is too low. Expected at least: "}},ro:{hint:"Atinge sau trage fișierul aici",loading:"Se încarcă",noSupported:"Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.",success:"S-a încărcat cu succes",fail:"A apărut o problemă la încărcare",preview:"Previzualizează",btn:{off:"Anulează",close:"Închide",back:"Înapoi",save:"Salvează"},error:{onlyImg:"Doar imagini",outOfSize:"Imaginea depășește limita de: ",loewstPx:"Imaginea este prea mică; Minim: "}},ru:{hint:"Нажмите, или перетащите файл в это окно",loading:"Загружаю……",noSupported:"Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры",success:"Загрузка выполнена успешно",fail:"Ошибка загрузки",preview:"Предпросмотр",btn:{off:"Отменить",close:"Закрыть",back:"Назад",save:"Сохранить"},error:{onlyImg:"Только изображения",outOfSize:"Изображение превышает предельный размер: ",lowestPx:"Минимальный размер изображения: "}},"pt-br":{hint:"Clique ou arraste o arquivo aqui para carregar",loading:"Carregando…",noSupported:"Browser não suportado, use o IE10+ ou outro browser",success:"Sucesso ao carregar imagem",fail:"Falha ao carregar imagem",preview:"Pré-visualizar",btn:{off:"Cancelar",close:"Fechar",back:"Voltar",save:"Salvar"},error:{onlyImg:"Apenas imagens",outOfSize:"A imagem excede o limite de tamanho: ",lowestPx:"O tamanho da imagem é muito pequeno. Tamanho mínimo: "}},fr:{hint:"Cliquez ou glissez le fichier ici.",loading:"Téléchargement…",noSupported:"Votre navigateur n'est pas supporté. Utilisez IE10 + ou un autre navigateur s'il vous plaît.",success:"Téléchargement réussit",fail:"Téléchargement echoué",preview:"Aperçu",btn:{off:"Annuler",close:"Fermer",back:"Retour",save:"Enregistrer"},error:{onlyImg:"Image uniquement",outOfSize:"L'image sélectionnée dépasse la taille maximum: ",lowestPx:"L'image sélectionnée est trop petite. Dimensions attendues: "}},nl:{hint:"Klik hier of sleep een afbeelding in dit vlak",loading:"Uploaden…",noSupported:"Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.",success:"Upload succesvol",fail:"Upload mislukt",preview:"Voorbeeld",btn:{off:"Annuleren",close:"Sluiten",back:"Terug",save:"Opslaan"},error:{onlyImg:"Alleen afbeeldingen",outOfSize:"De afbeelding is groter dan: ",lowestPx:"De afbeelding is te klein! Minimale afmetingen: "}},tr:{hint:"Tıkla veya yüklemek istediğini buraya sürükle",loading:"Yükleniyor…",noSupported:"Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın",success:"Yükleme başarılı",fail:"Yüklemede hata oluştu",preview:"Önizle",btn:{off:"İptal",close:"Kapat",back:"Geri",save:"Kaydet"},error:{onlyImg:"Sadece resim",outOfSize:"Resim yükleme limitini aşıyor: ",lowestPx:"Resmin boyutu çok küçük. En az olması gereken: "}},"es-MX":{hint:"Selecciona o arrastra una imagen",loading:"Subiendo...",noSupported:"Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes",success:"Subido exitosamente",fail:"Sucedió un error",preview:"Vista previa",btn:{off:"Cancelar",close:"Cerrar",back:"Atrás",save:"Guardar"},error:{onlyImg:"Únicamente imágenes",outOfSize:"La imagen excede el tamaño maximo:",lowestPx:"La imagen es demasiado pequeña. Se espera por lo menos:"}},de:{hint:"Klick hier oder zieh eine Datei hier rein zum Hochladen",loading:"Hochladen…",noSupported:"Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser",success:"Upload erfolgreich",fail:"Upload fehlgeschlagen",preview:"Vorschau",btn:{off:"Abbrechen",close:"Schließen",back:"Zurück",save:"Speichern"},error:{onlyImg:"Nur Bilder",outOfSize:"Das Bild ist zu groß: ",lowestPx:"Das Bild ist zu klein. Mindestens: "}},ja:{hint:"クリック・ドラッグしてファイルをアップロード",loading:"アップロード中...",noSupported:"このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。",success:"アップロード成功",fail:"アップロード失敗",preview:"プレビュー",btn:{off:"キャンセル",close:"閉じる",back:"戻る",save:"保存"},error:{onlyImg:"画像のみ",outOfSize:"画像サイズが上限を超えています。上限: ",lowestPx:"画像が小さすぎます。最小サイズ: "}},ua:{hint:"Натисніть, або перетягніть файл в це вікно",loading:"Завантажую……",noSupported:"Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами",success:"Завантаження виконано успішно",fail:"Помилка завантаження",preview:"Попередній перегляд",btn:{off:"Відмінити",close:"Закрити",back:"Назад",save:"Зберегти"},error:{onlyImg:"Тільки зображення",outOfSize:"Зображення перевищує граничний розмір: ",lowestPx:"Мінімальний розмір зображення: "}},it:{hint:"Clicca o trascina qui il file per caricarlo",loading:"Caricamento del file…",noSupported:"Browser non supportato, per favore usa IE10+ o un altro browser",success:"Caricamento completato",fail:"Caricamento fallito",preview:"Anteprima",btn:{off:"Annulla",close:"Chiudi",back:"Indietro",save:"Salva"},error:{onlyImg:"Sono accettate solo immagini",outOfSize:"L'immagine eccede i limiti di dimensione: ",lowestPx:"L'immagine è troppo piccola. Il requisito minimo è: "}},ar:{hint:"اضغط أو اسحب الملف هنا للتحميل",loading:"جاري التحميل...",noSupported:"المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر",success:"تم التحميل بنجاح",fail:"فشل التحميل",preview:"معاينه",btn:{off:"إلغاء",close:"إغلاق",back:"رجوع",save:"حفظ"},error:{onlyImg:"صور فقط",outOfSize:"تتجاوز الصوره الحجم المحدد: ",lowestPx:"حجم الصورة صغير جدا. من المتوقع على الأقل: "}},ug:{hint:"مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ",loading:"يوللىنىۋاتىدۇ...",noSupported:"تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ",success:"غەلبىلىك بولدى",fail:"مەغلۇب بولدى",preview:"ئۈنۈم رەسىم",btn:{off:"بولدى قىلىش",close:"تاقاش",back:"ئالدىنقى قەدەم",save:"ساقلاش"},error:{onlyImg:"پەقەت رەسىم فورماتىنىلا قوللايدۇ",outOfSize:"رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى",lowestPx:"رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :"}},th:{hint:"คลิ๊กหรือลากรูปมาที่นี่",loading:"กำลังอัพโหลด…",noSupported:"เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น",success:"อัพโหลดสำเร็จ",fail:"อัพโหลดล้มเหลว",preview:"ตัวอย่าง",btn:{off:"ยกเลิก",close:"ปิด",back:"กลับ",save:"บันทึก"},error:{onlyImg:"ไฟล์ภาพเท่านั้น",outOfSize:"ไฟล์ใหญ่เกินกำหนด: ",lowestPx:"ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: "}}},h={jpg:"image/jpeg",png:"image/png",gif:"image/gif",svg:"image/svg+xml",psd:"image/photoshop"},m={props:{field:{type:String,default:"avatar"},ki:{default:0},value:{default:!0},url:{type:String,default:""},params:{type:Object,default:null},headers:{type:Object,default:null},width:{type:Number,default:200},height:{type:Number,default:200},noRotate:{type:Boolean,default:!0},noCircle:{type:Boolean,default:!1},noSquare:{type:Boolean,default:!1},maxSize:{type:Number,default:10240},langType:{type:String,default:"zh"},langExt:{type:Object,default:null},imgFormat:{type:String,default:"png"},imgBgc:{type:String,default:"#fff"},withCredentials:{type:Boolean,default:!1}},data:function(){var e=this.imgFormat,r=this.langType,i=this.langExt,t=this.width,a=this.height,o=!0,p=-1===["jpg","png"].indexOf(e)?"jpg":e,s=g[r]?g[r]:g.en,c=h[p];return this.imgFormat=p,i&&n()(s,i),"function"!=typeof FormData&&(o=!1),{mime:c,lang:s,isSupported:o,isSupportTouch:document.hasOwnProperty("ontouchstart"),step:1,loading:0,progress:0,hasError:!1,errorMsg:"",ratio:t/a,sourceImg:null,sourceImgUrl:"",createImgUrl:"",sourceImgMouseDown:{on:!1,mX:0,mY:0,x:0,y:0},previewContainer:{width:100,height:100},sourceImgContainer:{width:240,height:184},scale:{zoomAddOn:!1,zoomSubOn:!1,range:1,x:0,y:0,width:0,height:0,maxWidth:0,maxHeight:0,minWidth:0,minHeight:0,naturalWidth:0,naturalHeight:0}}},computed:{progressStyle:function(){return{width:this.progress+"%"}},sourceImgStyle:function(){var e=this.scale,r=this.sourceImgMasking;return{top:e.y+r.y+"px",left:e.x+r.x+"px",width:e.width+"px",height:e.height+"px"}},sourceImgMasking:function(){var e=this.width,r=this.height,i=this.ratio,t=this.sourceImgContainer,n=t.width/t.height,a=0,o=0,p=t.width,s=t.height,c=1;return i<n&&(c=t.height/r,p=t.height*i,a=(t.width-p)/2),i>n&&(c=t.width/e,s=t.width/i,o=(t.height-s)/2),{scale:c,x:a,y:o,width:p,height:s}},sourceImgShadeStyle:function(){var e=this.sourceImgMasking,r=this.sourceImgContainer,i=e;return{width:(i.width==r.width?i.width:(r.width-i.width)/2)+"px",height:(i.height==r.height?i.height:(r.height-i.height)/2)+"px"}},previewStyle:function(){this.width,this.height;var e=this.ratio,r=this.previewContainer,i=r.width,t=r.height,n=i/t;return e<n&&(i=r.height*e),e>n&&(t=r.width/e),{width:i+"px",height:t+"px"}}},watch:{value:function(e){e&&1!=this.loading&&this.reset()}},methods:{ripple:function(e){!function(e,r){var i=Object.assign({ele:e.target,type:"hit",bgc:"rgba(0, 0, 0, 0.15)"},r),t=i.ele;if(t){var n=t.getBoundingClientRect(),a=t.querySelector(".e-ripple");switch(a?a.className="e-ripple":((a=document.createElement("span")).className="e-ripple",a.style.height=a.style.width=Math.max(n.width,n.height)+"px",t.appendChild(a)),i.type){case"center":a.style.top=n.height/2-a.offsetHeight/2+"px",a.style.left=n.width/2-a.offsetWidth/2+"px";break;default:a.style.top=e.pageY-n.top-a.offsetHeight/2-document.body.scrollTop+"px",a.style.left=e.pageX-n.left-a.offsetWidth/2-document.body.scrollLeft+"px"}a.style.backgroundColor=i.bgc,a.className="e-ripple z-active"}}(e)},off:function(){var e=this;setTimeout(function(){e.$emit("input",!1),3==e.step&&2==e.loading&&e.setStep(1)},200)},setStep:function(e){var r=this;setTimeout(function(){r.step=e},200)},preventDefault:function(e){return e.preventDefault(),!1},handleClick:function(e){1!==this.loading&&e.target!==this.$refs.fileinput&&(e.preventDefault(),document.activeElement!==this.$refs&&this.$refs.fileinput.click())},handleChange:function(e){if(e.preventDefault(),1!==this.loading){var r=e.target.files||e.dataTransfer.files;this.reset(),this.checkFile(r[0])&&this.setSourceImg(r[0])}},checkFile:function(e){var r=this.lang,i=this.maxSize;return-1===e.type.indexOf("image")?(this.hasError=!0,this.errorMsg=r.error.onlyImg,!1):!(e.size/1024>i)||(this.hasError=!0,this.errorMsg=r.error.outOfSize+i+"kb",!1)},reset:function(){this.loading=0,this.hasError=!1,this.errorMsg="",this.progress=0},setSourceImg:function(e){var r=this,i=new FileReader;i.onload=function(e){r.sourceImgUrl=i.result,r.startCrop()},i.readAsDataURL(e)},startCrop:function(){var e=this,r=e.width,i=e.height,t=e.ratio,n=e.scale,a=e.sourceImgUrl,o=e.sourceImgMasking,p=e.lang,s=o,c=new Image;c.src=a,c.onload=function(){var a=c.naturalWidth,o=c.naturalHeight,l=a/o,v=s.width,u=s.height,d=0,g=0;if(a<r||o<i)return e.hasError=!0,e.errorMsg=p.error.lowestPx+r+"*"+i,!1;t>l&&(u=v/l,g=(s.height-u)/2),t<l&&(v=u*l,d=(s.width-v)/2),n.range=0,n.x=d,n.y=g,n.width=v,n.height=u,n.minWidth=v,n.minHeight=u,n.maxWidth=a*s.scale,n.maxHeight=o*s.scale,n.naturalWidth=a,n.naturalHeight=o,e.sourceImg=c,e.createImg(),e.setStep(2)}},imgStartMove:function(e){if(e.preventDefault(),this.isSupportTouch&&!e.targetTouches)return!1;var r=e.targetTouches?e.targetTouches[0]:e,i=this.sourceImgMouseDown,t=this.scale,n=i;n.mX=r.screenX,n.mY=r.screenY,n.x=t.x,n.y=t.y,n.on=!0},imgMove:function(e){if(e.preventDefault(),this.isSupportTouch&&!e.targetTouches)return!1;var r=e.targetTouches?e.targetTouches[0]:e,i=this.sourceImgMouseDown,t=i.on,n=i.mX,a=i.mY,o=i.x,p=i.y,s=this.scale,c=this.sourceImgMasking,l=o+(r.screenX-n),v=p+(r.screenY-a);t&&(l>0&&(l=0),v>0&&(v=0),l<c.width-s.width&&(l=c.width-s.width),v<c.height-s.height&&(v=c.height-s.height),s.x=l,s.y=v)},rotateImg:function(e){var r=this.sourceImg,i=this.scale,t=i.naturalWidth,n=i.naturalHeight,a=n,o=t,p=this.$refs.canvas,s=p.getContext("2d");p.width=a,p.height=o,s.clearRect(0,0,a,o),s.fillStyle="rgba(0,0,0,0)",s.fillRect(0,0,a,o),s.translate(a,0),s.rotate(90*Math.PI/180),s.drawImage(r,0,0,t,n);var c=p.toDataURL(h.png);this.sourceImgUrl=c,this.startCrop()},startZoomAdd:function(e){var r=this,i=r.scale;i.zoomAddOn=!0,function e(){if(i.zoomAddOn){var t=i.range>=100?100:++i.range;r.zoomImg(t),setTimeout(function(){e()},60)}}()},endZoomAdd:function(e){this.scale.zoomAddOn=!1},startZoomSub:function(e){var r=this,i=r.scale;i.zoomSubOn=!0,function e(){if(i.zoomSubOn){var t=i.range<=0?0:--i.range;r.zoomImg(t),setTimeout(function(){e()},60)}}()},endZoomSub:function(e){this.scale.zoomSubOn=!1},zoomChange:function(e){this.zoomImg(e.target.value)},zoomImg:function(e){var r=this,i=this.sourceImgMasking,t=(this.sourceImgMouseDown,this.scale),n=t.maxWidth,a=t.maxHeight,o=t.minWidth,p=t.minHeight,s=t.width,c=t.height,l=t.x,v=t.y,u=(t.range,i),d=u.width,g=u.height,h=o+(n-o)*e/100,m=p+(a-p)*e/100,f=d/2-h/s*(d/2-l),w=g/2-m/c*(g/2-v);f>0&&(f=0),w>0&&(w=0),f<d-h&&(f=d-h),w<g-m&&(w=g-m),t.x=f,t.y=w,t.width=h,t.height=m,t.range=e,setTimeout(function(){t.range==e&&r.createImg()},300)},createImg:function(e){var r=this.imgFormat,i=this.imgBgc,t=this.mime,n=this.sourceImg,a=this.scale,o=a.x,p=a.y,s=a.width,c=a.height,l=this.sourceImgMasking.scale,v=this.$refs.canvas,u=v.getContext("2d");e&&(this.sourceImgMouseDown.on=!1),v.width=this.width,v.height=this.height,u.clearRect(0,0,this.width,this.height),u.fillStyle="png"==r?"rgba(0,0,0,0)":i,u.fillRect(0,0,this.width,this.height),u.drawImage(n,o/l,p/l,s/l,c/l),this.createImgUrl=v.toDataURL(t)},prepareUpload:function(){var e=this.url,r=this.createImgUrl,i=this.field,t=this.ki;this.$emit("crop-success",r,i,t),"string"==typeof e&&e?this.upload():this.off()},upload:function(){var e=this,r=this.lang,i=this.imgFormat,t=this.mime,n=this.url,a=this.params,o=this.headers,p=this.field,s=this.ki,l=this.createImgUrl,u=this.withCredentials,g=new FormData;g.append(p,function(e,r){e=e.split(",")[1],e=window.atob(e);for(var i=new Uint8Array(e.length),t=0;t<e.length;t++)i[t]=e.charCodeAt(t);return new Blob([i],{type:r})}(l,t),p+"."+i),"object"==(void 0===a?"undefined":d()(a))&&a&&v()(a).forEach(function(e){g.append(e,a[e])});var h=function(r){r.lengthComputable&&(e.progress=100*Math.round(r.loaded)/r.total)};e.reset(),e.loading=1,e.setStep(3),new c.a(function(e,r){var i=new XMLHttpRequest;i.open("POST",n,!0),i.withCredentials=u,i.onreadystatechange=function(){4===this.readyState&&(200===this.status||201===this.status?e(JSON.parse(this.responseText)):r(this.status))},i.upload.addEventListener("progress",h,!1),"object"==(void 0===o?"undefined":d()(o))&&o&&v()(o).forEach(function(e){i.setRequestHeader(e,o[e])}),i.send(g)}).then(function(r){e.value&&(e.loading=2,e.$emit("crop-upload-success",r,p,s))},function(i){e.value&&(e.loading=3,e.hasError=!0,e.errorMsg=r.fail,e.$emit("crop-upload-fail",i,p,s))})}},created:function(){var e=this;document.addEventListener("keyup",function(r){!e.value||"Escape"!=r.key&&27!=r.keyCode||e.off()})}},f={render:function(){var e=this,r=e.$createElement,i=e._self._c||r;return i("div",{directives:[{name:"show",rawName:"v-show",value:e.value,expression:"value"}],staticClass:"vue-image-crop-upload"},[i("div",{staticClass:"vicp-wrap"},[i("div",{staticClass:"vicp-close",on:{click:e.off}},[i("i",{staticClass:"vicp-icon4"})]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:1==e.step,expression:"step == 1"}],staticClass:"vicp-step1"},[i("div",{staticClass:"vicp-drop-area",on:{dragleave:e.preventDefault,dragover:e.preventDefault,dragenter:e.preventDefault,click:e.handleClick,drop:e.handleChange}},[i("i",{directives:[{name:"show",rawName:"v-show",value:1!=e.loading,expression:"loading != 1"}],staticClass:"vicp-icon1"},[i("i",{staticClass:"vicp-icon1-arrow"}),e._v(" "),i("i",{staticClass:"vicp-icon1-body"}),e._v(" "),i("i",{staticClass:"vicp-icon1-bottom"})]),e._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:1!==e.loading,expression:"loading !== 1"}],staticClass:"vicp-hint"},[e._v(e._s(e.lang.hint))]),e._v(" "),i("span",{directives:[{name:"show",rawName:"v-show",value:!e.isSupported,expression:"!isSupported"}],staticClass:"vicp-no-supported-hint"},[e._v(e._s(e.lang.noSupported))]),e._v(" "),1==e.step?i("input",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],ref:"fileinput",attrs:{type:"file"},on:{change:e.handleChange}}):e._e()]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.hasError,expression:"hasError"}],staticClass:"vicp-error"},[i("i",{staticClass:"vicp-icon2"}),e._v(" "+e._s(e.errorMsg)+"\r\n\t\t\t")]),e._v(" "),i("div",{staticClass:"vicp-operate"},[i("a",{on:{click:e.off,mousedown:e.ripple}},[e._v(e._s(e.lang.btn.off))])])]),e._v(" "),2==e.step?i("div",{staticClass:"vicp-step2"},[i("div",{staticClass:"vicp-crop"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-left"},[i("div",{staticClass:"vicp-img-container"},[i("img",{ref:"img",staticClass:"vicp-img",style:e.sourceImgStyle,attrs:{src:e.sourceImgUrl,draggable:"false"},on:{drag:e.preventDefault,dragstart:e.preventDefault,dragend:e.preventDefault,dragleave:e.preventDefault,dragover:e.preventDefault,dragenter:e.preventDefault,drop:e.preventDefault,touchstart:e.imgStartMove,touchmove:e.imgMove,touchend:e.createImg,touchcancel:e.createImg,mousedown:e.imgStartMove,mousemove:e.imgMove,mouseup:e.createImg,mouseout:e.createImg}}),e._v(" "),i("div",{staticClass:"vicp-img-shade vicp-img-shade-1",style:e.sourceImgShadeStyle}),e._v(" "),i("div",{staticClass:"vicp-img-shade vicp-img-shade-2",style:e.sourceImgShadeStyle})]),e._v(" "),i("div",{staticClass:"vicp-range"},[i("input",{attrs:{type:"range",step:"1",min:"0",max:"100"},domProps:{value:e.scale.range},on:{input:e.zoomChange}}),e._v(" "),i("i",{staticClass:"vicp-icon5",on:{mousedown:e.startZoomSub,mouseout:e.endZoomSub,mouseup:e.endZoomSub}}),e._v(" "),i("i",{staticClass:"vicp-icon6",on:{mousedown:e.startZoomAdd,mouseout:e.endZoomAdd,mouseup:e.endZoomAdd}})]),e._v(" "),e.noRotate?e._e():i("div",{staticClass:"vicp-rotate"},[i("i",{on:{click:e.rotateImg}},[e._v("↻")])])]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-right"},[i("div",{staticClass:"vicp-preview"},[e.noSquare?e._e():i("div",{staticClass:"vicp-preview-item"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),e._v(" "),i("span",[e._v(e._s(e.lang.preview))])]),e._v(" "),e.noCircle?e._e():i("div",{staticClass:"vicp-preview-item vicp-preview-item-circle"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),e._v(" "),i("span",[e._v(e._s(e.lang.preview))])])])])]),e._v(" "),i("div",{staticClass:"vicp-operate"},[i("a",{on:{click:function(r){e.setStep(1)},mousedown:e.ripple}},[e._v(e._s(e.lang.btn.back))]),e._v(" "),i("a",{staticClass:"vicp-operate-btn",on:{click:e.prepareUpload,mousedown:e.ripple}},[e._v(e._s(e.lang.btn.save))])])]):e._e(),e._v(" "),3==e.step?i("div",{staticClass:"vicp-step3"},[i("div",{staticClass:"vicp-upload"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-loading"},[e._v(e._s(e.lang.loading))]),e._v(" "),i("div",{staticClass:"vicp-progress-wrap"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-progress",style:e.progressStyle})]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:e.hasError,expression:"hasError"}],staticClass:"vicp-error"},[i("i",{staticClass:"vicp-icon2"}),e._v(" "+e._s(e.errorMsg)+"\r\n\t\t\t\t")]),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:2===e.loading,expression:"loading === 2"}],staticClass:"vicp-success"},[i("i",{staticClass:"vicp-icon3"}),e._v(" "+e._s(e.lang.success)+"\r\n\t\t\t\t")])]),e._v(" "),i("div",{staticClass:"vicp-operate"},[i("a",{on:{click:function(r){e.setStep(2)},mousedown:e.ripple}},[e._v(e._s(e.lang.btn.back))]),e._v(" "),i("a",{on:{click:e.off,mousedown:e.ripple}},[e._v(e._s(e.lang.btn.close))])])]):e._e(),e._v(" "),i("canvas",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],ref:"canvas",attrs:{width:e.width,height:e.height}})])])},staticRenderFns:[]};var w=i("VU/8")(m,f,!1,function(e){i("lhHM")},null,null).exports,b={name:"systemUser",components:{HorizontalInput:i("U1vl").a,Upload:w},directives:{waves:p},methods:{},computed:{rules:function(){var e={};return this.formInputList.forEach(function(r){r.required?e[r.name]=r.rules?r.rules.concat([{required:!0,message:"请输入"+r.label,trigger:"change"}]):[{required:!0,message:"请输入"+r.label,trigger:"change"}]:e[r.name]=r.rules}),e}},data:function(){return{formInputList:[{label:"姓名",value:this.$store.getters.userInfo.name,type:"text",module:"input",name:"name",required:!0,placeholder:"姓名"},{label:"账号",value:this.$store.getters.userInfo.account,type:"text",module:"input",name:"account",required:!0,readonly:!0,clearable:!1,placeholder:"账号"}],refForm:{},formData:{},showAvatarBtn:!1,showUpload:!1}},created:function(){var e={};this.formInputList.forEach(function(r){r.name&&(e[r.name]=r.value)}),this.formData=e},mounted:function(){this.refForm=this.$refs.form},update:function(){this.refForm=this.$refs.form}},x={render:function(){var e=this,r=e.$createElement,i=e._self._c||r;return i("el-row",[i("el-col",{attrs:{xs:24,sm:12,md:6,lg:6,xl:6}},[i("el-form",{ref:"form",staticClass:"m-t",attrs:{"label-width":"60px",model:e.formData,rules:e.rules}},[i("el-row",[i("el-col",{attrs:{span:24}},[i("div",{staticClass:"avatar"},[i("label",{staticClass:"avatar-label"},[e._v("头像")]),e._v(" "),i("div",{staticClass:"avatar-container"},[i("div",{directives:[{name:"waves",rawName:"v-waves"}],staticClass:"avatar-waves",on:{click:function(r){e.showAvatarBtn=!e.showAvatarBtn}}},[i("img",{staticClass:"avatar-img",attrs:{src:e.$store.getters.userInfo.avatar,width:"80",height:"80"}})]),e._v(" "),i("div",{staticClass:"avatar-btn"},[i("el-button",{directives:[{name:"show",rawName:"v-show",value:e.showAvatarBtn,expression:"showAvatarBtn"}],attrs:{type:"text"},on:{click:function(r){e.showUpload=!e.showUpload}}},[e._v("修改")])],1)])])]),e._v(" "),e._l(e.formInputList,function(r){return i("el-col",{key:r.name,attrs:{span:24}},[i("el-form-item",{attrs:{label:r.label,prop:r.name}},[i("horizontal-input",{attrs:{inputItem:r,formData:e.formData,refForm:e.refForm}})],1)],1)}),e._v(" "),i("el-col",{attrs:{span:24}},[i("upload",{model:{value:e.showUpload,callback:function(r){e.showUpload=r},expression:"showUpload"}})],1),e._v(" "),i("el-col",{attrs:{span:24}},[i("el-form-item",[i("el-button",[e._v("取消")]),e._v(" "),i("el-button",{directives:[{name:"waves",rawName:"v-waves"}],attrs:{type:"primary"}},[e._v("保存")])],1)],1)],2)],1)],1)],1)},staticRenderFns:[]};var k=i("VU/8")(b,x,!1,function(e){i("FpG/")},"data-v-445eafa4",null);r.default=k.exports},oUhe:function(e,r,i){(e.exports=i("FZ+f")(!1)).push([e.i,"\n.avatar[data-v-445eafa4] {\n margin-bottom: 22px;\n}\n.avatar-label[data-v-445eafa4] {\n width: 60px;\n text-align: right;\n float: left;\n font-size: 14px;\n color: #606266;\n line-height: 40px;\n padding: 0 12px 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.avatar-container[data-v-445eafa4] {\n line-height: 80px;\n height: 80px;\n margin-left: 60px;\n font-size: 0;\n}\n.avatar-waves[data-v-445eafa4] {\n width: 80px;\n height: 80px;\n border-radius: 100%;\n float: left;\n}\n.avatar-img[data-v-445eafa4] {\n cursor: pointer;\n -webkit-transition: all 0.5s;\n transition: all 0.5s;\n}\n.avatar-img[data-v-445eafa4]:hover {\n border-radius: 100%;\n}\n.avatar-btn[data-v-445eafa4] {\n margin-left: 20px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n vertical-align: middle;\n height: 80px;\n float: left;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n",""])},z4F4:function(e,r,i){(e.exports=i("FZ+f")(!1)).push([e.i,".waves-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 transform: scale(0);\r\n opacity: 1;\r\n}\r\n\r\n.waves-ripple.z-active {\r\n opacity: 0;\r\n -webkit-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}",""])}});
|
