u-avatar-cropper.js 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414
  1. (global["webpackJsonp"] = global["webpackJsonp"] || []).push([["uview-ui/components/u-avatar-cropper/u-avatar-cropper"],{
  2. /***/ 309:
  3. /*!***************************************************************************************************************!*\
  4. !*** E:/www/ririduojin/uniapp/main.js?{"page":"uview-ui%2Fcomponents%2Fu-avatar-cropper%2Fu-avatar-cropper"} ***!
  5. \***************************************************************************************************************/
  6. /*! no static exports found */
  7. /***/ (function(module, exports, __webpack_require__) {
  8. "use strict";
  9. /* WEBPACK VAR INJECTION */(function(wx, createPage) {
  10. var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 3);
  11. __webpack_require__(/*! uni-pages */ 25);
  12. var _vue = _interopRequireDefault(__webpack_require__(/*! vue */ 24));
  13. var _uAvatarCropper = _interopRequireDefault(__webpack_require__(/*! ./uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue */ 310));
  14. // @ts-ignore
  15. wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
  16. createPage(_uAvatarCropper.default);
  17. /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"], __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["createPage"]))
  18. /***/ }),
  19. /***/ 310:
  20. /*!******************************************************************************************!*\
  21. !*** E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue ***!
  22. \******************************************************************************************/
  23. /*! no static exports found */
  24. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  25. "use strict";
  26. __webpack_require__.r(__webpack_exports__);
  27. /* harmony import */ var _u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./u-avatar-cropper.vue?vue&type=template&id=90d78b40&scoped=true& */ 311);
  28. /* harmony import */ var _u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./u-avatar-cropper.vue?vue&type=script&lang=js& */ 313);
  29. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  30. /* harmony import */ var _u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./u-avatar-cropper.vue?vue&type=style&index=0&id=90d78b40&scoped=true&lang=scss& */ 316);
  31. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 35);
  32. var renderjs
  33. /* normalize component */
  34. var component = Object(_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
  35. _u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
  36. _u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
  37. _u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
  38. false,
  39. null,
  40. "90d78b40",
  41. null,
  42. false,
  43. _u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"],
  44. renderjs
  45. )
  46. component.options.__file = "uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue"
  47. /* harmony default export */ __webpack_exports__["default"] = (component.exports);
  48. /***/ }),
  49. /***/ 311:
  50. /*!*************************************************************************************************************************************!*\
  51. !*** E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=template&id=90d78b40&scoped=true& ***!
  52. \*************************************************************************************************************************************/
  53. /*! exports provided: render, staticRenderFns, recyclableRender, components */
  54. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  55. "use strict";
  56. __webpack_require__.r(__webpack_exports__);
  57. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-avatar-cropper.vue?vue&type=template&id=90d78b40&scoped=true& */ 312);
  58. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
  59. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
  60. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; });
  61. /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_17_0_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_template_id_90d78b40_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"]; });
  62. /***/ }),
  63. /***/ 312:
  64. /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  65. !*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--17-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=template&id=90d78b40&scoped=true& ***!
  66. \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  67. /*! exports provided: render, staticRenderFns, recyclableRender, components */
  68. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  69. "use strict";
  70. __webpack_require__.r(__webpack_exports__);
  71. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
  72. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
  73. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
  74. /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
  75. var components
  76. var render = function () {
  77. var _vm = this
  78. var _h = _vm.$createElement
  79. var _c = _vm._self._c || _h
  80. }
  81. var recyclableRender = false
  82. var staticRenderFns = []
  83. render._withStripped = true
  84. /***/ }),
  85. /***/ 313:
  86. /*!*******************************************************************************************************************!*\
  87. !*** E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=script&lang=js& ***!
  88. \*******************************************************************************************************************/
  89. /*! no static exports found */
  90. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  91. "use strict";
  92. __webpack_require__.r(__webpack_exports__);
  93. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--13-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-avatar-cropper.vue?vue&type=script&lang=js& */ 314);
  94. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__);
  95. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  96. /* harmony default export */ __webpack_exports__["default"] = (_D_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_13_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a);
  97. /***/ }),
  98. /***/ 314:
  99. /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  100. !*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--13-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=script&lang=js& ***!
  101. \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  102. /*! no static exports found */
  103. /***/ (function(module, exports, __webpack_require__) {
  104. "use strict";
  105. /* WEBPACK VAR INJECTION */(function(uni) {
  106. var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 3);
  107. Object.defineProperty(exports, "__esModule", {
  108. value: true
  109. });
  110. exports.default = void 0;
  111. var _weCropper = _interopRequireDefault(__webpack_require__(/*! ./weCropper.js */ 315));
  112. //
  113. //
  114. //
  115. //
  116. //
  117. //
  118. //
  119. //
  120. //
  121. //
  122. //
  123. //
  124. //
  125. //
  126. //
  127. //
  128. //
  129. //
  130. //
  131. //
  132. //
  133. //
  134. //
  135. //
  136. //
  137. //
  138. //
  139. //
  140. //
  141. //
  142. //
  143. //
  144. //
  145. //
  146. //
  147. //
  148. //
  149. //
  150. //
  151. var _default2 = {
  152. props: {
  153. // 裁剪矩形框的样式,其中可包含的属性为lineWidth-边框宽度(单位rpx),color: 边框颜色,
  154. // mask-遮罩颜色,一般设置为一个rgba的透明度,如"rgba(0, 0, 0, 0.35)"
  155. boundStyle: {
  156. type: Object,
  157. default: function _default() {
  158. return {
  159. lineWidth: 4,
  160. borderColor: 'rgb(245, 245, 245)',
  161. mask: 'rgba(0, 0, 0, 0.35)'
  162. };
  163. }
  164. }
  165. // // 裁剪框宽度,单位rpx
  166. // rectWidth: {
  167. // type: [String, Number],
  168. // default: 400
  169. // },
  170. // // 裁剪框高度,单位rpx
  171. // rectHeight: {
  172. // type: [String, Number],
  173. // default: 400
  174. // },
  175. // // 输出图片宽度,单位rpx
  176. // destWidth: {
  177. // type: [String, Number],
  178. // default: 400
  179. // },
  180. // // 输出图片高度,单位rpx
  181. // destHeight: {
  182. // type: [String, Number],
  183. // default: 400
  184. // },
  185. // // 输出的图片类型,如果发现裁剪的图片很大,可能是因为设置为了"png",改成"jpg"即可
  186. // fileType: {
  187. // type: String,
  188. // default: 'jpg',
  189. // },
  190. // // 生成的图片质量
  191. // // H5上无效,目前不考虑使用此参数
  192. // quality: {
  193. // type: [Number, String],
  194. // default: 1
  195. // }
  196. },
  197. data: function data() {
  198. return {
  199. // 底部导航的高度
  200. bottomNavHeight: 50,
  201. originWidth: 200,
  202. width: 0,
  203. height: 0,
  204. cropperOpt: {
  205. id: 'cropper',
  206. targetId: 'targetCropper',
  207. pixelRatio: 1,
  208. width: 0,
  209. height: 0,
  210. scale: 2.5,
  211. zoom: 8,
  212. cut: {
  213. x: (this.width - this.originWidth) / 2,
  214. y: (this.height - this.originWidth) / 2,
  215. width: this.originWidth,
  216. height: this.originWidth
  217. },
  218. boundStyle: {
  219. lineWidth: uni.upx2px(this.boundStyle.lineWidth),
  220. mask: this.boundStyle.mask,
  221. color: this.boundStyle.borderColor
  222. }
  223. },
  224. // 裁剪框和输出图片的尺寸,高度默认等于宽度
  225. // 输出图片宽度,单位px
  226. destWidth: 200,
  227. // 裁剪框宽度,单位px
  228. rectWidth: 200,
  229. // 输出的图片类型,如果'png'类型发现裁剪的图片太大,改成"jpg"即可
  230. fileType: 'jpg',
  231. src: '' // 选择的图片路径,用于在点击确定时,判断是否选择了图片
  232. };
  233. },
  234. onLoad: function onLoad(option) {
  235. var _this = this;
  236. var rectInfo = uni.getSystemInfoSync();
  237. this.width = rectInfo.windowWidth;
  238. this.height = rectInfo.windowHeight - this.bottomNavHeight;
  239. this.cropperOpt.width = this.width;
  240. this.cropperOpt.height = this.height;
  241. this.cropperOpt.pixelRatio = rectInfo.pixelRatio;
  242. if (option.destWidth) this.destWidth = option.destWidth;
  243. if (option.rectWidth) {
  244. var rectWidth = Number(option.rectWidth);
  245. this.cropperOpt.cut = {
  246. x: (this.width - rectWidth) / 2,
  247. y: (this.height - rectWidth) / 2,
  248. width: rectWidth,
  249. height: rectWidth
  250. };
  251. }
  252. this.rectWidth = option.rectWidth;
  253. if (option.fileType) this.fileType = option.fileType;
  254. // 初始化
  255. this.cropper = new _weCropper.default(this.cropperOpt).on('ready', function (ctx) {
  256. // wecropper is ready for work!
  257. }).on('beforeImageLoad', function (ctx) {
  258. // before picture loaded, i can do something
  259. }).on('imageLoad', function (ctx) {
  260. // picture loaded
  261. }).on('beforeDraw', function (ctx, instance) {
  262. // before canvas draw,i can do something
  263. });
  264. // 设置导航栏样式,以免用户在page.json中没有设置为黑色背景
  265. uni.setNavigationBarColor({
  266. frontColor: '#ffffff',
  267. backgroundColor: '#000000'
  268. });
  269. uni.chooseImage({
  270. count: 1,
  271. // 默认9
  272. sizeType: ['compressed'],
  273. // 可以指定是原图还是压缩图,默认二者都有
  274. sourceType: ['album', 'camera'],
  275. // 可以指定来源是相册还是相机,默认二者都有
  276. success: function success(res) {
  277. _this.src = res.tempFilePaths[0];
  278. // 获取裁剪图片资源后,给data添加src属性及其值
  279. _this.cropper.pushOrign(_this.src);
  280. }
  281. });
  282. },
  283. methods: {
  284. touchStart: function touchStart(e) {
  285. this.cropper.touchStart(e);
  286. },
  287. touchMove: function touchMove(e) {
  288. this.cropper.touchMove(e);
  289. },
  290. touchEnd: function touchEnd(e) {
  291. this.cropper.touchEnd(e);
  292. },
  293. getCropperImage: function getCropperImage() {
  294. var _this2 = this;
  295. var isPre = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  296. if (!this.src) return this.$u.toast('请先选择图片再裁剪');
  297. var cropper_opt = {
  298. destHeight: Number(this.destWidth),
  299. // uni.canvasToTempFilePath要求这些参数为数值
  300. destWidth: Number(this.destWidth),
  301. fileType: this.fileType
  302. };
  303. this.cropper.getCropperImage(cropper_opt, function (path, err) {
  304. if (err) {
  305. uni.showModal({
  306. title: '温馨提示',
  307. content: err.message
  308. });
  309. } else {
  310. if (isPre) {
  311. uni.previewImage({
  312. current: '',
  313. // 当前显示图片的 http 链接
  314. urls: [path] // 需要预览的图片 http 链接列表
  315. });
  316. } else {
  317. uni.$emit('uAvatarCropper', path);
  318. _this2.$u.route({
  319. type: 'back'
  320. });
  321. }
  322. }
  323. });
  324. },
  325. uploadTap: function uploadTap() {
  326. var _this3 = this;
  327. var self = this;
  328. uni.chooseImage({
  329. count: 1,
  330. // 默认9
  331. sizeType: ['original', 'compressed'],
  332. // 可以指定是原图还是压缩图,默认二者都有
  333. sourceType: ['album', 'camera'],
  334. // 可以指定来源是相册还是相机,默认二者都有
  335. success: function success(res) {
  336. self.src = res.tempFilePaths[0];
  337. // 获取裁剪图片资源后,给data添加src属性及其值
  338. self.cropper.pushOrign(_this3.src);
  339. }
  340. });
  341. }
  342. }
  343. };
  344. exports.default = _default2;
  345. /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-toutiao/dist/index.js */ 1)["default"]))
  346. /***/ }),
  347. /***/ 316:
  348. /*!****************************************************************************************************************************************************!*\
  349. !*** E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=style&index=0&id=90d78b40&scoped=true&lang=scss& ***!
  350. \****************************************************************************************************************************************************/
  351. /*! no static exports found */
  352. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  353. "use strict";
  354. __webpack_require__.r(__webpack_exports__);
  355. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-avatar-cropper.vue?vue&type=style&index=0&id=90d78b40&scoped=true&lang=scss& */ 317);
  356. /* harmony import */ var _D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
  357. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  358. /* harmony default export */ __webpack_exports__["default"] = (_D_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_D_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_D_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_D_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_u_avatar_cropper_vue_vue_type_style_index_0_id_90d78b40_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a);
  359. /***/ }),
  360. /***/ 317:
  361. /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  362. !*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!E:/www/ririduojin/uniapp/uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue?vue&type=style&index=0&id=90d78b40&scoped=true&lang=scss& ***!
  363. \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
  364. /*! no static exports found */
  365. /***/ (function(module, exports, __webpack_require__) {
  366. // extracted by mini-css-extract-plugin
  367. if(false) { var cssReload; }
  368. /***/ })
  369. },[[309,"common/runtime","common/vendor"]]]);
  370. //# sourceMappingURL=../../../../.sourcemap/mp-toutiao/uview-ui/components/u-avatar-cropper/u-avatar-cropper.js.map