{"version":3,"sources":["webpack:///./src/components/Home/SearchBar/DestinationList.vue","webpack:///src/components/Home/SearchBar/DestinationList.vue","webpack:///./src/components/Home/SearchBar/DestinationList.vue?340a","webpack:///./src/components/Home/SearchBar/DestinationList.vue?ef50"],"names":["render","_vm","this","_c","_self","ref","staticClass","class","active","isOpenList","attrs","on","$event","onOpenListClick","_v","_s","group","groupDests","length","isSelectedAll","disable","isDisableAll","onDestinationAllClick","cruiseType","style","getCountryFlagStyle","filterCode","countryFlag","_e","_l","groupDest","index","key","isSelected","isDisable","onDestinationClick","title","staticRenderFns","name","components","props","type","String","default","subCategory","Array","destinations","Number","groupCount","initOpenList","Boolean","onDestinationListOpen","Function","data","selectDestinations","selectAllDestinationGroups","beforeMount","updated","methods","destination","code","cruiseFilterGroupName","isExists","some","item","values","filter","$store","dispatch","push","checkDestinationAllSelected","destinationGroup","needRemoveDests","needAddDests","forEach","desitnationGroup","departures","getDestinationByGroup","selectedCount","includes","availableItems","state","cruise","filterResponse","destinationCodes","map","$refs","countryContent","offsetTop","computed","storeDesinations","filterRequest","watch","newOne","component"],"mappings":"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","file":"js/chunk-2d21764c.3f6aced1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"countryContent\",staticClass:\"area-country-content\",class:{ active: _vm.isOpenList},attrs:{\"data-country\":\"\"}},[_c('div',{staticClass:\"area-country-name\",on:{\"click\":function($event){return _vm.onOpenListClick()}}},[_c('span',[_vm._v(_vm._s(_vm.group))]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/Home/new/dest-arrow.png\"}})]),_c('ul',{staticClass:\"country\"},[(_vm.groupDests.length > 1)?_c('li',{staticClass:\"destination-area-item search-form-list-item search-form-list-item-all\",class:{ active: _vm.isSelectedAll(_vm.group), disable: _vm.isDisableAll(_vm.group)},attrs:{\"data-cnvalue\":\"全部\",\"data-filtercode\":\"全部\",\"data-key\":\"DestinationCode\",\"data-cruise\":\"row\",\"data-country\":\"\"},on:{\"click\":function($event){return _vm.onDestinationAllClick(_vm.group)}}},[_c('img',{staticClass:\"selected\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/mb-gou.png\",\"alt\":\"\"}}),_c('span',[_vm._v(\"全部\")]),(_vm.cruiseType=='hp')?_c('img',{staticClass:\"flag\",style:(_vm.getCountryFlagStyle(_vm.groupDests[0].filterCode)),attrs:{\"src\":_vm.groupDests[0].countryFlag}}):_vm._e()]):_vm._e(),_vm._l((_vm.groupDests),function(groupDest,index){return _c('li',{key:index,staticClass:\"destination-area-item search-form-list-item\",class:{ active: _vm.isSelected(groupDest.filterCode), disable: _vm.isDisable(groupDest.filterCode) },on:{\"click\":function($event){return _vm.onDestinationClick(groupDest)}}},[_c('img',{staticClass:\"selected\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/homePage/mobile/mb-gou.png\",\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(groupDest.title))]),(_vm.cruiseType=='row')?_c('img',{staticClass:\"flag\",style:(_vm.getCountryFlagStyle(groupDest.filterCode)),attrs:{\"src\":groupDest.countryFlag}}):_vm._e()])})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div ref=\"countryContent\" class=\"area-country-content\" :class=\"{ active: isOpenList}\" data-country=\"\">\r\n        <div class=\"area-country-name\" @click=\"onOpenListClick()\">\r\n            <span>{{group}}</span>\r\n            <img src=\"https://resource.rcclchina.com.cn/Home/new/dest-arrow.png\" />\r\n        </div>\r\n        <ul class=\"country\">\r\n            <li v-if=\"groupDests.length > 1\"  class=\"destination-area-item search-form-list-item search-form-list-item-all\"\r\n                data-cnvalue=\"全部\" data-filtercode=\"全部\" data-key=\"DestinationCode\" data-cruise=\"row\" data-country=\"\"\r\n                @click=\"onDestinationAllClick(group)\"\r\n                :class=\"{ active: isSelectedAll(group), disable: isDisableAll(group)}\"\r\n                >\r\n                <img class=\"selected\" src=\"https://resource.rcclchina.com.cn/homePage/mobile/mb-gou.png\" alt=\"\" />\r\n                <span>全部</span>\r\n                <img v-if=\"cruiseType=='hp'\" class=\"flag\" :src=\"groupDests[0].countryFlag\" :style=\"getCountryFlagStyle(groupDests[0].filterCode)\" />\r\n            </li>\r\n\r\n            <li v-for=\"(groupDest, index) in groupDests\" :key=\"index\" \r\n                class=\"destination-area-item search-form-list-item\"\r\n                :class=\"{ active: isSelected(groupDest.filterCode), disable: isDisable(groupDest.filterCode) }\"\r\n                @click=\"onDestinationClick(groupDest)\"\r\n                >\r\n                <img class=\"selected\" src=\"https://resource.rcclchina.com.cn/homePage/mobile/mb-gou.png\" alt=\"\" />\r\n                <span>{{groupDest.title}}</span>\r\n                <img v-if=\"cruiseType=='row'\" class=\"flag\" :src=\"groupDest.countryFlag\" :style=\"getCountryFlagStyle(groupDest.filterCode)\" />\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'DestinationList',\r\n    components: {\r\n    \r\n    },\r\n    props: {\r\n        cruiseType: {\r\n            type: String,\r\n            default: function() {\r\n                return \"hp\"\r\n            }\r\n        },\r\n        subCategory: {\r\n            type: String,\r\n            default: function() {\r\n                return \"\"\r\n            }\r\n        },\r\n        group: {\r\n            type: String,\r\n            default: function() {\r\n                return \"\"\r\n            }\r\n        },\r\n        groupDests: {\r\n            type: Array,\r\n            default: function() {\r\n                return []\r\n            }\r\n        },\r\n        destinations: {\r\n            type: Array,\r\n            default: function() {\r\n                return []\r\n            }\r\n        },\r\n        index: {\r\n            type: Number,\r\n            default: function() {\r\n                return 0\r\n            }\r\n        },\r\n        groupCount: {\r\n            type: Number,\r\n            default: function() {\r\n                return 0\r\n            }\r\n        },\r\n        initOpenList: {\r\n            type: Boolean,\r\n            default: () => {\r\n                return false\r\n            }\r\n        },\r\n        onDestinationListOpen: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            selectDestinations: [],\r\n            selectAllDestinationGroups: [],\r\n            isOpenList: false\r\n        }\r\n    },\r\n    beforeMount () {\r\n        this.isOpenList = this.initOpenList\r\n    },\r\n    updated () {\r\n    },\r\n    methods: {\r\n         getCountryFlagStyle (filterCode) {\r\n            if (filterCode == \"LAB\" || filterCode == \"PCC\")\r\n            {\r\n                return { \"width\": \"16px\" }\r\n            }\r\n            else if (filterCode == \"\")\r\n            {\r\n                return { \"width\": \"18px\" }\r\n            }\r\n            return {}\r\n        },\r\n        onDestinationClick (destination) {\r\n            let code = destination.filterCode\r\n            if (this.isDisable(code)) {\r\n                return\r\n            }\r\n            let name = destination.title\r\n            let group = destination.cruiseFilterGroupName\r\n            let isExists = this.selectDestinations.some(item=> item.code == code)\r\n            const cruiseType = this.cruiseType\r\n            const data = { \r\n                cruiseType,\r\n                key: 'destinations',\r\n                values: [{ code, name }]\r\n            }\r\n            if (isExists) {\r\n                this.selectDestinations = this.selectDestinations.filter(item => !(item.code == code))\r\n                this.$store.dispatch('REMOVE_CRUISE_FILTERS', data)\r\n\r\n                if (this.isSelectedAll(group)) {\r\n                    this.selectAllDestinationGroups = this.selectAllDestinationGroups.filter(item=>!(item == group))\r\n                }\r\n\r\n            } else {\r\n                this.selectDestinations.push({ code, name, group })\r\n                this.$store.dispatch('SET_CRUISE_FILTERS', data)\r\n\r\n                // 全选逻辑\r\n                if (this.checkDestinationAllSelected(group)) {\r\n                    if (!this.isSelectedAll(group)) {\r\n                        this.selectAllDestinationGroups.push(group)\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        onDestinationAllClick (destinationGroup) {\r\n            const cruiseType = this.cruiseType\r\n            // 反选\r\n            if (this.isSelectedAll(destinationGroup)) {\r\n                this.selectAllDestinationGroups = this.selectAllDestinationGroups.filter(item=>!(item == destinationGroup))\r\n                // 删除该group下所有选择\r\n                const needRemoveDests = this.selectDestinations.filter(item => item.group == destinationGroup)\r\n                this.selectDestinations = this.selectDestinations.filter(item => !(item.group == destinationGroup))\r\n                const data = {\r\n                    cruiseType,\r\n                    key: 'destinations',\r\n                    values: needRemoveDests\r\n                }\r\n                this.$store.dispatch('REMOVE_CRUISE_FILTERS', data)\r\n            } else {\r\n                if (this.isDisableAll(destinationGroup)) {\r\n                    return\r\n                }\r\n                const destinations = this.destinations.filter(item=>item.cruiseFilterGroupName == destinationGroup)\r\n                let needAddDests = []\r\n                destinations.forEach((destination) => {\r\n                    if (!this.selectDestinations.some(item => item.code == destination.filterCode)) {\r\n                        let code = destination.filterCode\r\n                        if (!this.isDisable(code)) {\r\n                            let name = destination.title\r\n                            let group = destination.cruiseFilterGroupName\r\n                            needAddDests.push({ code, name, group })\r\n                            this.selectDestinations.push({ code, name, group })\r\n                        }\r\n                    }\r\n                })\r\n                this.selectAllDestinationGroups.push(destinationGroup)\r\n                const data = {\r\n                    cruiseType,\r\n                    key: 'destinations',\r\n                    values: needAddDests\r\n                }\r\n                this.$store.dispatch('SET_CRUISE_FILTERS', data)\r\n            }\r\n        },\r\n        checkDestinationAllSelected (desitnationGroup) {\r\n            let departures = this.getDestinationByGroup(desitnationGroup)\r\n            let selectedCount = this.selectDestinations.filter(item => item.group == desitnationGroup).length\r\n            return departures.length == selectedCount\r\n        },\r\n        isSelected (code) {\r\n            return this.selectDestinations.some(item=> item.code == code)\r\n        },\r\n        isSelectedAll (desitnationGroup) {\r\n            return this.selectAllDestinationGroups.includes(desitnationGroup)\r\n        },\r\n        getDestinationByGroup (desitnationGroup) {\r\n            return this.destinations.filter(item => item.cruiseFilterGroupName == desitnationGroup)\r\n        },\r\n        isDisable (code) {\r\n            const availableItems = this.$store.state.cruise.filterResponse[this.cruiseType].destinations\r\n            return !availableItems.includes(code)\r\n        },\r\n        isDisableAll (group) {\r\n            const availableItems = this.$store.state.cruise.filterResponse[this.cruiseType].destinations\r\n            let destinationCodes = this.getDestinationByGroup(group).map(item=>item.filterCode)\r\n            return !availableItems.some(item=> destinationCodes.includes(item))\r\n        },\r\n        onOpenListClick () {\r\n            if (!this.isOpenList) {\r\n                this.onDestinationListOpen(this.$refs.countryContent.offsetTop)\r\n            }\r\n            this.isOpenList = !this.isOpenList\r\n        }\r\n    },\r\n    computed: {\r\n        storeDesinations () {\r\n            return this.$store.state.cruise.filterRequest[this.cruiseType].destinations\r\n        }\r\n    },\r\n    watch: {\r\n        storeDesinations (newOne) {\r\n            if (newOne.length == 0 && this.selectDestinations.length > 0) {\r\n                this.selectDestinations = []\r\n                this.selectAllDestinationGroups = []\r\n            }\r\n        },\r\n        initOpenList (newOne) {\r\n            if (newOne != this.isOpenList) {\r\n                this.isOpenList = newOne\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\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!./DestinationList.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!./DestinationList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DestinationList.vue?vue&type=template&id=f103286a\"\nimport script from \"./DestinationList.vue?vue&type=script&lang=js\"\nexport * from \"./DestinationList.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"],"sourceRoot":""}