{"version":3,"sources":["webpack:///./node_modules/core-js/library/modules/_create-property.js","webpack:///./src/components/image-select.vue?590e","webpack:///src/components/image-select.vue","webpack:///./src/components/image-select.vue?00db","webpack:///./src/components/image-select.vue","webpack:///./node_modules/core-js/library/modules/es6.array.from.js","webpack:///./src/views/1vs1/detect.vue?4e39","webpack:///src/views/1vs1/detect.vue","webpack:///./src/views/1vs1/detect.vue?eefb","webpack:///./src/views/1vs1/detect.vue","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/from.js","webpack:///./src/assets/1.jpg","webpack:///./src/assets/cat.jpg","webpack:///./src/components/image-preview.vue?e32f","webpack:///./src/assets/3.png","webpack:///./node_modules/core-js/library/fn/array/from.js","webpack:///./src/components/image-preview.vue?1849","webpack:///src/components/image-preview.vue","webpack:///./src/components/image-preview.vue?511c","webpack:///./src/components/image-preview.vue","webpack:///./src/components/image-select.vue?41c4"],"names":["$defineProperty","createDesc","module","exports","object","index","value","f","render","_vm","this","_h","$createElement","_c","_self","attrs","on","$event","$refs","upload","click","_v","ref","staticStyle","multiple","emitSelect","target","files","presetVisible","images","forEach","e","active","_l","key","id","src","refInFor","class","presetSelect","slot","presetConfirm","staticRenderFns","props","type","Boolean","default","data","methods","length","$emit","image","filter","Promise","cav","width","el","height","getContext","drawImage","toBlob","resolve","File","blob","name","i","tasks","push","createFile","preset","all","then","component","ctx","$export","toObject","call","isArrayIter","toLength","createProperty","getIterFn","S","F","iter","Array","from","arrayLike","result","step","iterator","O","C","aLen","arguments","mapfn","undefined","mapping","iterFn","next","done","_m","staticClass","file","_e","model","callback","$$v","ifCheckAlive","expression","detect","_s","message","checkMessage","_f","components","ImageSelect","ImagePreview","_arrayWithoutHoles","arr","arr2","_iterableToArray","Object","prototype","toString","_nonIterableSpread","TypeError","_toConsumableArray","directives","rawName","_t","required","watch","v","canvas","clearRect","img","URL","createObjectURL","addEventListener"],"mappings":"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","file":"js/1vs1-detect.9790fa07.js","sourcesContent":["'use strict';\nvar $defineProperty = require('./_object-dp');\nvar createDesc = require('./_property-desc');\n\nmodule.exports = function (object, index, value) {\n  if (index in object) $defineProperty.f(object, index, createDesc(0, value));\n  else object[index] = value;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$refs.upload.click()}}},[_vm._v(\"本地图片\")]),_vm._v(\"   \\n  \"),_c('input',{ref:\"upload\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\",\"multiple\":_vm.multiple},on:{\"change\":function($event){_vm.emitSelect($event.target.files); $event.target.value=null;}}}),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.presetVisible = true}}},[_vm._v(\"使用预置图片\")]),_c('el-dialog',{attrs:{\"visible\":_vm.presetVisible,\"title\":\"选择预置图片\",\"append-to-body\":\"\"},on:{\"update:visible\":function($event){_vm.presetVisible=$event},\"close\":function($event){return _vm.images.forEach(function (e) { return e.active = false; })}}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"align-items\":\"center\"}},_vm._l((_vm.images),function(e){return _c('div',{key:e.id},[_c('img',{key:e.src,ref:\"preset\",refInFor:true,class:{ active: e.active },attrs:{\"src\":e.src,\"attr-img\":e},on:{\"click\":function($event){return _vm.presetSelect(e)}}})])}),0),_c('span',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.presetVisible = false}}},[_vm._v(\"取 消\")]),_c('el-button',{on:{\"click\":_vm.presetConfirm}},[_vm._v(\"确 定\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <span>\r\n    <el-button type=\"primary\" @click=\"$refs.upload.click()\">本地图片</el-button>&nbsp;&nbsp;&nbsp;\r\n    <input\r\n      type=\"file\"\r\n      accept=\"image/*\"\r\n      ref=\"upload\"\r\n      :multiple=\"multiple\"\r\n      @change=\"emitSelect($event.target.files); $event.target.value=null;\"\r\n      style=\"display:none;\"\r\n    >\r\n    <el-button type=\"primary\" @click=\"presetVisible = true\">使用预置图片</el-button>\r\n    <el-dialog :visible.sync=\"presetVisible\" title=\"选择预置图片\" @close=\"images.forEach(e => e.active = false)\" append-to-body>\r\n      <div style=\"display: flex;flex-direction: column;align-items: center;\">\r\n        <div v-for=\"e of images\" :key=\"e.id\">\r\n          <img\r\n            ref=\"preset\"\r\n            :key=\"e.src\"\r\n            :class=\"{ active: e.active }\"\r\n            :src=\"e.src\"\r\n            :attr-img=\"e\"\r\n            @click=\"presetSelect(e)\">\r\n        </div>\r\n      </div>\r\n      <span slot=\"footer\">\r\n        <el-button @click=\"presetVisible = false\">取 消</el-button>\r\n        <el-button @click=\"presetConfirm\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </span>\r\n</template>\r\n<script>\r\nimport cat from \"../assets/cat.jpg\";\r\nimport lenna from \"../assets/1.jpg\";\r\nimport barbara from \"../assets/3.png\";\r\n\r\nexport default {\r\n  props: {\r\n    multiple: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      presetVisible: false,\r\n      images: [\r\n        { src: cat, mimeType: \"image/jpeg\", name: \"cat.jpg\", active: false },\r\n        { src: lenna, mimeType: \"image/jpeg\", name: \"lenna.jpg\", active: false },\r\n        {\r\n          src: barbara,\r\n          mimeType: \"image/png\",\r\n          name: \"barbara.png\",\r\n          active: false\r\n        }\r\n      ]\r\n    };\r\n  },\r\n  methods: {\r\n    emitSelect(files) {\r\n      if (files.length === 0) {\r\n        return;\r\n      }\r\n\r\n      this.$emit(\"select\", [...files]);\r\n    },\r\n\r\n    presetSelect(image) {\r\n      image.active = !image.active;\r\n      if (!this.multiple) {\r\n        this.images.filter(e => e !== image).forEach(e => (e.active = false));\r\n      }\r\n    },\r\n\r\n    presetConfirm() {\r\n      //将选中的图片转化成文件\r\n      const createFile = (el, image) => {\r\n        return new Promise((resolve, reject) => {\r\n          let cav = document.createElement(\"canvas\");\r\n          cav.width = el.width;\r\n          cav.height = el.height;\r\n          cav.getContext(\"2d\").drawImage(el, 0, 0);\r\n          cav.toBlob(blob => {\r\n            resolve(new File([blob], image.name, { type: blob.type }));\r\n          }, image.mimeType);\r\n        });\r\n      };\r\n      let tasks = [];\r\n      for (let i = 0; i < this.images.length; i++) {\r\n        if (!this.images[i].active) {\r\n          continue;\r\n        }\r\n        tasks.push(createFile(this.$refs.preset[i], this.images[i]));\r\n      }\r\n      Promise.all(tasks).then(res => {\r\n        this.presetVisible = false;\r\n        this.emitSelect(res);\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\nimg.active {\r\n  border: 2px red solid;\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-select.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./image-select.vue?vue&type=template&id=4fa33e25&scoped=true&\"\nimport script from \"./image-select.vue?vue&type=script&lang=js&\"\nexport * from \"./image-select.vue?vue&type=script&lang=js&\"\nimport style0 from \"./image-select.vue?vue&type=style&index=0&id=4fa33e25&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4fa33e25\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar ctx = require('./_ctx');\nvar $export = require('./_export');\nvar toObject = require('./_to-object');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar toLength = require('./_to-length');\nvar createProperty = require('./_create-property');\nvar getIterFn = require('./core.get-iterator-method');\n\n$export($export.S + $export.F * !require('./_iter-detect')(function (iter) { Array.from(iter); }), 'Array', {\n  // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)\n  from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {\n    var O = toObject(arrayLike);\n    var C = typeof this == 'function' ? this : Array;\n    var aLen = arguments.length;\n    var mapfn = aLen > 1 ? arguments[1] : undefined;\n    var mapping = mapfn !== undefined;\n    var index = 0;\n    var iterFn = getIterFn(O);\n    var length, result, step, iterator;\n    if (mapping) mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);\n    // if object isn't iterable or it's array with default iterator - use simple case\n    if (iterFn != undefined && !(C == Array && isArrayIter(iterFn))) {\n      for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) {\n        createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value);\n      }\n    } else {\n      length = toLength(O.length);\n      for (result = new C(length); length > index; index++) {\n        createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);\n      }\n    }\n    result.length = index;\n    return result;\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"height\":\"100%\"}},[_vm._m(0),_c('div',{staticClass:\"main-shadow-box\"},[(!_vm.file)?_c('div',{staticClass:\"tip\"},[_c('i',{staticClass:\"el-icon-sunrise-1\"}),_vm._v(\" 请选择一张图片\")]):_vm._e(),_c('image-select',{on:{\"select\":function($event){_vm.file = $event[0]}}}),_c('el-switch',{staticStyle:{\"margin-left\":\"10px\"},attrs:{\"active-text\":\"是否活体检测\"},model:{value:(_vm.ifCheckAlive),callback:function ($$v) {_vm.ifCheckAlive=$$v},expression:\"ifCheckAlive\"}}),_c('br'),_c('image-preview',{ref:\"imagePreview\",attrs:{\"file\":_vm.file},on:{\"update\":_vm.detect}}),_vm._v(\"\\n    \"+_vm._s(_vm.message)),_c('br'),(_vm.ifCheckAlive&&_vm.checkMessage)?_c('div',[_vm._v(\"活体检测结果：\"+_vm._s(_vm._f(\"alive\")(_vm.checkMessage)))]):_vm._e()],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sub-title\"},[_c('i',{staticClass:\"iconfont icon-dingwei\"}),_vm._v(\" 人脸检测\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"display: flex; flex-direction: column;height: 100%\">\r\n    <div class=\"sub-title\"><i class=\"iconfont icon-dingwei\"></i> 人脸检测</div>\r\n    <div class=\"main-shadow-box\">\r\n      <div v-if=\"!file\" class=\"tip\"><i class=\"el-icon-sunrise-1\"></i> 请选择一张图片</div>\r\n      <image-select @select=\"file = $event[0]\"></image-select>\r\n      <el-switch v-model=\"ifCheckAlive\" style=\"margin-left: 10px;\" active-text=\"是否活体检测\"></el-switch><br/>\r\n      <image-preview ref=\"imagePreview\" :file=\"file\" @update=\"detect\"></image-preview>\r\n      {{message}}<br/>\r\n      <div v-if=\"ifCheckAlive&&checkMessage\">活体检测结果：{{checkMessage | alive}}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport ImageSelect from \"@/components/image-select.vue\";\r\nimport ImagePreview from \"@/components/image-preview.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    ImageSelect,\r\n    ImagePreview\r\n  },\r\n  data() {\r\n    return {\r\n      file: null,\r\n      message: \"\",\r\n      checkMessage: \"\",\r\n      ifCheckAlive: false\r\n    };\r\n  },\r\n  methods: {\r\n    async detect({ file, canvas, percent }) {\r\n      this.checkMessage = \"\"\r\n      console.log(percent)\r\n\r\n      if (!file) {\r\n        return;\r\n      }\r\n      let res = await this.$request(this.$api.face1vs1.detect({ image: file }));\r\n      if (res.length === 0) {\r\n        this.message = \"未检测到人脸\";\r\n        return;\r\n      }\r\n      this.message = '检测到人脸：' + JSON.stringify(res);\r\n      let ctx = canvas.getContext(\"2d\");\r\n      ctx.save();\r\n      ctx.strokeStyle = \"white\";\r\n      for (let e of res) {\r\n        if(percent>1){\r\n          ctx.strokeRect(e.x/percent, e.y/percent, e.width/percent, e.height/percent);\r\n        }else{\r\n          ctx.strokeRect(e.x, e.y, e.width, e.height);\r\n        }\r\n      }\r\n      ctx.restore();\r\n      if(this.ifCheckAlive) {\r\n        let checkRes = await this.$request(this.$api.face1vs1.checkAlive({ image1: file }))\r\n        this.checkMessage = checkRes\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detect.vue?vue&type=template&id=4a724412&\"\nimport script from \"./detect.vue?vue&type=script&lang=js&\"\nexport * from \"./detect.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import _Array$isArray from \"../../core-js/array/is-array\";\nexport default function _arrayWithoutHoles(arr) {\n  if (_Array$isArray(arr)) {\n    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n      arr2[i] = arr[i];\n    }\n\n    return arr2;\n  }\n}","import _Array$from from \"../../core-js/array/from\";\nimport _isIterable from \"../../core-js/is-iterable\";\nexport default function _iterableToArray(iter) {\n  if (_isIterable(Object(iter)) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return _Array$from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}","module.exports = require(\"core-js/library/fn/array/from\");","module.exports = __webpack_public_path__ + \"img/1.01266cfd.jpg\";","module.exports = __webpack_public_path__ + \"img/cat.b742e5fa.jpg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-preview.vue?vue&type=style&index=0&id=f29b0170&lang=less&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-preview.vue?vue&type=style&index=0&id=f29b0170&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/3.d600aefb.png\";","require('../../modules/es6.string.iterator');\nrequire('../../modules/es6.array.from');\nmodule.exports = require('../../modules/_core').Array.from;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.file),expression:\"file\"}],ref:\"box\",staticClass:\"preview-box\"},[_vm._t(\"default\"),_c('canvas',{ref:\"canvas\"})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style lang=\"less\" scoped>\r\n  .preview-box{\r\n    margin-top: 20px;\r\n    border-radius: 5px;\r\n    border: 1px solid #eee;\r\n    box-shadow: 2px 2px 5px #f0f0f0;\r\n    padding: 10px;\r\n  }\r\n</style>\r\n\r\n<template>\r\n  <div>\r\n    <div class=\"preview-box\" ref=\"box\" v-show=\"file\">\r\n      <slot></slot>\r\n      <canvas ref=\"canvas\"></canvas>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    file: {\r\n      type: File,\r\n      required: false\r\n    }\r\n  },\r\n  watch: {\r\n    file(v) {\r\n      let canvas = this.$refs.canvas;\r\n      if (!v) {\r\n        let { width, height } = canvas;\r\n        canvas.getContext(\"2d\").clearRect(0, 0, width, height);\r\n        this.$emit(\"update\", { width, height, canvas });\r\n        return;\r\n      }\r\n      let img = document.createElement(\"img\");\r\n      img.src = URL.createObjectURL(v);\r\n      img.addEventListener(\"load\", () => {\r\n        let { width, height } = img;\r\n        let _limitWidth =  (document.documentElement.clientWidth - 320)/2;\r\n        canvas.width = width>_limitWidth?_limitWidth:width;\r\n        canvas.height = width>_limitWidth?height/width*_limitWidth:height;\r\n        canvas.getContext(\"2d\").drawImage(img, 0, 0, canvas.width, canvas.height);\r\n        this.$refs.box.style.width = canvas.width + 'px';\r\n        let percent = width / _limitWidth\r\n        this.$emit(\"update\", { width, height, file: v, canvas, percent});\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-preview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./image-preview.vue?vue&type=template&id=f29b0170&scoped=true&\"\nimport script from \"./image-preview.vue?vue&type=script&lang=js&\"\nexport * from \"./image-preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./image-preview.vue?vue&type=style&index=0&id=f29b0170&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f29b0170\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-select.vue?vue&type=style&index=0&id=4fa33e25&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image-select.vue?vue&type=style&index=0&id=4fa33e25&scoped=true&lang=css&\""],"sourceRoot":""}