{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.regexp.search.js","webpack:///./src/components/mdCartCaption.vue?0468","webpack:///src/components/mdCartCaption.vue","webpack:///./src/components/mdCartCaption.vue?4bc1","webpack:///./src/components/mdCartCaption.vue","webpack:///./src/pages/video.vue?3b6f","webpack:///./src/components/mdCartCaption.vue?a6b1","webpack:///./node_modules/core-js/modules/_same-value.js","webpack:///./src/pages/video.vue?b44e","webpack:///src/pages/video.vue","webpack:///./src/pages/video.vue?1ae8","webpack:///./src/pages/video.vue"],"names":["anObject","sameValue","regExpExec","defined","SEARCH","$search","maybeCallNative","regexp","O","this","fn","undefined","call","RegExp","String","res","done","value","rx","S","previousLastIndex","lastIndex","result","index","render","_vm","_h","$createElement","_c","_self","staticClass","class","needBottomLine","_t","_v","_s","caption","minorCaption","_e","staticRenderFns","component","module","exports","Object","is","x","y","attrs","$t","directives","name","rawName","expression","domProps","on","$event","target","composing","search","preventDefault","tag","nativeOn","_l","label","key","item","tapeID","video","tapeName"],"mappings":"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","file":"js/chunk-4a7cd4e4.a733c5e9.js","sourcesContent":["'use strict';\n\nvar anObject = require('./_an-object');\nvar sameValue = require('./_same-value');\nvar regExpExec = require('./_regexp-exec-abstract');\n\n// @@search logic\nrequire('./_fix-re-wks')('search', 1, function (defined, SEARCH, $search, maybeCallNative) {\n  return [\n    // `String.prototype.search` method\n    // https://tc39.github.io/ecma262/#sec-string.prototype.search\n    function search(regexp) {\n      var O = defined(this);\n      var fn = regexp == undefined ? undefined : regexp[SEARCH];\n      return fn !== undefined ? fn.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));\n    },\n    // `RegExp.prototype[@@search]` method\n    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search\n    function (regexp) {\n      var res = maybeCallNative($search, regexp, this);\n      if (res.done) return res.value;\n      var rx = anObject(regexp);\n      var S = String(this);\n      var previousLastIndex = rx.lastIndex;\n      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n      var result = regExpExec(rx, S);\n      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n      return result === null ? -1 : result.index;\n    }\n  ];\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"md cart-caption\",class:[_vm.needBottomLine? 'has-border': '']},[_vm._t(\"default\"),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.caption))]),(_vm.minorCaption)?_c('div',{staticClass:\"lable\"},[_vm._v(_vm._s(_vm.minorCaption))]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div\r\n        class=\"md cart-caption\"\r\n        :class=\"[needBottomLine? 'has-border': '']\"\r\n    >\r\n        <slot></slot>\r\n        <div class=\"name\">{{ caption }}</div>\r\n        <div v-if=\"minorCaption\" class=\"lable\">{{ minorCaption }}</div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapState } from 'vuex'\r\n\r\n    export default {\r\n        props: {\r\n            caption: {\r\n                type: String,\r\n                require: false,\r\n                default: ''\r\n            },\r\n            minorCaption: {\r\n                type: String,\r\n                require: false,\r\n                default: ''\r\n            },\r\n            needBottomLine: {\r\n                type: Boolean,\r\n                require: false,\r\n                default: true\r\n            },\r\n        },\r\n        computed: {\r\n            ...mapState([\r\n                'user',\r\n            ])\r\n        },\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n    .md.cart-caption {\r\n        display: flex;\r\n        padding-top: $interval-l;\r\n        box-sizing: border-box;\r\n\r\n        div {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 $interval-m;\r\n        }\r\n\r\n        .func {\r\n            transition: $transition;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n                opacity: $opacity-m\r\n            }\r\n        }\r\n\r\n        .name {\r\n            flex: 1;\r\n            justify-content: center;\r\n            font-size: $font-size-xxl;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .lable {\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!./mdCartCaption.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!./mdCartCaption.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mdCartCaption.vue?vue&type=template&id=69b3c14a&scoped=true&\"\nimport script from \"./mdCartCaption.vue?vue&type=script&lang=js&\"\nexport * from \"./mdCartCaption.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mdCartCaption.vue?vue&type=style&index=0&id=69b3c14a&scoped=true&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  \"69b3c14a\",\n  null\n  \n)\n\nexport default component.exports","import mod 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/lib/loader.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!./video.vue?vue&type=style&index=0&id=6548cb44&scoped=true&lang=scss&\"; export default mod; 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/lib/loader.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!./video.vue?vue&type=style&index=0&id=6548cb44&scoped=true&lang=scss&\"","import mod 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/lib/loader.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!./mdCartCaption.vue?vue&type=style&index=0&id=69b3c14a&scoped=true&lang=scss&\"; export default mod; 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/lib/loader.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!./mdCartCaption.vue?vue&type=style&index=0&id=69b3c14a&scoped=true&lang=scss&\"","// 7.2.9 SameValue(x, y)\nmodule.exports = Object.is || function is(x, y) {\n  // eslint-disable-next-line no-self-compare\n  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lo router\"},[_c('loPage',[_c('loSection',[_c('loArticle',[_c('mdCartCaption',{attrs:{\"caption\":_vm.$t('page.video.caption'),\"needBottomLine\":false}}),_c('div',{staticClass:\"md search major\"},[_c('div',{staticClass:\"cp input text\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('page.search.func.search')},domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value}}})]),_c('div',{staticClass:\"func\"},[(_vm.search)?_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.tag('')}}}):_vm._e()])]),_c('div',{staticClass:\"tag-showcase\"},[_c('cpLabel',{class:[_vm.search === '' ? 'is-major' : ''],attrs:{\"text\":_vm.$t('page.video.tag.all')},nativeOn:{\"click\":function($event){_vm.tag('')}}}),_vm._l((_vm.labels),function(label){return _c('cpLabel',{key:label,class:[_vm.search === _vm.$t(label) ? 'is-major' : ''],attrs:{\"text\":_vm.$t(label)},nativeOn:{\"click\":function($event){_vm.tag(_vm.$t(label))}}})})],2),_c('div',{staticClass:\"video-selector\"},_vm._l((_vm.searchResult),function(item){return _c('a',{key:item.tapeID,staticClass:\"img-block\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){_vm.video(item.tapeID)}}},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":'https://img.youtube.com/vi/'+ item.tapeID +'/sddefault.jpg',\"alt\":item.tapeName}})]),_c('div',{staticClass:\"image-caption\"},[_vm._v(_vm._s(item.tapeName))])])}),0)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"lo router\">\r\n        <loPage>\r\n            <loSection>\r\n                <loArticle>\r\n                    <mdCartCaption\r\n                        :caption=\"$t('page.video.caption')\"\r\n                        :needBottomLine=\"false\"\r\n                    ></mdCartCaption>\r\n                    <div class=\"md search major\">\r\n                        <div class=\"cp input text\">\r\n                            <input type=\"text\" :placeholder=\"$t('page.search.func.search')\" v-model=\"search\">\r\n                        </div>\r\n                        <div class=\"func\">\r\n                            <a href=\"#\" @click.prevent=\"tag('')\" v-if=\"search\"></a>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"tag-showcase\">\r\n                        <cpLabel \r\n                            :text=\"$t('page.video.tag.all')\"\r\n                            :class=\"[search === '' ? 'is-major' : '']\"\r\n                            @click.native=\"tag('')\" \r\n                        ></cpLabel>\r\n                        <cpLabel v-for=\"label in labels\" :key=\"label\"\r\n                            :text=\"$t(label)\"\r\n                            :class=\"[search === $t(label) ? 'is-major' : '']\"\r\n                            @click.native=\"tag($t(label))\" \r\n                        ></cpLabel>\r\n                    </div>\r\n                    <div class=\"video-selector\">\r\n                        <a href=\"#\"\r\n                            class=\"img-block\" \r\n                            v-for=\"item in searchResult\" \r\n                            :key=\"item.tapeID\" \r\n                            @click=\"video(item.tapeID)\"\r\n                        >\r\n                            <div class=\"img\">\r\n                                <img :src=\"'https://img.youtube.com/vi/'+ item.tapeID +'/sddefault.jpg'\" :alt=\"item.tapeName\">\r\n                            </div>\r\n                            <div class=\"image-caption\">{{ item.tapeName }}</div>\r\n                        </a>\r\n                    </div>\r\n                </loArticle>\r\n            </loSection>\r\n        </loPage>\r\n    </div>\r\n</template>\r\n<script>\r\n    import loPage from '@/components/loPage'\r\n    import mdCartCaption from '@/components/mdCartCaption'\r\n    import loSection from '@/components/loSection'\r\n    import loArticle from '@/components/loArticle'\r\n    import cpLabel from '@/components/cpLabel'\r\n\r\n    import { mapMutations } from 'vuex'\r\n\r\n    export default {\r\n        components: {\r\n            loPage,\r\n            loSection,\r\n            loArticle,\r\n            mdCartCaption,\r\n            cpLabel\r\n        },\r\n        data: function(){\r\n\r\n            return {\r\n                search: '',\r\n                tape: [],\r\n                labels: [],\r\n            }\r\n        },\r\n        computed: {\r\n            searchResult: function(){\r\n                let $tape = this.tape,\r\n                    _keyword = this.search;\r\n\r\n                if(_keyword){\r\n                    let target = $tape.filter(item => item.tapeName.includes(_keyword) || item.label.includes(_keyword))\r\n\r\n                    return target;\r\n                }else {\r\n                    return $tape;\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            ...mapMutations([\r\n                'catchError',\r\n                'pushPopUp',\r\n            ]),\r\n            video: function(filmID){\r\n                let target = this.tape.filter(item => item.tapeID === filmID);\r\n\r\n                this.pushPopUp({\r\n                    type: 'videoBlock',\r\n                    content: {\r\n                        film: filmID,\r\n                        caption: target[0].tapeName\r\n                    }\r\n                })\r\n            },\r\n            tag: function(key){\r\n                this.$set(this, 'search', key)\r\n            },\r\n            getList: function(){\r\n\r\n                this.$http.get(process.env.BASE_URL +'video.json').then(res=>{\r\n                    let $data = res.data,\r\n                        $labels = []\r\n\r\n                    $data.forEach(data => {\r\n                        let $label = data.label;\r\n\r\n                        $label.forEach(label => {\r\n\r\n                            if( !$labels.includes(label) ) {\r\n                                $labels.push(label);\r\n                            }\r\n                        });\r\n                    });\r\n                    \r\n                    this.$set(this, 'tape', $data);\r\n                    this.$set(this, 'labels', $labels);\r\n\r\n                }).catch(error => {\r\n\r\n                    this.catchError({\r\n                        error: error,\r\n                        callback: this.getList,\r\n                    });\r\n                })\r\n            },\r\n        },\r\n        created: function(){\r\n            this.getList();\r\n        },\r\n    }\r\n</script>\r\n<style scoped lang=\"scss\">\r\n    .lo.router {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .md.search.major {\r\n        $size: 48px;\r\n        position: relative;\r\n        padding: 0;\r\n        margin-top: 0 !important;\r\n\r\n        .cp.input {\r\n            display: block;\r\n            width: auto;\r\n\r\n            &:before {\r\n                @extend %font-pseudo;\r\n                content: '\\e8b6';\r\n                position: absolute;\r\n                left: 0;\r\n                top: 0;\r\n                width: $size;\r\n                height: $size;\r\n                line-height: $size;\r\n                font-size: $font-size-xl;\r\n                text-align: center;\r\n                color: $major-color;\r\n            }\r\n            \r\n            input {\r\n                padding-left: $size;\r\n                width: 100%;\r\n                height: $size;\r\n                line-height: $size;\r\n            }\r\n        }\r\n\r\n        .func {\r\n\r\n            a {\r\n                position: absolute;\r\n                width: $size;\r\n                height: $size;\r\n                right: 0;\r\n                top: 0;\r\n                transition: $transition;\r\n\r\n                &:hover {\r\n                    opacity: $opacity-m;\r\n                }\r\n\r\n                &:before {\r\n                    @extend %font-pseudo;\r\n                    content: '\\e5cd';\r\n                    width: $size;\r\n                    height: $size;\r\n                    line-height: $size;\r\n                    font-size: $font-size-l;\r\n                    text-align: center;\r\n                    color: $deep;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .tag-showcase {\r\n        margin-top: $interval-l;\r\n\r\n        .label::v-deep {\r\n            font-size: $font-size-l;\r\n            cursor: pointer;\r\n\r\n            &:hover {\r\n                \r\n            }\r\n        }\r\n    }\r\n\r\n    .video-selector{\r\n        margin-top: $interval-l;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: $interval-s;\r\n\r\n        @include media('pc') {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        @include media('mobile') {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n\r\n        @include media('phone') {\r\n           grid-template-columns: repeat(1, 1fr);\r\n        }\r\n\r\n        a.img-block {\r\n            display: block;\r\n            width: 100%;\r\n\r\n            .img {\r\n                width: 100%;\r\n                img {\r\n                    width: 100%;\r\n                    object-fit: cover;\r\n                }\r\n            }\r\n            .image-caption {\r\n                text-align: center;\r\n                line-height: $line-height-s;\r\n                color: #000;\r\n                width: 100%;\r\n                padding: $interval-m;\r\n                font-size: $font-size-l;\r\n                box-sizing: border-box;\r\n                // overflow: hidden;\r\n                // white-space: nowrap;\r\n                // text-overflow: ellipsis;\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!./video.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!./video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./video.vue?vue&type=template&id=6548cb44&scoped=true&\"\nimport script from \"./video.vue?vue&type=script&lang=js&\"\nexport * from \"./video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./video.vue?vue&type=style&index=0&id=6548cb44&scoped=true&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  \"6548cb44\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}