{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Dropzone\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Dropzone\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBEcm9wem9uZSBmcm9tICdkcm9wem9uZScKaW1wb3J0ICdkcm9wem9uZS9kaXN0L2Ryb3B6b25lLmNzcycKLy8gaW1wb3J0IHsgZ2V0VG9rZW4gfSBmcm9tICdhcGkvcWluaXUnOwoKRHJvcHpvbmUuYXV0b0Rpc2NvdmVyID0gZmFsc2UKCmV4cG9ydCBkZWZhdWx0IHsKICBwcm9wczogewogICAgaWQ6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICByZXF1aXJlZDogdHJ1ZQogICAgfSwKICAgIHVybDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9LAogICAgY2xpY2thYmxlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0sCiAgICBkZWZhdWx0TXNnOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJ+S4iuS8oOWbvueJhycKICAgIH0sCiAgICBhY2NlcHRlZEZpbGVzOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJycKICAgIH0sCiAgICB0aHVtYm5haWxIZWlnaHQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAyMDAKICAgIH0sCiAgICB0aHVtYm5haWxXaWR0aDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDIwMAogICAgfSwKICAgIHNob3dSZW1vdmVMaW5rOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0sCiAgICBtYXhGaWxlc2l6ZTogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDIKICAgIH0sCiAgICBtYXhGaWxlczogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDMKICAgIH0sCiAgICBhdXRvUHJvY2Vzc1F1ZXVlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0sCiAgICB1c2VDdXN0b21Ecm9wem9uZU9wdGlvbnM6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogZmFsc2UKICAgIH0sCiAgICBkZWZhdWx0SW1nOiB7CiAgICAgIGRlZmF1bHQ6ICcnLAogICAgICB0eXBlOiBbU3RyaW5nLCBBcnJheV0KICAgIH0sCiAgICBjb3VsZFBhc3RlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlCiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZHJvcHpvbmU6ICcnLAogICAgICBpbml0T25jZTogdHJ1ZQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGRlZmF1bHRJbWcodmFsKSB7CiAgICAgIGlmICh2YWwubGVuZ3RoID09PSAwKSB7CiAgICAgICAgdGhpcy5pbml0T25jZSA9IGZhbHNlCiAgICAgICAgcmV0dXJuCiAgICAgIH0KICAgICAgaWYgKCF0aGlzLmluaXRPbmNlKSByZXR1cm4KICAgICAgdGhpcy5pbml0SW1hZ2VzKHZhbCkKICAgICAgdGhpcy5pbml0T25jZSA9IGZhbHNlCiAgICB9CiAgfSwKICBtb3VudGVkKCkgewogICAgY29uc3QgZWxlbWVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuaWQpCiAgICBjb25zdCB2bSA9IHRoaXMKICAgIHRoaXMuZHJvcHpvbmUgPSBuZXcgRHJvcHpvbmUoZWxlbWVudCwgewogICAgICBjbGlja2FibGU6IHRoaXMuY2xpY2thYmxlLAogICAgICB0aHVtYm5haWxXaWR0aDogdGhpcy50aHVtYm5haWxXaWR0aCwKICAgICAgdGh1bWJuYWlsSGVpZ2h0OiB0aGlzLnRodW1ibmFpbEhlaWdodCwKICAgICAgbWF4RmlsZXM6IHRoaXMubWF4RmlsZXMsCiAgICAgIG1heEZpbGVzaXplOiB0aGlzLm1heEZpbGVzaXplLAogICAgICBkaWN0UmVtb3ZlRmlsZTogJ1JlbW92ZScsCiAgICAgIGFkZFJlbW92ZUxpbmtzOiB0aGlzLnNob3dSZW1vdmVMaW5rLAogICAgICBhY2NlcHRlZEZpbGVzOiB0aGlzLmFjY2VwdGVkRmlsZXMsCiAgICAgIGF1dG9Qcm9jZXNzUXVldWU6IHRoaXMuYXV0b1Byb2Nlc3NRdWV1ZSwKICAgICAgZGljdERlZmF1bHRNZXNzYWdlOiAnPGkgc3R5bGU9Im1hcmdpbi10b3A6IDNlbTtkaXNwbGF5OiBpbmxpbmUtYmxvY2siIGNsYXNzPSJtYXRlcmlhbC1pY29ucyI+JyArIHRoaXMuZGVmYXVsdE1zZyArICc8L2k+PGJyPkRyb3AgZmlsZXMgaGVyZSB0byB1cGxvYWQnLAogICAgICBkaWN0TWF4RmlsZXNFeGNlZWRlZDogJ+WPquiDveS4gOS4quWbvicsCiAgICAgIHByZXZpZXdUZW1wbGF0ZTogJzxkaXYgY2xhc3M9ImR6LXByZXZpZXcgZHotZmlsZS1wcmV2aWV3Ij4gIDxkaXYgY2xhc3M9ImR6LWltYWdlIiBzdHlsZT0id2lkdGg6JyArIHRoaXMudGh1bWJuYWlsV2lkdGggKyAncHg7aGVpZ2h0OicgKyB0aGlzLnRodW1ibmFpbEhlaWdodCArICdweCIgPjxpbWcgc3R5bGU9IndpZHRoOicgKyB0aGlzLnRodW1ibmFpbFdpZHRoICsgJ3B4O2hlaWdodDonICsgdGhpcy50aHVtYm5haWxIZWlnaHQgKyAncHgiIGRhdGEtZHotdGh1bWJuYWlsIC8+PC9kaXY+ICA8ZGl2IGNsYXNzPSJkei1kZXRhaWxzIj48ZGl2IGNsYXNzPSJkei1zaXplIj48c3BhbiBkYXRhLWR6LXNpemU+PC9zcGFuPjwvZGl2PiA8ZGl2IGNsYXNzPSJkei1wcm9ncmVzcyI+PHNwYW4gY2xhc3M9ImR6LXVwbG9hZCIgZGF0YS1kei11cGxvYWRwcm9ncmVzcz48L3NwYW4+PC9kaXY+ICA8ZGl2IGNsYXNzPSJkei1lcnJvci1tZXNzYWdlIj48c3BhbiBkYXRhLWR6LWVycm9ybWVzc2FnZT48L3NwYW4+PC9kaXY+ICA8ZGl2IGNsYXNzPSJkei1zdWNjZXNzLW1hcmsiPiA8aSBjbGFzcz0ibWF0ZXJpYWwtaWNvbnMiPmRvbmU8L2k+IDwvZGl2PiAgPGRpdiBjbGFzcz0iZHotZXJyb3ItbWFyayI+PGkgY2xhc3M9Im1hdGVyaWFsLWljb25zIj5lcnJvcjwvaT48L2Rpdj48L2Rpdj4nLAogICAgICBpbml0KCkgewogICAgICAgIGNvbnN0IHZhbCA9IHZtLmRlZmF1bHRJbWcKICAgICAgICBpZiAoIXZhbCkgcmV0dXJuCiAgICAgICAgaWYgKEFycmF5LmlzQXJyYXkodmFsKSkgewogICAgICAgICAgaWYgKHZhbC5sZW5ndGggPT09IDApIHJldHVybgogICAgICAgICAgdmFsLm1hcCgodiwgaSkgPT4gewogICAgICAgICAgICBjb25zdCBtb2NrRmlsZSA9IHsgbmFtZTogJ25hbWUnICsgaSwgc2l6ZTogMTIzNDUsIHVybDogdiB9CiAgICAgICAgICAgIHRoaXMub3B0aW9ucy5hZGRlZGZpbGUuY2FsbCh0aGlzLCBtb2NrRmlsZSkKICAgICAgICAgICAgdGhpcy5vcHRpb25zLnRodW1ibmFpbC5jYWxsKHRoaXMsIG1vY2tGaWxlLCB2KQogICAgICAgICAgICBtb2NrRmlsZS5wcmV2aWV3RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkei1zdWNjZXNzJykKICAgICAgICAgICAgbW9ja0ZpbGUucHJldmlld0VsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZHotY29tcGxldGUnKQogICAgICAgICAgICB2bS5pbml0T25jZSA9IGZhbHNlCiAgICAgICAgICAgIHJldHVybiB0cnVlCiAgICAgICAgICB9KQogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICBjb25zdCBtb2NrRmlsZSA9IHsgbmFtZTogJ25hbWUnLCBzaXplOiAxMjM0NSwgdXJsOiB2YWwgfQogICAgICAgICAgdGhpcy5vcHRpb25zLmFkZGVkZmlsZS5jYWxsKHRoaXMsIG1vY2tGaWxlKQogICAgICAgICAgdGhpcy5vcHRpb25zLnRodW1ibmFpbC5jYWxsKHRoaXMsIG1vY2tGaWxlLCB2YWwpCiAgICAgICAgICBtb2NrRmlsZS5wcmV2aWV3RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkei1zdWNjZXNzJykKICAgICAgICAgIG1vY2tGaWxlLnByZXZpZXdFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2R6LWNvbXBsZXRlJykKICAgICAgICAgIHZtLmluaXRPbmNlID0gZmFsc2UKICAgICAgICB9CiAgICAgIH0sCiAgICAgIGFjY2VwdDogKGZpbGUsIGRvbmUpID0+IHsKICAgICAgICAvKiDkuIPniZsqLwogICAgICAgIC8vIGNvbnN0IHRva2VuID0gdGhpcy4kc3RvcmUuZ2V0dGVycy50b2tlbjsKICAgICAgICAvLyBnZXRUb2tlbih0b2tlbikudGhlbihyZXNwb25zZSA9PiB7CiAgICAgICAgLy8gICBmaWxlLnRva2VuID0gcmVzcG9uc2UuZGF0YS5xaW5pdV90b2tlbjsKICAgICAgICAvLyAgIGZpbGUua2V5ID0gcmVzcG9uc2UuZGF0YS5xaW5pdV9rZXk7CiAgICAgICAgLy8gICBmaWxlLnVybCA9IHJlc3BvbnNlLmRhdGEucWluaXVfdXJsOwogICAgICAgIC8vICAgZG9uZSgpOwogICAgICAgIC8vIH0pCiAgICAgICAgZG9uZSgpCiAgICAgIH0sCiAgICAgIHNlbmRpbmc6IChmaWxlLCB4aHIsIGZvcm1EYXRhKSA9PiB7CiAgICAgICAgLy8gZm9ybURhdGEuYXBwZW5kKCd0b2tlbicsIGZpbGUudG9rZW4pOwogICAgICAgIC8vIGZvcm1EYXRhLmFwcGVuZCgna2V5JywgZmlsZS5rZXkpOwogICAgICAgIHZtLmluaXRPbmNlID0gZmFsc2UKICAgICAgfQogICAgfSkKCiAgICBpZiAodGhpcy5jb3VsZFBhc3RlKSB7CiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Bhc3RlJywgdGhpcy5wYXN0ZUltZykKICAgIH0KCiAgICB0aGlzLmRyb3B6b25lLm9uKCdzdWNjZXNzJywgZmlsZSA9PiB7CiAgICAgIHZtLiRlbWl0KCdkcm9wem9uZS1zdWNjZXNzJywgZmlsZSwgdm0uZHJvcHpvbmUuZWxlbWVudCkKICAgIH0pCiAgICB0aGlzLmRyb3B6b25lLm9uKCdhZGRlZGZpbGUnLCBmaWxlID0+IHsKICAgICAgdm0uJGVtaXQoJ2Ryb3B6b25lLWZpbGVBZGRlZCcsIGZpbGUpCiAgICB9KQogICAgdGhpcy5kcm9wem9uZS5vbigncmVtb3ZlZGZpbGUnLCBmaWxlID0+IHsKICAgICAgdm0uJGVtaXQoJ2Ryb3B6b25lLXJlbW92ZWRGaWxlJywgZmlsZSkKICAgIH0pCiAgICB0aGlzLmRyb3B6b25lLm9uKCdlcnJvcicsIChmaWxlLCBlcnJvciwgeGhyKSA9PiB7CiAgICAgIHZtLiRlbWl0KCdkcm9wem9uZS1lcnJvcicsIGZpbGUsIGVycm9yLCB4aHIpCiAgICB9KQogICAgdGhpcy5kcm9wem9uZS5vbignc3VjY2Vzc211bHRpcGxlJywgKGZpbGUsIGVycm9yLCB4aHIpID0+IHsKICAgICAgdm0uJGVtaXQoJ2Ryb3B6b25lLXN1Y2Nlc3NtdWx0aXBsZScsIGZpbGUsIGVycm9yLCB4aHIpCiAgICB9KQogIH0sCiAgZGVzdHJveWVkKCkgewogICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcigncGFzdGUnLCB0aGlzLnBhc3RlSW1nKQogICAgdGhpcy5kcm9wem9uZS5kZXN0cm95KCkKICB9LAogIG1ldGhvZHM6IHsKICAgIHJlbW92ZUFsbEZpbGVzKCkgewogICAgICB0aGlzLmRyb3B6b25lLnJlbW92ZUFsbEZpbGVzKHRydWUpCiAgICB9LAogICAgcHJvY2Vzc1F1ZXVlKCkgewogICAgICB0aGlzLmRyb3B6b25lLnByb2Nlc3NRdWV1ZSgpCiAgICB9LAogICAgcGFzdGVJbWcoZXZlbnQpIHsKICAgICAgY29uc3QgaXRlbXMgPSAoZXZlbnQuY2xpcGJvYXJkRGF0YSB8fCBldmVudC5vcmlnaW5hbEV2ZW50LmNsaXBib2FyZERhdGEpLml0ZW1zCiAgICAgIGlmIChpdGVtc1swXS5raW5kID09PSAnZmlsZScpIHsKICAgICAgICB0aGlzLmRyb3B6b25lLmFkZEZpbGUoaXRlbXNbMF0uZ2V0QXNGaWxlKCkpCiAgICAgIH0KICAgIH0sCiAgICBpbml0SW1hZ2VzKHZhbCkgewogICAgICBpZiAoIXZhbCkgcmV0dXJuCiAgICAgIGlmIChBcnJheS5pc0FycmF5KHZhbCkpIHsKICAgICAgICB2YWwubWFwKCh2LCBpKSA9PiB7CiAgICAgICAgICBjb25zdCBtb2NrRmlsZSA9IHsgbmFtZTogJ25hbWUnICsgaSwgc2l6ZTogMTIzNDUsIHVybDogdiB9CiAgICAgICAgICB0aGlzLmRyb3B6b25lLm9wdGlvbnMuYWRkZWRmaWxlLmNhbGwodGhpcy5kcm9wem9uZSwgbW9ja0ZpbGUpCiAgICAgICAgICB0aGlzLmRyb3B6b25lLm9wdGlvbnMudGh1bWJuYWlsLmNhbGwodGhpcy5kcm9wem9uZSwgbW9ja0ZpbGUsIHYpCiAgICAgICAgICBtb2NrRmlsZS5wcmV2aWV3RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkei1zdWNjZXNzJykKICAgICAgICAgIG1vY2tGaWxlLnByZXZpZXdFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2R6LWNvbXBsZXRlJykKICAgICAgICAgIHJldHVybiB0cnVlCiAgICAgICAgfSkKICAgICAgfSBlbHNlIHsKICAgICAgICBjb25zdCBtb2NrRmlsZSA9IHsgbmFtZTogJ25hbWUnLCBzaXplOiAxMjM0NSwgdXJsOiB2YWwgfQogICAgICAgIHRoaXMuZHJvcHpvbmUub3B0aW9ucy5hZGRlZGZpbGUuY2FsbCh0aGlzLmRyb3B6b25lLCBtb2NrRmlsZSkKICAgICAgICB0aGlzLmRyb3B6b25lLm9wdGlvbnMudGh1bWJuYWlsLmNhbGwodGhpcy5kcm9wem9uZSwgbW9ja0ZpbGUsIHZhbCkKICAgICAgICBtb2NrRmlsZS5wcmV2aWV3RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkei1zdWNjZXNzJykKICAgICAgICBtb2NrRmlsZS5wcmV2aWV3RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdkei1jb21wbGV0ZScpCiAgICAgIH0KICAgIH0KCiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;;AAEA;;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;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;;AAEA;AACA;AACA;;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;;AAEA;AACA","file":"index.vue","sourceRoot":"src/components/Dropzone","sourcesContent":["<template>\n  <div :id=\"id\" :ref=\"id\" :action=\"url\" class=\"dropzone\">\n    <input type=\"file\" name=\"file\">\n  </div>\n</template>\n\n<script>\nimport Dropzone from 'dropzone'\nimport 'dropzone/dist/dropzone.css'\n// import { getToken } from 'api/qiniu';\n\nDropzone.autoDiscover = false\n\nexport default {\n  props: {\n    id: {\n      type: String,\n      required: true\n    },\n    url: {\n      type: String,\n      required: true\n    },\n    clickable: {\n      type: Boolean,\n      default: true\n    },\n    defaultMsg: {\n      type: String,\n      default: '上传图片'\n    },\n    acceptedFiles: {\n      type: String,\n      default: ''\n    },\n    thumbnailHeight: {\n      type: Number,\n      default: 200\n    },\n    thumbnailWidth: {\n      type: Number,\n      default: 200\n    },\n    showRemoveLink: {\n      type: Boolean,\n      default: true\n    },\n    maxFilesize: {\n      type: Number,\n      default: 2\n    },\n    maxFiles: {\n      type: Number,\n      default: 3\n    },\n    autoProcessQueue: {\n      type: Boolean,\n      default: true\n    },\n    useCustomDropzoneOptions: {\n      type: Boolean,\n      default: false\n    },\n    defaultImg: {\n      default: '',\n      type: [String, Array]\n    },\n    couldPaste: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      dropzone: '',\n      initOnce: true\n    }\n  },\n  watch: {\n    defaultImg(val) {\n      if (val.length === 0) {\n        this.initOnce = false\n        return\n      }\n      if (!this.initOnce) return\n      this.initImages(val)\n      this.initOnce = false\n    }\n  },\n  mounted() {\n    const element = document.getElementById(this.id)\n    const vm = this\n    this.dropzone = new Dropzone(element, {\n      clickable: this.clickable,\n      thumbnailWidth: this.thumbnailWidth,\n      thumbnailHeight: this.thumbnailHeight,\n      maxFiles: this.maxFiles,\n      maxFilesize: this.maxFilesize,\n      dictRemoveFile: 'Remove',\n      addRemoveLinks: this.showRemoveLink,\n      acceptedFiles: this.acceptedFiles,\n      autoProcessQueue: this.autoProcessQueue,\n      dictDefaultMessage: '<i style=\"margin-top: 3em;display: inline-block\" class=\"material-icons\">' + this.defaultMsg + '</i><br>Drop files here to upload',\n      dictMaxFilesExceeded: '只能一个图',\n      previewTemplate: '<div class=\"dz-preview dz-file-preview\">  <div class=\"dz-image\" style=\"width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px\" ><img style=\"width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px\" data-dz-thumbnail /></div>  <div class=\"dz-details\"><div class=\"dz-size\"><span data-dz-size></span></div> <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>  <div class=\"dz-success-mark\"> <i class=\"material-icons\">done</i> </div>  <div class=\"dz-error-mark\"><i class=\"material-icons\">error</i></div></div>',\n      init() {\n        const val = vm.defaultImg\n        if (!val) return\n        if (Array.isArray(val)) {\n          if (val.length === 0) return\n          val.map((v, i) => {\n            const mockFile = { name: 'name' + i, size: 12345, url: v }\n            this.options.addedfile.call(this, mockFile)\n            this.options.thumbnail.call(this, mockFile, v)\n            mockFile.previewElement.classList.add('dz-success')\n            mockFile.previewElement.classList.add('dz-complete')\n            vm.initOnce = false\n            return true\n          })\n        } else {\n          const mockFile = { name: 'name', size: 12345, url: val }\n          this.options.addedfile.call(this, mockFile)\n          this.options.thumbnail.call(this, mockFile, val)\n          mockFile.previewElement.classList.add('dz-success')\n          mockFile.previewElement.classList.add('dz-complete')\n          vm.initOnce = false\n        }\n      },\n      accept: (file, done) => {\n        /* 七牛*/\n        // const token = this.$store.getters.token;\n        // getToken(token).then(response => {\n        //   file.token = response.data.qiniu_token;\n        //   file.key = response.data.qiniu_key;\n        //   file.url = response.data.qiniu_url;\n        //   done();\n        // })\n        done()\n      },\n      sending: (file, xhr, formData) => {\n        // formData.append('token', file.token);\n        // formData.append('key', file.key);\n        vm.initOnce = false\n      }\n    })\n\n    if (this.couldPaste) {\n      document.addEventListener('paste', this.pasteImg)\n    }\n\n    this.dropzone.on('success', file => {\n      vm.$emit('dropzone-success', file, vm.dropzone.element)\n    })\n    this.dropzone.on('addedfile', file => {\n      vm.$emit('dropzone-fileAdded', file)\n    })\n    this.dropzone.on('removedfile', file => {\n      vm.$emit('dropzone-removedFile', file)\n    })\n    this.dropzone.on('error', (file, error, xhr) => {\n      vm.$emit('dropzone-error', file, error, xhr)\n    })\n    this.dropzone.on('successmultiple', (file, error, xhr) => {\n      vm.$emit('dropzone-successmultiple', file, error, xhr)\n    })\n  },\n  destroyed() {\n    document.removeEventListener('paste', this.pasteImg)\n    this.dropzone.destroy()\n  },\n  methods: {\n    removeAllFiles() {\n      this.dropzone.removeAllFiles(true)\n    },\n    processQueue() {\n      this.dropzone.processQueue()\n    },\n    pasteImg(event) {\n      const items = (event.clipboardData || event.originalEvent.clipboardData).items\n      if (items[0].kind === 'file') {\n        this.dropzone.addFile(items[0].getAsFile())\n      }\n    },\n    initImages(val) {\n      if (!val) return\n      if (Array.isArray(val)) {\n        val.map((v, i) => {\n          const mockFile = { name: 'name' + i, size: 12345, url: v }\n          this.dropzone.options.addedfile.call(this.dropzone, mockFile)\n          this.dropzone.options.thumbnail.call(this.dropzone, mockFile, v)\n          mockFile.previewElement.classList.add('dz-success')\n          mockFile.previewElement.classList.add('dz-complete')\n          return true\n        })\n      } else {\n        const mockFile = { name: 'name', size: 12345, url: val }\n        this.dropzone.options.addedfile.call(this.dropzone, mockFile)\n        this.dropzone.options.thumbnail.call(this.dropzone, mockFile, val)\n        mockFile.previewElement.classList.add('dz-success')\n        mockFile.previewElement.classList.add('dz-complete')\n      }\n    }\n\n  }\n}\n</script>\n\n<style scoped>\n    .dropzone {\n        border: 2px solid #E5E5E5;\n        font-family: 'Roboto', sans-serif;\n        color: #777;\n        transition: background-color .2s linear;\n        padding: 5px;\n    }\n\n    .dropzone:hover {\n        background-color: #F6F6F6;\n    }\n\n    i {\n        color: #CCC;\n    }\n\n    .dropzone .dz-image img {\n        width: 100%;\n        height: 100%;\n    }\n\n    .dropzone input[name='file'] {\n        display: none;\n    }\n\n    .dropzone .dz-preview .dz-image {\n        border-radius: 0px;\n    }\n\n    .dropzone .dz-preview:hover .dz-image img {\n        transform: none;\n        filter: none;\n        width: 100%;\n        height: 100%;\n    }\n\n    .dropzone .dz-preview .dz-details {\n        bottom: 0px;\n        top: 0px;\n        color: white;\n        background-color: rgba(33, 150, 243, 0.8);\n        transition: opacity .2s linear;\n        text-align: left;\n    }\n\n    .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {\n        background-color: transparent;\n    }\n\n    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {\n        border: none;\n    }\n\n    .dropzone .dz-preview .dz-details .dz-filename:hover span {\n        background-color: transparent;\n        border: none;\n    }\n\n    .dropzone .dz-preview .dz-remove {\n        position: absolute;\n        z-index: 30;\n        color: white;\n        margin-left: 15px;\n        padding: 10px;\n        top: inherit;\n        bottom: 15px;\n        border: 2px white solid;\n        text-decoration: none;\n        text-transform: uppercase;\n        font-size: 0.8rem;\n        font-weight: 800;\n        letter-spacing: 1.1px;\n        opacity: 0;\n    }\n\n    .dropzone .dz-preview:hover .dz-remove {\n        opacity: 1;\n    }\n\n    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {\n        margin-left: -40px;\n        margin-top: -50px;\n    }\n\n    .dropzone .dz-preview .dz-success-mark i, .dropzone .dz-preview .dz-error-mark i {\n        color: white;\n        font-size: 5rem;\n    }\n</style>\n"]}]}