(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[32],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/EleCropperDialog/EleCropper.vue?vue&type=script&lang=js&": /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EleCropperDialog/EleCropper.vue?vue&type=script&lang=js& ***! \************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat */ \"./node_modules/core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_for_each__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.for-each */ \"./node_modules/core-js/modules/es.array.for-each.js\");\n/* harmony import */ var core_js_modules_es_array_for_each__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_array_index_of__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.index-of */ \"./node_modules/core-js/modules/es.array.index-of.js\");\n/* harmony import */ var core_js_modules_es_array_index_of__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_index_of__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.exec */ \"./node_modules/core-js/modules/es.regexp.exec.js\");\n/* harmony import */ var core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.replace */ \"./node_modules/core-js/modules/es.string.replace.js\");\n/* harmony import */ var core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.string.split */ \"./node_modules/core-js/modules/es.string.split.js\");\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var core_js_modules_es_string_trim__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.string.trim */ \"./node_modules/core-js/modules/es.string.trim.js\");\n/* harmony import */ var core_js_modules_es_string_trim__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_trim__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var core_js_modules_es_typed_array_uint8_array__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.typed-array.uint8-array */ \"./node_modules/core-js/modules/es.typed-array.uint8-array.js\");\n/* harmony import */ var core_js_modules_es_typed_array_uint8_array__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_uint8_array__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var core_js_modules_es_typed_array_copy_within__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.typed-array.copy-within */ \"./node_modules/core-js/modules/es.typed-array.copy-within.js\");\n/* harmony import */ var core_js_modules_es_typed_array_copy_within__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_copy_within__WEBPACK_IMPORTED_MODULE_11__);\n/* harmony import */ var core_js_modules_es_typed_array_every__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.typed-array.every */ \"./node_modules/core-js/modules/es.typed-array.every.js\");\n/* harmony import */ var core_js_modules_es_typed_array_every__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_every__WEBPACK_IMPORTED_MODULE_12__);\n/* harmony import */ var core_js_modules_es_typed_array_fill__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.typed-array.fill */ \"./node_modules/core-js/modules/es.typed-array.fill.js\");\n/* harmony import */ var core_js_modules_es_typed_array_fill__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_fill__WEBPACK_IMPORTED_MODULE_13__);\n/* harmony import */ var core_js_modules_es_typed_array_filter__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.typed-array.filter */ \"./node_modules/core-js/modules/es.typed-array.filter.js\");\n/* harmony import */ var core_js_modules_es_typed_array_filter__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_filter__WEBPACK_IMPORTED_MODULE_14__);\n/* harmony import */ var core_js_modules_es_typed_array_find__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.typed-array.find */ \"./node_modules/core-js/modules/es.typed-array.find.js\");\n/* harmony import */ var core_js_modules_es_typed_array_find__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_find__WEBPACK_IMPORTED_MODULE_15__);\n/* harmony import */ var core_js_modules_es_typed_array_find_index__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.typed-array.find-index */ \"./node_modules/core-js/modules/es.typed-array.find-index.js\");\n/* harmony import */ var core_js_modules_es_typed_array_find_index__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_find_index__WEBPACK_IMPORTED_MODULE_16__);\n/* harmony import */ var core_js_modules_es_typed_array_for_each__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.typed-array.for-each */ \"./node_modules/core-js/modules/es.typed-array.for-each.js\");\n/* harmony import */ var core_js_modules_es_typed_array_for_each__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_for_each__WEBPACK_IMPORTED_MODULE_17__);\n/* harmony import */ var core_js_modules_es_typed_array_includes__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.typed-array.includes */ \"./node_modules/core-js/modules/es.typed-array.includes.js\");\n/* harmony import */ var core_js_modules_es_typed_array_includes__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_includes__WEBPACK_IMPORTED_MODULE_18__);\n/* harmony import */ var core_js_modules_es_typed_array_index_of__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.typed-array.index-of */ \"./node_modules/core-js/modules/es.typed-array.index-of.js\");\n/* harmony import */ var core_js_modules_es_typed_array_index_of__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_index_of__WEBPACK_IMPORTED_MODULE_19__);\n/* harmony import */ var core_js_modules_es_typed_array_iterator__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.typed-array.iterator */ \"./node_modules/core-js/modules/es.typed-array.iterator.js\");\n/* harmony import */ var core_js_modules_es_typed_array_iterator__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_iterator__WEBPACK_IMPORTED_MODULE_20__);\n/* harmony import */ var core_js_modules_es_typed_array_join__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.typed-array.join */ \"./node_modules/core-js/modules/es.typed-array.join.js\");\n/* harmony import */ var core_js_modules_es_typed_array_join__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_join__WEBPACK_IMPORTED_MODULE_21__);\n/* harmony import */ var core_js_modules_es_typed_array_last_index_of__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.typed-array.last-index-of */ \"./node_modules/core-js/modules/es.typed-array.last-index-of.js\");\n/* harmony import */ var core_js_modules_es_typed_array_last_index_of__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_last_index_of__WEBPACK_IMPORTED_MODULE_22__);\n/* harmony import */ var core_js_modules_es_typed_array_map__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! core-js/modules/es.typed-array.map */ \"./node_modules/core-js/modules/es.typed-array.map.js\");\n/* harmony import */ var core_js_modules_es_typed_array_map__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_map__WEBPACK_IMPORTED_MODULE_23__);\n/* harmony import */ var core_js_modules_es_typed_array_reduce__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! core-js/modules/es.typed-array.reduce */ \"./node_modules/core-js/modules/es.typed-array.reduce.js\");\n/* harmony import */ var core_js_modules_es_typed_array_reduce__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_reduce__WEBPACK_IMPORTED_MODULE_24__);\n/* harmony import */ var core_js_modules_es_typed_array_reduce_right__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! core-js/modules/es.typed-array.reduce-right */ \"./node_modules/core-js/modules/es.typed-array.reduce-right.js\");\n/* harmony import */ var core_js_modules_es_typed_array_reduce_right__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_reduce_right__WEBPACK_IMPORTED_MODULE_25__);\n/* harmony import */ var core_js_modules_es_typed_array_reverse__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! core-js/modules/es.typed-array.reverse */ \"./node_modules/core-js/modules/es.typed-array.reverse.js\");\n/* harmony import */ var core_js_modules_es_typed_array_reverse__WEBPACK_IMPORTED_MODULE_26___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_reverse__WEBPACK_IMPORTED_MODULE_26__);\n/* harmony import */ var core_js_modules_es_typed_array_set__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! core-js/modules/es.typed-array.set */ \"./node_modules/core-js/modules/es.typed-array.set.js\");\n/* harmony import */ var core_js_modules_es_typed_array_set__WEBPACK_IMPORTED_MODULE_27___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_set__WEBPACK_IMPORTED_MODULE_27__);\n/* harmony import */ var core_js_modules_es_typed_array_slice__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! core-js/modules/es.typed-array.slice */ \"./node_modules/core-js/modules/es.typed-array.slice.js\");\n/* harmony import */ var core_js_modules_es_typed_array_slice__WEBPACK_IMPORTED_MODULE_28___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_slice__WEBPACK_IMPORTED_MODULE_28__);\n/* harmony import */ var core_js_modules_es_typed_array_some__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! core-js/modules/es.typed-array.some */ \"./node_modules/core-js/modules/es.typed-array.some.js\");\n/* harmony import */ var core_js_modules_es_typed_array_some__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_some__WEBPACK_IMPORTED_MODULE_29__);\n/* harmony import */ var core_js_modules_es_typed_array_sort__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! core-js/modules/es.typed-array.sort */ \"./node_modules/core-js/modules/es.typed-array.sort.js\");\n/* harmony import */ var core_js_modules_es_typed_array_sort__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_sort__WEBPACK_IMPORTED_MODULE_30__);\n/* harmony import */ var core_js_modules_es_typed_array_subarray__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! core-js/modules/es.typed-array.subarray */ \"./node_modules/core-js/modules/es.typed-array.subarray.js\");\n/* harmony import */ var core_js_modules_es_typed_array_subarray__WEBPACK_IMPORTED_MODULE_31___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_subarray__WEBPACK_IMPORTED_MODULE_31__);\n/* harmony import */ var core_js_modules_es_typed_array_to_locale_string__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! core-js/modules/es.typed-array.to-locale-string */ \"./node_modules/core-js/modules/es.typed-array.to-locale-string.js\");\n/* harmony import */ var core_js_modules_es_typed_array_to_locale_string__WEBPACK_IMPORTED_MODULE_32___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_to_locale_string__WEBPACK_IMPORTED_MODULE_32__);\n/* harmony import */ var core_js_modules_es_typed_array_to_string__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! core-js/modules/es.typed-array.to-string */ \"./node_modules/core-js/modules/es.typed-array.to-string.js\");\n/* harmony import */ var core_js_modules_es_typed_array_to_string__WEBPACK_IMPORTED_MODULE_33___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_typed_array_to_string__WEBPACK_IMPORTED_MODULE_33__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_34___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_34__);\n/* harmony import */ var cropperjs_dist_cropper_css__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! cropperjs/dist/cropper.css */ \"./node_modules/cropperjs/dist/cropper.css\");\n/* harmony import */ var cropperjs_dist_cropper_css__WEBPACK_IMPORTED_MODULE_35___default = /*#__PURE__*/__webpack_require__.n(cropperjs_dist_cropper_css__WEBPACK_IMPORTED_MODULE_35__);\n/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! cropperjs */ \"./node_modules/cropperjs/dist/cropper.js\");\n/* harmony import */ var cropperjs__WEBPACK_IMPORTED_MODULE_36___default = /*#__PURE__*/__webpack_require__.n(cropperjs__WEBPACK_IMPORTED_MODULE_36__);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"EleCropper\",\n props: {\n src: String,\n // 图片地址\n aspectRatio: {\n // 裁剪比例\n type: Number,\n default: 1\n },\n viewMode: Number,\n // 裁剪组件模式\n dragMode: String,\n initialAspectRatio: Number,\n minContainerWidth: Number,\n minContainerHeight: Number,\n minCanvasWidth: Number,\n minCanvasHeight: Number,\n minCropBoxWidth: Number,\n minCropBoxHeight: Number,\n croppedWidth: Number,\n croppedHeight: Number,\n croppedMinWidth: Number,\n croppedMinHeight: Number,\n croppedMaxWidth: Number,\n croppedMaxHeight: Number,\n croppedFillColor: Number,\n croppedImageSmoothingEnabled: Boolean,\n croppedImageSmoothingQuality: String,\n toBlob: Boolean,\n // 是否返回blob数据\n accept: {\n // 允许上传的图片类型\n type: String,\n default: 'image/*'\n },\n tools: {\n // 操作按钮布局\n type: [Boolean, String],\n default: true\n },\n showPreview: {\n // 是否显示预览组件\n type: Boolean,\n default: true\n }\n },\n data: function data() {\n return {\n imgSrc: '',\n // 图片base64数据\n ins: null,\n // cropper实例\n options: {\n // cropper配置\n aspectRatio: this.aspectRatio,\n viewMode: this.viewMode\n },\n imgType: 'image/jpeg',\n // 当前图片类型\n previewWidth: 120 // 预览组件宽度\n\n };\n },\n computed: {\n // 预览组件样式\n pStyle: function pStyle() {\n return \"width: \".concat(this.previewWidth + 20, \"px;text-align: right;font-size:0;\");\n },\n pItemStyle1: function pItemStyle1() {\n var h = this.previewWidth / (this.aspectRatio || 1);\n return \"width: \".concat(this.previewWidth, \"px;height: \").concat(h, \"px;\");\n },\n pItemStyle2: function pItemStyle2() {\n return this.pItemStyle1 + 'border-radius: 50%;margin-top: 10px;';\n },\n pItemStyle3: function pItemStyle3() {\n var w = this.previewWidth / 3 * 2 - 15;\n var h = w / (this.aspectRatio || 1);\n return \"width: \".concat(this.previewWidth, \"px;height: \").concat(h, \"px;margin-top: 10px;\");\n },\n pItemStyle4: function pItemStyle4() {\n var w = this.previewWidth / 3 - 1;\n var h = w / (this.aspectRatio || 1);\n return \"width: \".concat(this.previewWidth, \"px;height: \").concat(h, \"px;margin: 10px 0 0 10px;\");\n },\n // 解析按钮布局\n toolGroup: function toolGroup() {\n if (typeof this.tools === 'string') {\n var tool = [];\n var group = this.tools.split('|');\n group.forEach(function (g) {\n tool.push(g.split(',').map(function (b) {\n return b.trim();\n }));\n });\n return tool;\n } else if (this.tools) {\n return [['zoomIn', 'zoomOut'], ['moveL', 'moveR', 'moveT', 'moveB'], ['rotateL', 'rotateR'], ['scaleX', 'scaleY'], ['reset', 'upload'], ['crop']];\n }\n\n return [];\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n // ie兼容\n if (this.src.indexOf('data:image') !== 0 && (!!window.ActiveXObject || 'ActiveXObject' in window)) {\n var req = new window.XMLHttpRequest();\n req.open('GET', this.src, true);\n req.responseType = 'arraybuffer';\n\n req.onload = function () {\n if ([200, 201].indexOf(req.status) === -1) return console.error('cropper', req);\n var bytes = new Uint8Array(req.response),\n binary = '';\n\n for (var i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n\n _this.imgSrc = 'data:image/jpeg;base64,' + window.btoa(binary);\n\n _this.$nextTick(function () {\n _this.render();\n });\n };\n\n req.send();\n } else {\n this.imgSrc = this.src;\n this.$nextTick(function () {\n _this.render();\n });\n }\n },\n methods: {\n /* 渲染 */\n render: function render() {\n if (this.ins) this.ins.destroy();\n if (this.showPreview) this.options.preview = this.$refs.eleCropperPreviews.children;\n this.options.dragMode = this.dragMode;\n this.options.initialAspectRatio = this.initialAspectRatio;\n this.options.minContainerWidth = this.minContainerWidth;\n this.options.minContainerHeight = this.minContainerHeight;\n this.options.minCanvasWidth = this.minCanvasWidth;\n this.options.minCanvasHeight = this.minCanvasHeight;\n this.options.minCropBoxWidth = this.minCropBoxWidth;\n this.options.minCropBoxHeight = this.minCropBoxHeight;\n this.ins = new cropperjs__WEBPACK_IMPORTED_MODULE_36___default.a(this.$refs.eleCropperImg, this.options);\n },\n\n /* 操作按钮点击事件 */\n action: function action(e) {\n var _this2 = this;\n\n var method = this.getDataset(e.currentTarget, 'method'),\n option = this.getDataset(e.currentTarget, 'option'),\n secondOption = this.getDataset(e.currentTarget, 'option2');\n if (!this.ins || !method) return;\n var cropped = this.ins.cropped,\n result;\n\n switch (method) {\n case 'rotate':\n if (cropped && this.options.viewMode > 0) this.in.clear();\n break;\n\n case 'getCroppedCanvas':\n option = JSON.parse(option);\n\n if (this.imgType === 'image/jpeg') {\n if (!option) option = {};\n option.fillColor = '#fff';\n }\n\n option.width = this.croppedWidth;\n option.height = this.croppedHeight;\n option.minWidth = this.croppedMinWidth;\n option.minHeight = this.croppedMinHeight;\n option.maxWidth = this.croppedMaxWidth;\n option.maxHeight = this.croppedMaxHeight;\n option.fillColor = this.croppedFillColor;\n option.imageSmoothingEnabled = this.croppedImageSmoothingEnabled;\n option.imageSmoothingQuality = this.croppedImageSmoothingQuality;\n break;\n }\n\n result = this.ins[method](option, secondOption);\n\n switch (method) {\n case 'rotate':\n if (cropped && this.options.viewMode > 0) this.ins.crop();\n break;\n\n case 'scaleX':\n case 'scaleY':\n this.setDataset(e.currentTarget, 'option', -option);\n break;\n\n case 'getCroppedCanvas':\n console.log(result.toDataURL());\n\n if (result) {\n if (this.toBlob) {\n result.toBlob(function (blob) {\n _this2.$emit('crop', blob);\n }, this.imgType);\n } else {\n this.$emit('crop', result.toDataURL(this.imgType));\n }\n } else {\n this.$message.error('裁剪失败');\n }\n\n break;\n }\n },\n\n /* 图片上传处理 */\n onUpload: function onUpload(file) {\n var _this3 = this;\n\n this.imgType = file.type;\n var reader = new FileReader();\n\n reader.onload = function (e) {\n _this3.ins.replace(e.target.result);\n };\n\n reader.readAsDataURL(file);\n return false;\n },\n\n /* 获取dataset属性 */\n getDataset: function getDataset(elem, key) {\n if (elem.dataset) return elem.dataset[key];else return elem.getAttribute('data-' + key);\n },\n\n /* 设置dataset属性 */\n setDataset: function setDataset(elem, key, value) {\n if (elem.dataset) elem.dataset[key] = value;else elem.setAttribute('data-' + key, value);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/EleCropperDialog/EleCropper.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/EleCropperDialog/index.vue?vue&type=script&lang=js&": /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EleCropperDialog/index.vue?vue&type=script&lang=js& ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _EleCropper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./EleCropper */ \"./src/components/EleCropperDialog/EleCropper.vue\");\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"EleCropperDialog\",\n components: {\n EleCropper: _EleCropper__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n },\n props: {\n /* cropper参数 */\n src: String,\n // 裁剪的图片地址\n aspectRatio: {\n // 裁剪比例\n type: Number,\n default: 1\n },\n viewMode: Number,\n // 裁剪组件模式\n dragMode: String,\n initialAspectRatio: Number,\n minContainerWidth: Number,\n minContainerHeight: Number,\n minCanvasWidth: Number,\n minCanvasHeight: Number,\n minCropBoxWidth: Number,\n minCropBoxHeight: Number,\n croppedWidth: Number,\n croppedHeight: Number,\n croppedMinWidth: Number,\n croppedMinHeight: Number,\n croppedMaxWidth: Number,\n croppedMaxHeight: Number,\n croppedFillColor: Number,\n croppedImageSmoothingEnabled: Boolean,\n croppedImageSmoothingQuality: String,\n toBlob: Boolean,\n // 是否返回blob数据\n accept: {\n // 允许上传的图片类型\n type: String,\n default: 'image/*'\n },\n tools: {\n // 操作按钮布局\n type: [Boolean, String],\n default: true\n },\n showPreview: {\n // 是否显示预览组件\n type: Boolean,\n default: true\n },\n\n /* 弹窗参数 */\n title: {\n // 弹窗的标题\n type: String,\n default: '裁剪图片'\n },\n width: {\n // 弹窗的宽度\n type: String,\n default: '680px'\n },\n customClass: String,\n // Dialog 的自定义类名\n closeOnClickModal: {\n // 是否可以通过点击 modal 关闭 Dialog\n type: Boolean,\n default: false\n },\n closeOnPressEscape: {\n // 是否可以通过按下 ESC 关闭 Dialog\n type: Boolean,\n default: true\n },\n showClose: {\n // 是否显示关闭按钮\n type: Boolean,\n default: true\n },\n lockScroll: {\n // 是否在 Dialog 出现时将 body 滚动锁定\n type: Boolean,\n default: true\n },\n appendToBody: Boolean,\n // Dialog 自身是否插入至 body 元素上\n modalAppendToBody: {\n // 遮罩层是否插入至 body 元素上\n type: Boolean,\n default: true\n },\n modal: {\n // 是否需要遮罩层\n type: Boolean,\n default: true\n },\n top: String,\n // Dialog CSS 中的 margin-top 值\n destroyOnClose: {\n // 关闭时销毁 Dialog 中的元素\n type: Boolean,\n default: false\n },\n show: Boolean // 是否显示\n\n },\n data: function data() {\n return {\n showCropper: false\n };\n },\n methods: {\n onOpen: function onOpen() {\n this.showCropper = true;\n this.$emit('open');\n },\n onClosed: function onClosed() {\n this.$emit('closed');\n if (this.destroyOnClose) this.showCropper = false;\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/EleCropperDialog/index.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/user/info.vue?vue&type=script&lang=js&": /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/user/info.vue?vue&type=script&lang=js& ***! \*************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_EleCropperDialog__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/EleCropperDialog */ \"./src/components/EleCropperDialog/index.vue\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n // 图片裁剪\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"UserInfo\",\n components: {\n EleCropperDialog: _components_EleCropperDialog__WEBPACK_IMPORTED_MODULE_0__[\"default\"]\n },\n data: function data() {\n return {\n active: 'info',\n // tab页选中\n form: {},\n // 表单数据\n rules: {\n // 表单验证规则\n realname: [{\n required: true,\n message: '请输入真实姓名',\n trigger: 'blur'\n }],\n nickname: [{\n required: true,\n message: '请输入昵称',\n trigger: 'blur'\n }],\n gender: [{\n required: true,\n message: '请选择性别',\n trigger: 'blur'\n }],\n mobile: [{\n required: true,\n message: '请输入联系方式',\n trigger: 'blur'\n }],\n email: [{\n required: true,\n message: '请输入电子邮箱',\n trigger: 'blur'\n }]\n },\n loading: false,\n // 保存按钮loading\n showCropper: false // 是否显示裁剪弹窗\n\n };\n },\n mounted: function mounted() {\n this.getUserInfo();\n },\n methods: {\n /**\n * 获取用户信息\n */\n getUserInfo: function getUserInfo() {\n var _this = this;\n\n if (this.$setting.userUrl) {\n this.$http.get(this.$setting.userUrl).then(function (res) {\n if (res.data.code === 0) {\n if (_this.$setting.parseUser) {\n res.data = _this.$setting.parseUser(res.data);\n }\n\n _this.form = JSON.parse(JSON.stringify(res.data.data));\n var user = res.data.data;\n\n _this.$store.dispatch('user/setUser', user);\n\n _this.$store.dispatch('user/setRoles', user ? user.roles : null);\n\n _this.$store.dispatch('user/setAuthorities', user ? user.authorities : null);\n } else {\n _this.$message.error(res.data.msg);\n }\n }).catch(function (e) {\n _this.$message.error(e.message);\n });\n }\n },\n\n /* 保存更改 */\n save: function save() {\n var _this2 = this;\n\n this.$refs['infoForm'].validate(function (valid) {\n if (valid) {\n _this2.loading = true;\n\n _this2.$http.post('/index/updateUserInfo', _this2.form).then(function (res) {\n _this2.loading = false;\n\n if (res.data.code === 0) {\n _this2.$message({\n type: 'success',\n message: '保存成功'\n });\n } else {\n _this2.$message.error(res.data.msg);\n }\n }).catch(function (e) {\n _this2.loading = false;\n\n _this2.$message.error(e.message);\n });\n } else {\n return false;\n }\n });\n },\n\n /* 头像裁剪完成回调 */\n onCrop: function onCrop(res) {\n this.form.avatar = res;\n this.showCropper = false;\n }\n }\n});\n\n//# sourceURL=webpack:///./src/views/user/info.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c7c7227c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/EleCropperDialog/EleCropper.vue?vue&type=template&id=1219e587&scoped=true&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c7c7227c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EleCropperDialog/EleCropper.vue?vue&type=template&id=1219e587&scoped=true& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"ele-cropper\" }, [\n _c(\"div\", { staticClass: \"ele-cropper-group\" }, [\n _c(\"div\", { staticClass: \"ele-cropper-img-group\" }, [\n _c(\"img\", {\n ref: \"eleCropperImg\",\n staticStyle: { \"max-width\": \"100%\" },\n attrs: { src: _vm.imgSrc, alt: \"\" }\n })\n ]),\n _vm.showPreview\n ? _c(\n \"div\",\n {\n ref: \"eleCropperPreviews\",\n staticClass: \"ele-cropper-preview-group\",\n style: _vm.pStyle\n },\n [\n _c(\"div\", {\n staticClass: \"ele-cropper-preview\",\n style: _vm.pItemStyle1\n }),\n this.aspectRatio === 1\n ? _c(\"div\", {\n staticClass: \"ele-cropper-preview\",\n style: _vm.pItemStyle2\n })\n : _vm._e(),\n this.aspectRatio !== 1\n ? _c(\"div\", {\n staticClass: \"ele-cropper-preview\",\n style: _vm.pItemStyle3\n })\n : _vm._e(),\n this.aspectRatio !== 1\n ? _c(\"div\", {\n staticClass: \"ele-cropper-preview\",\n style: _vm.pItemStyle4\n })\n : _vm._e()\n ]\n )\n : _vm._e()\n ]),\n _vm.tools\n ? _c(\n \"div\",\n { staticClass: \"ele-cropper-tool\" },\n _vm._l(_vm.toolGroup, function(item, index) {\n return _c(\n \"el-button-group\",\n { key: index, staticClass: \"ele-cropper-tool-item\" },\n [\n _vm._l(item, function(btn, i) {\n return [\n btn === \"zoomIn\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"zoom\",\n \"data-option\": \"0.1\",\n title: \"放大\",\n icon: \"el-icon-zoom-in\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"zoomOut\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"zoom\",\n \"data-option\": \"-0.1\",\n title: \"缩小\",\n icon: \"el-icon-zoom-out\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"rotateL\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"rotate\",\n \"data-option\": \"-45\",\n title: \"向左旋转\",\n icon: \"el-icon-refresh-left\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"rotateR\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"rotate\",\n \"data-option\": \"45\",\n title: \"向右旋转\",\n icon: \"el-icon-refresh-right\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"moveL\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"move\",\n \"data-option\": \"-10\",\n \"data-option2\": \"0\",\n title: \"左移\",\n icon: \"el-icon-back\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"moveR\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"move\",\n \"data-option\": \"10\",\n \"data-option2\": \"0\",\n title: \"右移\",\n icon: \"el-icon-right\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"moveT\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"move\",\n \"data-option\": \"0\",\n \"data-option2\": \"-10\",\n title: \"上移\",\n icon: \"el-icon-top\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"moveB\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"move\",\n \"data-option\": \"0\",\n \"data-option2\": \"10\",\n title: \"下移\",\n icon: \"el-icon-bottom\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"scaleX\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"scaleX\",\n \"data-option\": \"-1\",\n title: \"左右翻转\",\n icon: \"el-icon-sort\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"scaleY\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"scaleY\",\n \"data-option\": \"-1\",\n title: \"上下翻转\",\n icon: \"el-icon-sort\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"reset\"\n ? _c(\"el-button\", {\n key: i,\n attrs: {\n \"data-method\": \"reset\",\n title: \"重新开始\",\n icon: \"el-icon-refresh\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n })\n : btn === \"upload\"\n ? _c(\n \"el-upload\",\n {\n key: i,\n attrs: {\n action: \"\",\n \"before-upload\": _vm.onUpload,\n \"show-file-list\": false,\n accept: _vm.accept\n }\n },\n [\n _c(\"el-button\", {\n attrs: {\n title: \"选择图片\",\n icon: \"el-icon-upload2\",\n type: \"primary\"\n }\n })\n ],\n 1\n )\n : btn === \"crop\"\n ? _c(\n \"el-button\",\n {\n key: i,\n attrs: {\n \"data-method\": \"getCroppedCanvas\",\n \"data-option\":\n '{ \"maxWidth\": 4096, \"maxHeight\": 4096 }',\n icon: \"el-icon-check\",\n type: \"primary\"\n },\n on: { click: _vm.action }\n },\n [_vm._v(\"完成 \")]\n )\n : _vm._e()\n ]\n })\n ],\n 2\n )\n }),\n 1\n )\n : _vm._e()\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/EleCropperDialog/EleCropper.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c7c7227c-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c7c7227c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/EleCropperDialog/index.vue?vue&type=template&id=7128e22a&": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c7c7227c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EleCropperDialog/index.vue?vue&type=template&id=7128e22a& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"el-dialog\",\n {\n attrs: {\n visible: _vm.show,\n title: _vm.title,\n width: _vm.width,\n \"custom-class\": _vm.customClass,\n \"show-close\": _vm.showClose,\n \"close-on-click-modal\": _vm.closeOnClickModal,\n \"close-on-press-escape\": _vm.closeOnPressEscape,\n \"destroy-on-close\": _vm.destroyOnClose,\n \"lock-scroll\": _vm.lockScroll,\n \"append-to-body\": _vm.appendToBody,\n \"modal-append-to-body\": _vm.modalAppendToBody,\n modal: _vm.modal,\n top: _vm.top\n },\n on: {\n \"update:visible\": function(d) {\n return _vm.$emit(\"update:show\", d)\n },\n open: _vm.onOpen,\n closed: _vm.onClosed\n }\n },\n [\n _c(\"template\", { slot: \"title\" }, [_vm._t(\"title\")], 2),\n _vm.showCropper\n ? _c(\"ele-cropper\", {\n attrs: {\n src: _vm.src,\n aspectRatio: _vm.aspectRatio,\n viewMode: _vm.viewMode,\n accept: _vm.accept,\n \"drag-mode\": _vm.dragMode,\n \"initial-aspect-ratio\": _vm.initialAspectRatio,\n \"min-container-width\": _vm.minContainerWidth,\n \"min-container-height\": _vm.minContainerHeight,\n \"min-canvas-width\": _vm.minCanvasWidth,\n \"min-canvas-height\": _vm.minCanvasHeight,\n \"min-crop-box-width\": _vm.minCropBoxWidth,\n \"min-crop-box-height\": _vm.minCropBoxHeight,\n \"cropped-width\": _vm.croppedWidth,\n \"cropped-height\": _vm.croppedHeight,\n \"cropped-min-width\": _vm.croppedMinWidth,\n \"cropped-min-height\": _vm.croppedMinHeight,\n \"cropped-max-width\": _vm.croppedMaxWidth,\n \"cropped-max-height\": _vm.croppedMaxHeight,\n \"cropped-fill-color\": _vm.croppedFillColor,\n \"to-blob\": _vm.toBlob,\n \"cropped-image-smoothing-enabled\":\n _vm.croppedImageSmoothingEnabled,\n \"cropped-image-smoothing-quality\":\n _vm.croppedImageSmoothingQuality,\n tools: _vm.tools,\n showPreview: _vm.showPreview\n },\n on: {\n crop: function(data) {\n return _vm.$emit(\"crop\", data)\n }\n }\n })\n : _vm._e(),\n _c(\"template\", { slot: \"footer\" }, [_vm._t(\"default\")], 2)\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/EleCropperDialog/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c7c7227c-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"c7c7227c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/user/info.vue?vue&type=template&id=5d917ec8&scoped=true&": /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"c7c7227c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/user/info.vue?vue&type=template&id=5d917ec8&scoped=true& ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"ele-body\" },\n [\n _c(\n \"el-row\",\n { attrs: { gutter: 15 } },\n [\n _c(\n \"el-col\",\n { attrs: { md: 6, sm: 8 } },\n [\n _c(\n \"el-card\",\n { attrs: { shadow: \"never\", \"body-style\": \"padding: 25px;\" } },\n [\n _c(\"div\", { staticClass: \"user-info-card\" }, [\n _c(\n \"div\",\n {\n staticClass: \"user-info-avatar-group\",\n on: {\n click: function($event) {\n _vm.showCropper = true\n }\n }\n },\n [\n _c(\"img\", {\n staticClass: \"user-info-avatar\",\n attrs: { src: _vm.form.avatar, alt: \"\" }\n }),\n _c(\"i\", { staticClass: \"el-icon-upload2\" })\n ]\n ),\n _c(\"h2\", { staticClass: \"user-info-name\" }, [\n _vm._v(\"相约在冬季\")\n ]),\n _c(\"div\", { staticClass: \"user-info-desc\" }, [\n _vm._v(\"为梦想而创作，海纳百川，有容乃大!\")\n ])\n ]),\n _c(\"div\", { staticClass: \"user-info-list\" }, [\n _c(\"div\", { staticClass: \"user-info-item\" }, [\n _c(\"i\", { staticClass: \"el-icon-user\" }),\n _c(\"span\", [_vm._v(\"资深PHP架构师\")])\n ]),\n _c(\"div\", { staticClass: \"user-info-item\" }, [\n _c(\"i\", { staticClass: \"el-icon-office-building\" }),\n _c(\"span\", [\n _vm._v(\"RXThinkCMF研发中心 - 架构设计部 - 资深架构师\")\n ])\n ]),\n _c(\"div\", { staticClass: \"user-info-item\" }, [\n _c(\"i\", { staticClass: \"el-icon-location-information\" }),\n _c(\"span\", [_vm._v(\"中国 • 江苏省 • 南京市\")])\n ]),\n _c(\"div\", { staticClass: \"user-info-item\" }, [\n _c(\"i\", { staticClass: \"el-icon-_school\" }),\n _c(\"span\", [_vm._v(\"Laravel8、JWT、Vue、ElementUI\")])\n ])\n ]),\n _c(\n \"div\",\n { staticStyle: { margin: \"30px 0 20px 0\" } },\n [\n _c(\"el-divider\", {\n staticClass: \"ele-divider-dashed ele-divider-base\"\n })\n ],\n 1\n ),\n _c(\n \"h6\",\n {\n staticClass: \"ele-text\",\n staticStyle: { \"margin-bottom\": \"8px\" }\n },\n [_vm._v(\"标签\")]\n ),\n _c(\n \"div\",\n { staticClass: \"user-info-tags\" },\n [\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"中国硅谷\")\n ]),\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"创业者\")\n ]),\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"厚德载物\")\n ]),\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"坚持\")\n ]),\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"毅力\")\n ]),\n _c(\"el-tag\", { attrs: { size: \"mini\", type: \"info\" } }, [\n _vm._v(\"王者归来\")\n ])\n ],\n 1\n )\n ]\n )\n ],\n 1\n ),\n _c(\n \"el-col\",\n { attrs: { md: 18, sm: 16 } },\n [\n _c(\n \"el-card\",\n {\n attrs: { shadow: \"never\", \"body-style\": \"padding-top: 5px;\" }\n },\n [\n _c(\n \"el-tabs\",\n {\n staticClass: \"user-info-tabs\",\n model: {\n value: _vm.active,\n callback: function($$v) {\n _vm.active = $$v\n },\n expression: \"active\"\n }\n },\n [\n _c(\n \"el-tab-pane\",\n { attrs: { label: \"基本信息\", name: \"info\" } },\n [\n _c(\n \"el-form\",\n {\n ref: \"infoForm\",\n staticStyle: {\n \"max-width\": \"450px\",\n \"padding-top\": \"40px\"\n },\n attrs: {\n model: _vm.form,\n rules: _vm.rules,\n \"label-width\": \"90px\"\n },\n nativeOn: {\n keyup: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k(\n $event.keyCode,\n \"enter\",\n 13,\n $event.key,\n \"Enter\"\n )\n ) {\n return null\n }\n return _vm.save($event)\n },\n submit: function($event) {\n $event.preventDefault()\n }\n }\n },\n [\n _c(\n \"el-form-item\",\n {\n attrs: {\n label: \"真实姓名:\",\n prop: \"realname\"\n }\n },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入真实姓名\",\n clearable: \"\"\n },\n model: {\n value: _vm.form.realname,\n callback: function($$v) {\n _vm.$set(_vm.form, \"realname\", $$v)\n },\n expression: \"form.realname\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"昵称:\", prop: \"nickname\" } },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入昵称\",\n clearable: \"\"\n },\n model: {\n value: _vm.form.nickname,\n callback: function($$v) {\n _vm.$set(_vm.form, \"nickname\", $$v)\n },\n expression: \"form.nickname\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"性别:\", prop: \"gender\" } },\n [\n _c(\n \"el-select\",\n {\n staticClass: \"ele-fluid\",\n attrs: {\n placeholder: \"请选择性别\",\n clearable: \"\"\n },\n model: {\n value: _vm.form.gender,\n callback: function($$v) {\n _vm.$set(_vm.form, \"gender\", $$v)\n },\n expression: \"form.gender\"\n }\n },\n [\n _c(\"el-option\", {\n attrs: { label: \"男\", value: 1 }\n }),\n _c(\"el-option\", {\n attrs: { label: \"女\", value: 2 }\n }),\n _c(\"el-option\", {\n attrs: { label: \"保密\", value: 3 }\n })\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n {\n attrs: { label: \"联系方式:\", prop: \"mobile\" }\n },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入联系方式\",\n clearable: \"\"\n },\n model: {\n value: _vm.form.mobile,\n callback: function($$v) {\n _vm.$set(_vm.form, \"mobile\", $$v)\n },\n expression: \"form.mobile\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n {\n attrs: { label: \"电子邮箱:\", prop: \"email\" }\n },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入电子邮箱\",\n clearable: \"\"\n },\n model: {\n value: _vm.form.email,\n callback: function($$v) {\n _vm.$set(_vm.form, \"email\", $$v)\n },\n expression: \"form.email\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"个人简介:\" } },\n [\n _c(\"el-input\", {\n attrs: {\n placeholder: \"请输入个人简介\",\n rows: 4,\n type: \"textarea\"\n },\n model: {\n value: _vm.form.intro,\n callback: function($$v) {\n _vm.$set(_vm.form, \"intro\", $$v)\n },\n expression: \"form.intro\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\n \"el-button\",\n {\n attrs: {\n type: \"primary\",\n loading: _vm.loading\n },\n on: { click: _vm.save }\n },\n [_vm._v(\"保存更改\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-tab-pane\",\n { attrs: { label: \"账号绑定\", name: \"account\" } },\n [\n _c(\n \"div\",\n { staticClass: \"user-account-list\" },\n [\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"密保手机\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"已绑定手机：152****4151\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去修改\")]\n )\n ],\n 1\n ),\n _c(\"el-divider\"),\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"密保邮箱\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"已绑定邮箱：laravel.qq.com\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去修改\")]\n )\n ],\n 1\n ),\n _c(\"el-divider\"),\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"密保问题\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"未设置密保问题\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去设置\")]\n )\n ],\n 1\n ),\n _c(\"el-divider\"),\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\"i\", {\n staticClass: \"user-account-icon el-icon-_qq\"\n }),\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"绑定QQ\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"当前未绑定QQ账号\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去绑定\")]\n )\n ],\n 1\n ),\n _c(\"el-divider\"),\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\"i\", {\n staticClass:\n \"user-account-icon el-icon-_wechat\"\n }),\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"绑定微信\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"当前未绑定绑定微信账号\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去绑定\")]\n )\n ],\n 1\n ),\n _c(\"el-divider\"),\n _c(\n \"div\",\n { staticClass: \"user-account-item ele-cell\" },\n [\n _c(\"i\", {\n staticClass:\n \"user-account-icon el-icon-_alipay\"\n }),\n _c(\n \"div\",\n { staticClass: \"ele-cell-content\" },\n [\n _c(\"div\", [_vm._v(\"绑定支付宝\")]),\n _c(\n \"div\",\n { staticClass: \"ele-text-secondary\" },\n [_vm._v(\"当前未绑定绑定支付宝账号\")]\n )\n ]\n ),\n _c(\n \"el-link\",\n {\n attrs: {\n type: \"primary\",\n underline: false\n }\n },\n [_vm._v(\"去绑定\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\"ele-cropper-dialog\", {\n attrs: {\n show: _vm.showCropper,\n src: _vm.form.avatar,\n \"lock-scroll\": false\n },\n on: {\n \"update:show\": function($event) {\n _vm.showCropper = $event\n },\n crop: _vm.onCrop\n }\n })\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/views/user/info.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22c7c7227c-vue-loader-template%22%7D!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/core-js/internals/string-trim-forced.js": /*!**************************************************************!*\ !*** ./node_modules/core-js/internals/string-trim-forced.js ***! \**************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("var fails = __webpack_require__(/*! ../internals/fails */ \"./node_modules/core-js/internals/fails.js\");\nvar whitespaces = __webpack_require__(/*! ../internals/whitespaces */ \"./node_modules/core-js/internals/whitespaces.js\");\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n return fails(function () {\n return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;\n });\n};\n\n\n//# sourceURL=webpack:///./node_modules/core-js/internals/string-trim-forced.js?"); /***/ }), /***/ "./node_modules/core-js/modules/es.string.trim.js": /*!********************************************************!*\ !*** ./node_modules/core-js/modules/es.string.trim.js ***! \********************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { "use strict"; eval("\nvar $ = __webpack_require__(/*! ../internals/export */ \"./node_modules/core-js/internals/export.js\");\nvar $trim = __webpack_require__(/*! ../internals/string-trim */ \"./node_modules/core-js/internals/string-trim.js\").trim;\nvar forcedStringTrimMethod = __webpack_require__(/*! ../internals/string-trim-forced */ \"./node_modules/core-js/internals/string-trim-forced.js\");\n\n// `String.prototype.trim` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n trim: function trim() {\n return $trim(this);\n }\n});\n\n\n//# sourceURL=webpack:///./node_modules/core-js/modules/es.string.trim.js?"); /***/ }), /***/ "./node_modules/cropperjs/dist/cropper.css": /*!*************************************************!*\ !*** ./node_modules/cropperjs/dist/cropper.css ***! \*************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a