| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/EleCropperDialog/index.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/EleCropperDialog/index.vue","mtime":1616225262000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRWxlQ3JvcHBlciBmcm9tICcuL0VsZUNyb3BwZXInOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJFbGVDcm9wcGVyRGlhbG9nIiwNCiAgY29tcG9uZW50czoge0VsZUNyb3BwZXJ9LA0KICBwcm9wczogew0KICAgIC8qIGNyb3BwZXLlj4LmlbAgKi8NCiAgICBzcmM6IFN0cmluZywgIC8vIOijgeWJqueahOWbvueJh+WcsOWdgA0KICAgIGFzcGVjdFJhdGlvOiB7ICAvLyDoo4Hliarmr5TkvosNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIGRlZmF1bHQ6IDENCiAgICB9LA0KICAgIHZpZXdNb2RlOiBOdW1iZXIsICAvLyDoo4Hliarnu4Tku7bmqKHlvI8NCiAgICBkcmFnTW9kZTogU3RyaW5nLA0KICAgIGluaXRpYWxBc3BlY3RSYXRpbzogTnVtYmVyLA0KICAgIG1pbkNvbnRhaW5lcldpZHRoOiBOdW1iZXIsDQogICAgbWluQ29udGFpbmVySGVpZ2h0OiBOdW1iZXIsDQogICAgbWluQ2FudmFzV2lkdGg6IE51bWJlciwNCiAgICBtaW5DYW52YXNIZWlnaHQ6IE51bWJlciwNCiAgICBtaW5Dcm9wQm94V2lkdGg6IE51bWJlciwNCiAgICBtaW5Dcm9wQm94SGVpZ2h0OiBOdW1iZXIsDQogICAgY3JvcHBlZFdpZHRoOiBOdW1iZXIsDQogICAgY3JvcHBlZEhlaWdodDogTnVtYmVyLA0KICAgIGNyb3BwZWRNaW5XaWR0aDogTnVtYmVyLA0KICAgIGNyb3BwZWRNaW5IZWlnaHQ6IE51bWJlciwNCiAgICBjcm9wcGVkTWF4V2lkdGg6IE51bWJlciwNCiAgICBjcm9wcGVkTWF4SGVpZ2h0OiBOdW1iZXIsDQogICAgY3JvcHBlZEZpbGxDb2xvcjogTnVtYmVyLA0KICAgIGNyb3BwZWRJbWFnZVNtb290aGluZ0VuYWJsZWQ6IEJvb2xlYW4sDQogICAgY3JvcHBlZEltYWdlU21vb3RoaW5nUXVhbGl0eTogU3RyaW5nLA0KICAgIHRvQmxvYjogQm9vbGVhbiwgIC8vIOaYr+WQpui/lOWbnmJsb2LmlbDmja4NCiAgICBhY2NlcHQ6IHsgIC8vIOWFgeiuuOS4iuS8oOeahOWbvueJh+exu+Weiw0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJ2ltYWdlLyonDQogICAgfSwNCiAgICB0b29sczogeyAgLy8g5pON5L2c5oyJ6ZKu5biD5bGADQogICAgICB0eXBlOiBbQm9vbGVhbiwgU3RyaW5nXSwNCiAgICAgIGRlZmF1bHQ6IHRydWUNCiAgICB9LA0KICAgIHNob3dQcmV2aWV3OiB7ICAvLyDmmK/lkKbmmL7npLrpooTop4jnu4Tku7YNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiB0cnVlDQogICAgfSwNCiAgICAvKiDlvLnnqpflj4LmlbAgKi8NCiAgICB0aXRsZTogeyAgLy8g5by556qX55qE5qCH6aKYDQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAn6KOB5Ymq5Zu+54mHJw0KICAgIH0sDQogICAgd2lkdGg6IHsgIC8vIOW8ueeql+eahOWuveW6pg0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJzY4MHB4Jw0KICAgIH0sDQogICAgY3VzdG9tQ2xhc3M6IFN0cmluZywgIC8vIERpYWxvZyDnmoToh6rlrprkuYnnsbvlkI0NCiAgICBjbG9zZU9uQ2xpY2tNb2RhbDogeyAgLy8g5piv5ZCm5Y+v5Lul6YCa6L+H54K55Ye7IG1vZGFsIOWFs+mXrSBEaWFsb2cNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZQ0KICAgIH0sDQogICAgY2xvc2VPblByZXNzRXNjYXBlOiB7ICAvLyDmmK/lkKblj6/ku6XpgJrov4fmjInkuIsgRVNDIOWFs+mXrSBEaWFsb2cNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiB0cnVlDQogICAgfSwNCiAgICBzaG93Q2xvc2U6IHsgIC8vIOaYr+WQpuaYvuekuuWFs+mXreaMiemSrg0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IHRydWUNCiAgICB9LA0KICAgIGxvY2tTY3JvbGw6IHsgIC8vIOaYr+WQpuWcqCBEaWFsb2cg5Ye6546w5pe25bCGIGJvZHkg5rua5Yqo6ZSB5a6aDQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogdHJ1ZQ0KICAgIH0sDQogICAgYXBwZW5kVG9Cb2R5OiBCb29sZWFuLCAgLy8gRGlhbG9nIOiHqui6q+aYr+WQpuaPkuWFpeiHsyBib2R5IOWFg+e0oOS4ig0KICAgIG1vZGFsQXBwZW5kVG9Cb2R5OiB7ICAvLyDpga7nvanlsYLmmK/lkKbmj5LlhaXoh7MgYm9keSDlhYPntKDkuIoNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiB0cnVlDQogICAgfSwNCiAgICBtb2RhbDogeyAgLy8g5piv5ZCm6ZyA6KaB6YGu572p5bGCDQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogdHJ1ZQ0KICAgIH0sDQogICAgdG9wOiBTdHJpbmcsICAvLyBEaWFsb2cgQ1NTIOS4reeahCBtYXJnaW4tdG9wIOWAvA0KICAgIGRlc3Ryb3lPbkNsb3NlOiB7ICAvLyDlhbPpl63ml7bplIDmr4EgRGlhbG9nIOS4reeahOWFg+e0oA0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IGZhbHNlDQogICAgfSwNCiAgICBzaG93OiBCb29sZWFuICAvLyDmmK/lkKbmmL7npLoNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgc2hvd0Nyb3BwZXI6IGZhbHNlDQogICAgfQ0KICB9LA0KICBtZXRob2RzOiB7DQogICAgb25PcGVuKCkgew0KICAgICAgdGhpcy5zaG93Q3JvcHBlciA9IHRydWU7DQogICAgICB0aGlzLiRlbWl0KCdvcGVuJyk7DQogICAgfSwNCiAgICBvbkNsb3NlZCgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2Nsb3NlZCcpOw0KICAgICAgaWYgKHRoaXMuZGVzdHJveU9uQ2xvc2UpIHRoaXMuc2hvd0Nyb3BwZXIgPSBmYWxzZTsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/EleCropperDialog","sourcesContent":["<!-- 图片裁剪弹窗 -->\r\n<template>\r\n <el-dialog :visible=\"show\" :title=\"title\" :width=\"width\" :custom-class=\"customClass\" :show-close=\"showClose\"\r\n :close-on-click-modal=\"closeOnClickModal\" :close-on-press-escape=\"closeOnPressEscape\"\r\n :destroy-on-close=\"destroyOnClose\" @update:visible=\"d => $emit('update:show', d)\"\r\n :lock-scroll=\"lockScroll\" :append-to-body=\"appendToBody\" :modal-append-to-body=\"modalAppendToBody\"\r\n :modal=\"modal\" :top=\"top\" @open=\"onOpen\" @closed=\"onClosed\">\r\n <template slot=\"title\">\r\n <slot name=\"title\"/>\r\n </template>\r\n <ele-cropper v-if=\"showCropper\" :src=\"src\" :aspectRatio=\"aspectRatio\" :viewMode=\"viewMode\" :accept=\"accept\"\r\n :drag-mode=\"dragMode\" :initial-aspect-ratio=\"initialAspectRatio\"\r\n :min-container-width=\"minContainerWidth\" :min-container-height=\"minContainerHeight\"\r\n :min-canvas-width=\"minCanvasWidth\" :min-canvas-height=\"minCanvasHeight\"\r\n :min-crop-box-width=\"minCropBoxWidth\" :min-crop-box-height=\"minCropBoxHeight\"\r\n :cropped-width=\"croppedWidth\" :cropped-height=\"croppedHeight\"\r\n :cropped-min-width=\"croppedMinWidth\" :cropped-min-height=\"croppedMinHeight\"\r\n :cropped-max-width=\"croppedMaxWidth\" :cropped-max-height=\"croppedMaxHeight\"\r\n :cropped-fill-color=\"croppedFillColor\" :to-blob=\"toBlob\"\r\n :cropped-image-smoothing-enabled=\"croppedImageSmoothingEnabled\"\r\n :cropped-image-smoothing-quality=\"croppedImageSmoothingQuality\"\r\n :tools=\"tools\" :showPreview=\"showPreview\" @crop=\"data=>$emit('crop',data)\"/>\r\n <template slot=\"footer\">\r\n <slot/>\r\n </template>\r\n </el-dialog>\r\n</template>\r\n\r\n<script>\r\nimport EleCropper from './EleCropper';\r\n\r\nexport default {\r\n name: \"EleCropperDialog\",\r\n components: {EleCropper},\r\n props: {\r\n /* cropper参数 */\r\n src: String, // 裁剪的图片地址\r\n aspectRatio: { // 裁剪比例\r\n type: Number,\r\n default: 1\r\n },\r\n viewMode: Number, // 裁剪组件模式\r\n dragMode: String,\r\n initialAspectRatio: Number,\r\n minContainerWidth: Number,\r\n minContainerHeight: Number,\r\n minCanvasWidth: Number,\r\n minCanvasHeight: Number,\r\n minCropBoxWidth: Number,\r\n minCropBoxHeight: Number,\r\n croppedWidth: Number,\r\n croppedHeight: Number,\r\n croppedMinWidth: Number,\r\n croppedMinHeight: Number,\r\n croppedMaxWidth: Number,\r\n croppedMaxHeight: Number,\r\n croppedFillColor: Number,\r\n croppedImageSmoothingEnabled: Boolean,\r\n croppedImageSmoothingQuality: String,\r\n toBlob: Boolean, // 是否返回blob数据\r\n accept: { // 允许上传的图片类型\r\n type: String,\r\n default: 'image/*'\r\n },\r\n tools: { // 操作按钮布局\r\n type: [Boolean, String],\r\n default: true\r\n },\r\n showPreview: { // 是否显示预览组件\r\n type: Boolean,\r\n default: true\r\n },\r\n /* 弹窗参数 */\r\n title: { // 弹窗的标题\r\n type: String,\r\n default: '裁剪图片'\r\n },\r\n width: { // 弹窗的宽度\r\n type: String,\r\n default: '680px'\r\n },\r\n customClass: String, // Dialog 的自定义类名\r\n closeOnClickModal: { // 是否可以通过点击 modal 关闭 Dialog\r\n type: Boolean,\r\n default: false\r\n },\r\n closeOnPressEscape: { // 是否可以通过按下 ESC 关闭 Dialog\r\n type: Boolean,\r\n default: true\r\n },\r\n showClose: { // 是否显示关闭按钮\r\n type: Boolean,\r\n default: true\r\n },\r\n lockScroll: { // 是否在 Dialog 出现时将 body 滚动锁定\r\n type: Boolean,\r\n default: true\r\n },\r\n appendToBody: Boolean, // Dialog 自身是否插入至 body 元素上\r\n modalAppendToBody: { // 遮罩层是否插入至 body 元素上\r\n type: Boolean,\r\n default: true\r\n },\r\n modal: { // 是否需要遮罩层\r\n type: Boolean,\r\n default: true\r\n },\r\n top: String, // Dialog CSS 中的 margin-top 值\r\n destroyOnClose: { // 关闭时销毁 Dialog 中的元素\r\n type: Boolean,\r\n default: false\r\n },\r\n show: Boolean // 是否显示\r\n },\r\n data() {\r\n return {\r\n showCropper: false\r\n }\r\n },\r\n methods: {\r\n onOpen() {\r\n this.showCropper = true;\r\n this.$emit('open');\r\n },\r\n onClosed() {\r\n this.$emit('closed');\r\n if (this.destroyOnClose) this.showCropper = false;\r\n }\r\n }\r\n}\r\n</script>\r\n"]}]}
|
