{"version":3,"sources":["webpack:///./src/components/Ship/ExperienceBanner.vue?6f7e","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./src/components/Ship/ExperienceBanner.vue?9a6a","webpack:///src/components/Ship/ExperienceBanner.vue","webpack:///./src/components/Ship/ExperienceBanner.vue?9e3f","webpack:///./src/components/Ship/ExperienceBanner.vue"],"names":["$","$findIndex","findIndex","addToUnscopables","arrayMethodUsesToLength","FIND_INDEX","SKIPS_HOLES","USES_TO_LENGTH","Array","target","proto","forced","callbackfn","this","arguments","length","undefined","render","_vm","_h","$createElement","_c","_self","staticClass","_l","category","i","directives","name","rawName","value","currentCategory","expression","key","staticStyle","attrs","bannerImageUrl","on","$event","onArrowClick","_v","_s","contentTitle","contentSubTitle","contentDescription","staticRenderFns","component"],"mappings":"uIAAA,yBAAskB,EAAG,G,kCCCzkB,IAAIA,EAAI,EAAQ,QACZC,EAAa,EAAQ,QAAgCC,UACrDC,EAAmB,EAAQ,QAC3BC,EAA0B,EAAQ,QAElCC,EAAa,YACbC,GAAc,EAEdC,EAAiBH,EAAwBC,GAGzCA,IAAc,IAAIG,MAAM,GAAGH,IAAY,WAAcC,GAAc,KAIvEN,EAAE,CAAES,OAAQ,QAASC,OAAO,EAAMC,OAAQL,IAAgBC,GAAkB,CAC1EL,UAAW,SAAmBU,GAC5B,OAAOX,EAAWY,KAAMD,EAAYE,UAAUC,OAAS,EAAID,UAAU,QAAKE,MAK9Eb,EAAiBE,I,yCCvBjB,IAAIY,EAAS,WAAa,IAAIC,EAAIL,KAASM,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACL,EAAIM,GAAIN,EAAc,YAAE,SAASO,EAASC,GAAG,OAAOL,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOL,EAASA,UAAUP,EAAIa,gBAAiBC,WAAW,uCAAuCC,IAAK,gBAAgBP,EAAGQ,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,IAAMV,EAASW,eAAe,IAAMX,EAASA,eAAcJ,EAAG,MAAM,CAACE,YAAY,mBAAmB,GAAGF,EAAG,MAAM,CAACE,YAAY,yBAAyBc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,aAAa,WAAW,CAAClB,EAAG,MAAM,CAACc,MAAM,CAAC,IAAM,qEAAqEd,EAAG,MAAM,CAACE,YAAY,0BAA0Bc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIqB,aAAa,WAAW,CAAClB,EAAG,MAAM,CAACc,MAAM,CAAC,IAAM,wEAAwEd,EAAG,MAAM,CAACE,YAAY,qBAAqBL,EAAIM,GAAIN,EAAc,YAAE,SAASO,EAASC,GAAG,OAAOL,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOL,EAASA,UAAUP,EAAIa,gBAAiBC,WAAW,uCAAuCC,IAAK,YAAYP,EAAGH,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACL,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGhB,EAASiB,cAAc,OAAOrB,EAAG,MAAM,CAACE,YAAY,UAAU,CAACL,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGhB,EAASkB,iBAAiB,OAAOtB,EAAG,MAAM,CAACE,YAAY,UAAU,CAACL,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGhB,EAASmB,oBAAoB,YAAW,MAChgDC,EAAkB,G,iCCoCtB,GACE,KAAF,mBACE,MAAF,CACI,WAAJ,CACM,KAAN,MACM,QAFN,WAGQ,MAAR,KAGI,aAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,iBAAJ,CACM,KAAN,WAGE,KAnBF,WAoBI,MAAJ,CACM,gBAAN,uBAGE,QAAF,CACI,aADJ,SACA,GAAM,IAAN,OACA,6CACQ,OAAR,iCAEM,KAAN,KAAM,CAGA,IAAN,IACA,UAEU,EADV,KACA,yBAEA,IAEA,YAEU,EADV,4BACA,EAEA,KAGM,KAAN,4CACM,KAAN,0CAGE,MAAF,CACI,aADJ,SACA,GACM,KAAN,qBCzFyW,I,wBCQrWC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-5e3a163d.95225f53.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./ExperienceBanner.vue?vue&type=style&index=0&id=4329128e&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/dist/cjs.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!./ExperienceBanner.vue?vue&type=style&index=0&id=4329128e&lang=less&scoped=true&\"","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength(FIND_INDEX);\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rcclQN\"},[_c('div',{staticClass:\"royalBanner\"},[_c('div',{staticClass:\"royalBanner--content\"},[_vm._l((_vm.categories),function(category,i){return _c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(category.category==_vm.currentCategory),expression:\"category.category==currentCategory\"}],key:('category_img_'+i),staticStyle:{\"width\":\"100%\"},attrs:{\"src\":category.bannerImageUrl,\"alt\":category.category}})}),_c('div',{staticClass:\"banner-shadow\"})],2),_c('div',{staticClass:\"royalBanner__arrowLeft\",on:{\"click\":function($event){return _vm.onArrowClick('prev')}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/arrowLeftY.png\"}})]),_c('div',{staticClass:\"royalBanner__arrowRight\",on:{\"click\":function($event){return _vm.onArrowClick('next')}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/rcclQN/image/arrowRightY.png\"}})])]),_c('div',{staticClass:\"intro-contentItem\"},_vm._l((_vm.categories),function(category,i){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(category.category==_vm.currentCategory),expression:\"category.category==currentCategory\"}],key:('category_'+i),staticClass:\"intro-content\"},[_c('div',{staticClass:\"title1\"},[_vm._v(\" \"+_vm._s(category.contentTitle)+\" \")]),_c('div',{staticClass:\"title2\"},[_vm._v(\" \"+_vm._s(category.contentSubTitle)+\" \")]),_c('div',{staticClass:\"title3\"},[_vm._v(\" \"+_vm._s(category.contentDescription)+\" \")])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"rcclQN\">\r\n\r\n        <div class=\"royalBanner\">\r\n            <div class=\"royalBanner--content\">\r\n                <img style=\"width: 100%;\" v-for=\"(category, i) in categories\" :key=\"('category_img_'+i)\"\r\n                    :src=\"category.bannerImageUrl\" :alt=\"category.category\" v-show=\"category.category==currentCategory\">\r\n                <div class=\"banner-shadow\"></div>\r\n            </div>\r\n            <div class=\"royalBanner__arrowLeft\" @click=\"onArrowClick('prev')\">\r\n                <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/arrowLeftY.png\">\r\n                </div>\r\n            <div class=\"royalBanner__arrowRight\" @click=\"onArrowClick('next')\">\r\n                <img src=\"https://resource.rcclchina.com.cn/rcclQN/image/arrowRightY.png\">\r\n            </div>\r\n        </div>\r\n        \r\n        <div class=\"intro-contentItem\">\r\n            <div class=\"intro-content\" v-for=\"(category, i) in categories\" :key=\"('category_'+i)\"\r\n            v-show=\"category.category==currentCategory\">\r\n                <div class=\"title1\">\r\n                    {{category.contentTitle}}\r\n                </div>\r\n                <div class=\"title2\">\r\n                    {{category.contentSubTitle}}\r\n                </div>\r\n                <div class=\"title3\">\r\n                    {{category.contentDescription}}\r\n                </div>\r\n            </div>\r\n           \r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nexport default {\r\n    name: \"ExperienceBanner\",\r\n    props: {\r\n        categories: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        initCategory: {\r\n            type: String,\r\n            default () {\r\n                return \"\"\r\n            }\r\n        },\r\n        onCategoryChange: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            currentCategory: this.initCategory+\"\"\r\n        }\r\n    },\r\n    methods: {\r\n        onArrowClick (type) {\r\n            const currentIndex = _.findIndex(this.categories, (o) => {\r\n                return o.category == this.currentCategory\r\n            })\r\n            if (currentIndex < 0) {\r\n                return\r\n            }\r\n            let index = 0\r\n            if (type == 'prev') {\r\n                if (currentIndex == 0) {\r\n                    index = this.categories.length - 1\r\n                } else {\r\n                    index = currentIndex - 1\r\n                }\r\n            } else if (type == 'next') {\r\n                if (currentIndex == this.categories.length - 1) {\r\n                    index = 0\r\n                } else {\r\n                    index = currentIndex + 1\r\n                }\r\n            }\r\n            this.currentCategory = this.categories[index].category\r\n            this.onCategoryChange(this.currentCategory)\r\n        }\r\n    },\r\n    watch: {\r\n        initCategory (newValue) {\r\n            this.currentCategory = newValue\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.rcclQN {\r\n    position: relative;\r\n    width: 100%;\r\n    color: #fff;\r\n    .royalBanner--content {\r\n        max-height: 492px;\r\n        position: relative;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        .banner-shadow {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #000;\r\n            opacity: .2;\r\n        }\r\n    }\r\n    .royalBanner__arrowLeft {\r\n        position: absolute;\r\n        top: 300px;\r\n        left: 100px;\r\n        cursor: pointer;\r\n    }\r\n    .royalBanner__arrowRight {\r\n        position: absolute;\r\n        top: 300px;\r\n        right: 100px;\r\n        cursor: pointer;\r\n    }\r\n    .intro-content {\r\n        .title1 {\r\n            font-size: 32px;\r\n            position: absolute;\r\n            top: 170px;\r\n            width: 100%;\r\n            text-align: center;\r\n            font-weight: 500;\r\n        }\r\n        .title2 {\r\n            font-size: 16px;\r\n            position: absolute;\r\n            top: 230px;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n        .title3 {\r\n            font-size: 16px;\r\n            position: absolute;\r\n            top: 270px;\r\n            width: 100%;\r\n            text-align: center;\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!./ExperienceBanner.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!./ExperienceBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExperienceBanner.vue?vue&type=template&id=4329128e&scoped=true&\"\nimport script from \"./ExperienceBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./ExperienceBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExperienceBanner.vue?vue&type=style&index=0&id=4329128e&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  \"4329128e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}