{"version":3,"sources":["webpack:///./src/components/vue-popper/VuePopper.vue?8e96","webpack:///./src/components/vue-popper/VuePopper.vue?c8c2","webpack:///src/components/vue-popper/VuePopper.vue","webpack:///./src/components/vue-popper/VuePopper.vue?2f5c","webpack:///./src/components/vue-popper/VuePopper.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue?0f75","webpack:///src/views/pages/host/host-common/subpages/host-common-posterAdd.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue?47cd","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue?4b01"],"names":["render","_vm","this","_h","$createElement","_c","_self","_t","staticClass","attrs","popperId","on","$event","$emit","_v","_s","closeButton","_e","content","staticRenderFns","props","showPopper","type","required","default","placement","index","data","popper","show","ready","$nextTick","computed","mapGetters","destroy","activeIndex","mounted","watch","val","oldVal","console","destroyed","destroyPopper","methods","mapMutations","setDestroy","initPopper","uuid4","removeOnDestroy","replace","v","toString","component","staticStyle","save","exit","url","visible","slot","ref","_l","item","key","status","nativeOn","handleView","stopPropagation","preventDefault","handleRemove","directives","name","rawName","value","uploadList","length","expression","defaultList","handleSuccess","formHeaders","handleFormatError","handleMaxSize","handleBeforeUpload","uploadUrl","model","callback","$$v","visibleImg","imgName","showTabs","exhibitionInfo","JSON","parse","localStorage","vuex","hostSetModule","hostExhibition","mapActions","addSharePoster","file","splice","fileList","indexOf","res","list","$refs","upload","$Message","warning","check","$router","go","req","ExhibitionId","BackgroundImage","bool","components"],"mappings":"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","file":"static/js/chunk-46dd2668.a2729bcb.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VuePopper.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\"),(_vm.show)?_c('div',{staticClass:\"vue-popper-component\",attrs:{\"id\":'vue-popper-'+_vm.popperId}},[(_vm.closeButton)?_c('button',{staticClass:\"js-popper-close popper-close\",attrs:{\"id\":'vue-popper-'+_vm.popperId+'-close',\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._t(\"close-button\",function(){return [_vm._v(_vm._s(_vm.closeButton))]})],2):_vm._e(),_vm._t(\"content\",function(){return [_vm._v(_vm._s(_vm.content))]}),_c('div',{staticClass:\"popper__arrow\",attrs:{\"x-arrow\":\"\"}})],2):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div>  \r\n    <slot></slot>\r\n    <div v-if=\"show\" :id=\"'vue-popper-'+popperId\" class=\"vue-popper-component\">\r\n      <button\r\n        v-if=\"closeButton\"\r\n        @click=\"$emit('close')\"\r\n        :id=\"'vue-popper-'+popperId+'-close'\"\r\n        type=\"button\"\r\n        class=\"js-popper-close popper-close\"\r\n      >\r\n        <slot name=\"close-button\">{{ closeButton }}</slot>\r\n      </button>\r\n\r\n      <slot name=\"content\">{{ content }}</slot>\r\n\r\n      <div class=\"popper__arrow\" x-arrow></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script> \r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nimport Popper from 'popper.js';\r\n\r\nexport default {\r\n  props: {\r\n    showPopper: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    },\r\n    placement: {\r\n      type: String,\r\n      required: false,\r\n      default: \"top\"\r\n    },\r\n    content: {\r\n      type: String,\r\n      required: false,\r\n      default: \"\"\r\n    },\r\n    closeButton: {\r\n      type: String,\r\n      required: false,\r\n      default: null\r\n    },\r\n    index: {\r\n      type: Number,\r\n      required: false,\r\n      default: 0\r\n    }\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      popperId: null,\r\n      popper: null,\r\n      show: false,\r\n    };\r\n  },\r\n\r\n  ready() {\r\n    this.$nextTick(() => { \r\n      if (this.showPopper) {\r\n        this.initPopper();\r\n      }\r\n    });\r\n  },  \r\n  computed: {\r\n    ...mapGetters({\r\n      destroy: \"customComponentModule/getDestroy\",\r\n      activeIndex: \"customComponentModule/getActiveIndex\"\r\n    }), \r\n  },\r\n  mounted () { \r\n    if (this.index === 0) { \r\n      this.show = this.showPopper; \r\n      if (!!this.showPopper) {\r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n      }\r\n    }\r\n    if (this.index === this.activeIndex) {\r\n      this.show = true;  \r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n    } \r\n  },\r\n\r\n  watch: {\r\n    showPopper(val, oldVal) {\r\n      this.show = this.showPopper; \r\n      if (!!this.showPopper) {\r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n      }\r\n    }, \r\n    index(val, oldVal) {\r\n      console.log(val, oldVal); \r\n    }\r\n  },\r\n\r\n  destroyed() { \r\n    this.destroyPopper();\r\n  },\r\n\r\n  methods: {\r\n    ...mapMutations({\r\n      setDestroy: \"customComponentModule/setDestroy\",\r\n    }),\r\n    initPopper() {\r\n      this.setDestroy(false);\r\n      this.popperId = this.uuid4();\r\n      this.popper = new Popper(\r\n        this.$el,\r\n        this.$el.querySelector(\".vue-popper-component\"),\r\n        {\r\n          placement: this.placement || \"bottom\",\r\n          removeOnDestroy: true\r\n        }\r\n      );\r\n    },\r\n\r\n    destroyPopper() {\r\n        this.popper = null;  \r\n    },\r\n\r\n    uuid4() {\r\n      return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, c => {\r\n        let r = (Math.random() * 16) | 0,\r\n          v = c === \"x\" ? r : (r & 0x3) | 0x8;\r\n        return v.toString(16);\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n$popper-background-color: #fff !default;\r\n\r\n.vue-popper-component {\r\n  background: #fff;\r\n  color: black;\r\n  width: 547px;  \r\n  border-radius: 3px;\r\n  z-index: 1000; \r\n\tbox-shadow: 0px 0px 10px 0px \r\n\t\trgba(0, 0, 0, 0.2);\r\n\r\n  .popper-close {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 4px;\r\n    color: black;\r\n    background: transparent;\r\n    border: none;\r\n\r\n    &:active,\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  .popper__arrow {\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    position: absolute;\r\n    margin: 5px;\r\n  }\r\n\r\n  &[x-placement^=\"top\"] {\r\n    margin-bottom: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 5px 0 5px;\r\n      border-color: $popper-background-color transparent transparent transparent;\r\n      bottom: -5px;\r\n      left: calc(50% - 5px);\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"bottom\"] {\r\n    margin-top: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 0 5px 5px 5px;\r\n      border-color: transparent transparent $popper-background-color transparent;\r\n      top: -5px;\r\n      left: calc(50% - 5px);\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"right\"] {\r\n    margin-left: 55px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 5px 5px 0;\r\n      border-color: transparent $popper-background-color transparent transparent;\r\n      left: -5px;\r\n      top: calc(50% - 5px);\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"left\"] {\r\n    margin-right: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 0 5px 5px;\r\n      border-color: transparent transparent transparent $popper-background-color;\r\n      right: -5px;\r\n      top: calc(50% - 5px);\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n</style>","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!./VuePopper.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!./VuePopper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VuePopper.vue?vue&type=template&id=5e456ad0&\"\nimport script from \"./VuePopper.vue?vue&type=script&lang=js&\"\nexport * from \"./VuePopper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VuePopper.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"common-poster-edit\"},[_c('div',{staticClass:\"header-tool\"},[_c('div',{staticClass:\"header-tool-info\"},[_c('Breadcrumb',[_c('BreadcrumbItem',[_vm._v(\"首页\")]),_c('BreadcrumbItem',[_vm._v(\"通用设置\")]),_c('BreadcrumbItem',[_vm._v(\"海报分享模板\")]),_c('BreadcrumbItem',[_vm._v(\"添加\")])],1),_c('div',{staticClass:\"header-tool-title\"},[_vm._v(\"添加\")])],1)]),_c('div',{staticClass:\"header-switch\"},[_c('Button',{staticStyle:{\"margin-right\":\"20px\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"保存\")]),_c('Button',{on:{\"click\":function($event){return _vm.exit()}}},[_vm._v(\"退出\")])],1),_c('div',{staticClass:\"poster-edit-content\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{attrs:{\"src\":_vm.url}})]),_c('div',{staticClass:\"popperBox\"},[_c('popper',{attrs:{\"show-popper\":_vm.visible,\"placement\":\"right\"},on:{\"close\":function($event){_vm.visible=false}}},[_c('div',{staticClass:\"ctt1-poptip\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('Form',{ref:\"formValidate\",attrs:{\"label-width\":100}},[_c('FormItem',{attrs:{\"label\":\"添加背景图：\"}},[_c('div',{staticClass:\"my-upload\"},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\"},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":item.url}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item.url)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemove(item)}}})],1)]:[(item.showProgress)?_c('Spin',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1):_vm._e()]],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 1),expression:\"uploadList && uploadList.length < 1\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\"},attrs:{\"show-upload-list\":false,\"default-file-list\":_vm.defaultList,\"on-success\":_vm.handleSuccess,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"multiple\":\"\",\"type\":\"drag\",\"action\":_vm.uploadUrl}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"18px\",\"color\":\"rgb(133, 133, 133)\"}},[_c('div',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                      +\\n                      \"),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"上传图片\")])])])]),_c('iModal',{attrs:{\"title\":\"图片查看\",\"cancel-text\":\"\"},model:{value:(_vm.visibleImg),callback:function ($$v) {_vm.visibleImg=$$v},expression:\"visibleImg\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.visibleImg)?_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.imgName}}):_vm._e()])])],2),_c('p',{staticClass:\"upload-p\",staticStyle:{\"display\":\"block\",\"font-size\":\"12px\"}},[_vm._v(\"（图片要求：2M以下的jpg或png格式，总宽度750px）\")])])],1)],1)])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"common-poster-edit\">\r\n    <div class=\"header-tool\">\r\n      <div class=\"header-tool-info\">\r\n        <Breadcrumb>\r\n          <BreadcrumbItem>首页</BreadcrumbItem>\r\n          <BreadcrumbItem>通用设置</BreadcrumbItem>\r\n          <BreadcrumbItem>海报分享模板</BreadcrumbItem>\r\n          <BreadcrumbItem>添加</BreadcrumbItem>\r\n        </Breadcrumb>\r\n        <div class=\"header-tool-title\">添加</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"header-switch\">\r\n      <Button type=\"primary\" style=\"margin-right:20px;\" @click=\"save()\">保存</Button>\r\n      <Button @click=\"exit()\">退出</Button>\r\n    </div>\r\n\r\n    <div class=\"poster-edit-content\">\r\n      <div class=\"imgBox\">\r\n        <img :src=\"url\">\r\n      </div>\r\n      <div class=\"popperBox\">\r\n        <popper :show-popper=\"visible\" @close=\"visible=false\" placement=\"right\">\r\n          <div slot=\"content\" class=\"ctt1-poptip\">\r\n            <Form ref=\"formValidate\" :label-width=\"100\">\r\n              <FormItem label=\"添加背景图：\">\r\n                <div class=\"my-upload\">\r\n                  <div\r\n                    class=\"my-upload-list\"\r\n                    v-for=\"(item, index) in uploadList\"\r\n                    :key=\"'upload' + index\"\r\n                  >\r\n                    <template v-if=\"item.status === 'finished'\">\r\n                      <img :src=\"item.url\" style=\"width: 100px;height: 100px;\" />\r\n                      <div class=\"my-upload-list-cover\">\r\n                        <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item.url)\"></Icon>\r\n                        <Icon type=\"ios-trash-outline\" @click.native.stop.prevent=\"handleRemove(item)\"></Icon>\r\n                      </div>\r\n                    </template>\r\n                    <template v-else>\r\n                      <Spin v-if=\"item.showProgress\" style=\"width: 100px;height: 100px;\">\r\n                        <Icon type=\"ios-loading\" size=20 class=\"demo-spin-icon-load\"></Icon>\r\n                      </Spin>\r\n                    </template>\r\n                  </div>\r\n                  <Upload\r\n                    ref=\"upload\"\r\n                    :show-upload-list=\"false\"\r\n                    :default-file-list=\"defaultList\"\r\n                    :on-success=\"handleSuccess\"\r\n                    :format=\"['jpg','jpeg','png']\"\r\n                    :max-size=\"2048\"\r\n                    :headers=\"formHeaders\"\r\n                    :on-format-error=\"handleFormatError\"\r\n                    :on-exceeded-size=\"handleMaxSize\"\r\n                    :before-upload=\"handleBeforeUpload\"\r\n                    multiple\r\n                    type=\"drag\"\r\n                    :action=\"uploadUrl\"\r\n                    style=\"display: inline-block;\"\r\n                    v-show=\"uploadList && uploadList.length < 1\"\r\n                  >\r\n                    <div style=\"width:100px;height:100px;padding-top: 18px;color:rgb(133, 133, 133)\">\r\n                      <div style=\"font-size:25px\">\r\n                        +\r\n                        <p style=\"font-size:14px\">上传图片</p>\r\n                      </div>\r\n                    </div>\r\n                  </Upload>\r\n                  <iModal title=\"图片查看\" cancel-text v-model=\"visibleImg\">\r\n                    <div style=\"text-align: center;\">\r\n                      <img :src=\"imgName\" v-if=\"visibleImg\" style=\"max-width: 100%\" />\r\n                    </div>\r\n                  </iModal>\r\n                </div>\r\n                <p class=\"upload-p\" style=\"display:block;font-size:12px;\">（图片要求：2M以下的jpg或png格式，总宽度750px）</p>\r\n              </FormItem>\r\n            </Form>\r\n          </div>\r\n        </popper>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport popper from \"@components/vue-popper/VuePopper.vue\";\r\n\r\nexport default {\r\n  name: \"host-common-posterEdit\",\r\n  data() {\r\n    return {\r\n      showTabs: \"1\",\r\n      visible: true,\r\n      url: \"https://huizhanren.oss-cn-shanghai.aliyuncs.com/cloudExhibition/imgs/202004/81b11e69a0ec412c81ea40273365fe3e.jpg\",\r\n      uploadList: [],\r\n      defaultList: [],\r\n      imgName: \"\",\r\n      visibleImg: false,\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      formHeaders: \"getFormHeaders\",\r\n      uploadUrl: \"getUploadUrl\",\r\n    }),\r\n    exhibitionInfo() {\r\n      if (JSON.parse(localStorage.vuex)) {\r\n        return JSON.parse(localStorage.vuex).hostSetModule.hostExhibition;\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      addSharePoster: \"hostCommonModule/addSharePoster\"\r\n    }),\r\n    // 查看上传图片\r\n    handleView(name) {\r\n      this.imgName = name;\r\n      this.visibleImg = true;\r\n    },\r\n    // 移除上传图片\r\n    handleRemove(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleSuccess(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n      }\r\n    },\r\n    handleFormatError(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleBeforeUpload() {\r\n      const limitNum = 1;\r\n      const check = this.uploadList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`最多上传${limitNum}张图片`);\r\n      }\r\n      return check;\r\n    },\r\n    exit() {\r\n      this.$router.go(-1);\r\n    },\r\n    async save() {\r\n      if (this.uploadList.length < 1) {\r\n        this.$Message.warning(`请上传背景图`);\r\n        return;\r\n      }\r\n      let url = this.uploadList[0].url;\r\n      let req = {\r\n        ExhibitionId: this.exhibitionInfo.id,\r\n        BackgroundImage: url\r\n      }\r\n      let bool = await this.addSharePoster(req);\r\n      console.log(bool);\r\n    }\r\n  },\r\n  components: {\r\n    popper\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.common-poster-edit {\r\n  .header-switch {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    padding: 0 35px 18px 35px;\r\n    background: #fff;\r\n    &-text {\r\n      flex: 1;\r\n      font-size: 14px;\r\n      color: #808080;\r\n    }\r\n    &-box {\r\n      flex: 1;\r\n      text-align: right;\r\n    }\r\n  }\r\n  .poster-edit-content {\r\n    width: 800px;\r\n    margin: 50px auto;\r\n    display: flex;\r\n    .imgBox {\r\n      width: 377px;\r\n      height: 626px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n    .popperBox {\r\n      margin: 145px 40px 0 0;\r\n      .ctt1-poptip {\r\n        width: 540px;\r\n        height: 288px;\r\n        padding: 60px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\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!./host-common-posterAdd.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!./host-common-posterAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./host-common-posterAdd.vue?vue&type=template&id=6225162d&scoped=true&\"\nimport script from \"./host-common-posterAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./host-common-posterAdd.vue?vue&type=script&lang=js&\"\nimport style0 from \"./host-common-posterAdd.vue?vue&type=style&index=0&id=6225162d&lang=scss&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  \"6225162d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./host-common-posterAdd.vue?vue&type=style&index=0&id=6225162d&lang=scss&scoped=true&\""],"sourceRoot":""}