{"version":3,"sources":["webpack:///./src/components/base/InsBanner.vue?ab64","webpack:///./src/components/base/InsBanner.vue?107e","webpack:///./src/components/base/InsBanner.vue","webpack:///./src/components/base/InsBanner.vue?4ca1","webpack:///./src/components/base/InsBanner.vue?b130","webpack:///./src/components/base/InsBanner.vue?46b8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","initSwiper","bannerList","length","ref","attrs","swiperOption","_l","slide","index","key","Url","Image","slot","bannerImg","staticRenderFns","autoplay","pagination","el","clickable","autoHeight","observer","observeParents","api","promotion","GetHeaderBannerBydevice","page","isMobile","then","data","message","type","initOptions","getBanner","$store","state","default","deep","component"],"mappings":"2IAAA,yBAAinB,EAAG,G,gECApnB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAAEN,EAAIO,YAAcP,EAAIQ,WAAWC,OAAQL,EAAG,SAAS,CAACM,IAAI,WAAWC,MAAM,CAAC,QAAUX,EAAIY,eAAe,CAACZ,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAMC,GAAO,OAAOX,EAAG,eAAe,CAACY,IAAID,GAAO,CAACX,EAAG,IAAI,CAACO,MAAM,CAAC,KAAOG,EAAMG,KAAO,eAAe,OAASH,EAAMG,IAAM,SAAW,UAAU,CAACb,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMG,EAAMI,gBAAed,EAAG,MAAM,CAACE,YAAY,oBAAoBK,MAAM,CAAC,KAAO,cAAcQ,KAAK,gBAAgB,GAAGf,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMX,EAAIoB,cAAc,IAChlBC,EAAkB,G,wHC4BD,EAArB,YADA,iD,+DAME,EAAAb,WAAuB,GACvB,EAAAY,UAAoB,GAEpB,EAAAR,aAAuB,CACrBU,UAAU,EAIVC,WAAY,CACVC,GAAI,qBACJC,WAAW,GAMbC,YAAY,EACZC,UAAU,EACVC,gBAAgB,GAxBpB,EACA,+EA8BW,WAaP,OAAIC,IAAIC,UAAUC,wBAAwB9B,KAAK+B,KAAM/B,KAAKgC,UAAUC,MAClE,SAACC,GACC,EAAK3B,WAAa2B,KAGpB,SAAUA,GACR,qBAAQ,CACNC,QAASD,EACTE,KAAM,eAnDhB,gCA8DQpC,KAAKqC,cACPrC,KAAKW,aAAeX,KAAKqC,eA/D/B,gCAyEQrC,KAAK+B,KACP/B,KAAKsC,YAEDtC,KAAKM,WACPN,KAAKO,WAAaP,KAAKkC,KAEI,WAAvB,eAAQlC,KAAKkC,MACflC,KAAKmB,UAAYnB,KAAKkC,KAAK,GAAGjB,MACE,kBAAfjB,KAAKkC,OACtBlC,KAAKmB,UAAYnB,KAAKkC,QAlFhC,sCA0FQlC,KAAKM,aACPN,KAAKO,WAAa,GAClBP,KAAKsC,eA5FX,+BA0DI,OAAOtC,KAAKuC,OAAOC,MAAMR,aA1D7B,GAAuC,QAC7B,QAAP,kB,kCACsB,QAAtB,eAAK,CAAES,QAAS,M,2BACS,QAAzB,eAAK,CAAEA,SAAS,K,iCACT,QAAP,kB,2BAqFD,QADC,eAAM,WAAY,CAAEC,MAAM,K,4BAM1B,MA9FkB,EAAS,QAD7B,QACoB,WC7Bya,I,kCCS1bC,EAAY,eACd,EACA7C,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,2CCpBf,yBAAyoB,EAAG","file":"js/chunk-542347b8.eeb52033.js","sourcesContent":["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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=style&index=0&lang=less&\"; 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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner 000\"},[(_vm.initSwiper && _vm.bannerList.length)?_c('swiper',{ref:\"mySwiper\",attrs:{\"options\":_vm.swiperOption}},[_vm._l((_vm.bannerList),function(slide,index){return _c('swiper-slide',{key:index},[_c('a',{attrs:{\"href\":slide.Url || 'javascript:;',\"target\":slide.Url ? '_blank' : '_self'}},[_c('img',{attrs:{\"src\":slide.Image}})])])}),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],2):_c('img',{attrs:{\"src\":_vm.bannerImg}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\nimport sdk from '@/sdk/InstoreSdk';\r\nimport { Message } from 'element-ui';\r\n\r\n// banner组件通信传值设定：\r\n// initOptions：swiper初始化相关参数\r\n// page：getHeaderBanner的传参\r\n// initSwiper：是否为轮播，默认非轮播\r\n// data：自定义banner数据\r\n\r\n@Component\r\nexport default class InsBanner extends Vue {\r\n  @Prop() private initOptions!: object;\r\n  @Prop({ default: '' }) private page!: string;\r\n  @Prop({ default: false }) private initSwiper!: boolean;\r\n  @Prop() private data!: any;\r\n  bannerList: object[] = [];\r\n  bannerImg: string = '';\r\n\r\n  swiperOption: object = {\r\n    autoplay: true,\r\n    // autoplay: {\r\n    //   disableOnInteraction: false\r\n    // },\r\n    pagination: {\r\n      el: '.swiper-pagination',\r\n      clickable: true\r\n    },\r\n    // navigation: {\r\n    //   nextEl: '.swiper-button-next',\r\n    //   prevEl: '.swiper-button-prev'\r\n    // },\r\n    autoHeight: true, // 高度随内容变化\r\n    observer: true, // 修改swiper自己或子元素时，自动初始化swiper\r\n    observeParents: true // 修改swiper的父元素时，自动初始化swiper\r\n  };\r\n\r\n  // get swiper () {\r\n  //   return this.$refs.mySwiper.swiper;\r\n  // }\r\n\r\n  getBanner () {\r\n    // sdk.api.promotion.getHeaderBanner(this.page).then(\r\n    //   function (data) {\r\n    //     _this.bannerList = data;\r\n    //   },\r\n    //   function (data) {\r\n    //     Message({\r\n    //       message: data,\r\n    //       type: 'error'\r\n    //     });\r\n    //   }\r\n    // );\r\n\r\n    sdk.api.promotion.GetHeaderBannerBydevice(this.page, this.isMobile).then(\r\n      (data) => {\r\n        this.bannerList = data;\r\n        console.log(this.bannerList, 'banners');\r\n      },\r\n      function (data) {\r\n        Message({\r\n          message: data,\r\n          type: 'error'\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  get isMobile () {\r\n    return this.$store.state.isMobile;\r\n  }\r\n\r\n  created () {\r\n    if (this.initOptions) {\r\n      this.swiperOption = this.initOptions;\r\n    }\r\n  }\r\n\r\n  mounted () {\r\n    // if (this.bannerList.length === 1) {\r\n    // 只有1个slide，swiper会失效且隐藏切换按钮\r\n    // this.swiper.destroy(false);\r\n    // }\r\n\r\n    if (this.page) {\r\n      this.getBanner();\r\n    } else {\r\n      if (this.initSwiper) {\r\n        this.bannerList = this.data;\r\n      } else {\r\n        if (typeof (this.data) === 'object') {\r\n          this.bannerImg = this.data[0].Image;\r\n        } else if (typeof (this.data) === 'string') {\r\n          this.bannerImg = this.data;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('isMobile', { deep: true })\r\n  onMediaChange () {\r\n    if (this.initSwiper) {\r\n      this.bannerList = [];\r\n      this.getBanner();\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./InsBanner.vue?vue&type=template&id=c2aed194&scoped=true&\"\nimport script from \"./InsBanner.vue?vue&type=script&lang=ts&\"\nexport * from \"./InsBanner.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./InsBanner.vue?vue&type=style&index=0&lang=less&\"\nimport style1 from \"./InsBanner.vue?vue&type=style&index=1&id=c2aed194&scoped=true&lang=less&\"\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  \"c2aed194\",\n  null\n  \n)\n\nexport default component.exports","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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=style&index=1&id=c2aed194&scoped=true&lang=less&\"; 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/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsBanner.vue?vue&type=style&index=1&id=c2aed194&scoped=true&lang=less&\""],"sourceRoot":""}