{"version":3,"sources":["webpack:///./src/components/fileViewer/video/ResolutionSwitcher.vue?a46f","webpack:///./src/components/fileViewer/video/ResolutionSwitcher.vue?20ad","webpack:///./src/components/fileViewer/video/ResolutionSwitcher.vue?d16f","webpack:///src/components/fileViewer/video/ResolutionSwitcher.vue","webpack:///./src/components/fileViewer/video/ResolutionSwitcher.vue?bc4f","webpack:///./src/components/fileViewer/video/ResolutionSwitcher.vue?ce69"],"names":["render","_vm","this","_h","$createElement","_c","_self","qualities","length","ref","attrs","boundariesElement","model","value","callback","$$v","visible","expression","staticClass","_l","quality","key","id","on","$event","stopPropagation","preventDefault","changeQuality","class","active","current","_v","_s","label","slot","selectedLabel","_e","staticRenderFns","props","type","Array","default","data","created","a","playIndex","b","orders","methods","$emit","component"],"mappings":"gKAAA,W,yDCAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,UAAUC,OAAS,EAAGH,EAAG,aAAa,CAACI,IAAI,SAASC,MAAM,CAAC,UAAY,MAAM,QAAU,QAAQ,iBAAgB,EAAM,kBAAiB,EAAM,iBAAiB,CAAEC,kBAAmB,8BAA+B,eAAe,uCAAuCC,MAAM,CAACC,MAAOZ,EAAW,QAAEa,SAAS,SAAUC,GAAMd,EAAIe,QAAQD,GAAKE,WAAW,YAAY,CAACZ,EAAG,KAAK,CAACa,YAAY,gBAAgBjB,EAAIkB,GAAIlB,EAAa,WAAE,SAASmB,GAAS,OAAOf,EAAG,KAAK,CAACgB,IAAID,EAAQE,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwBzB,EAAI0B,cAAcP,MAAY,CAACf,EAAG,MAAM,CAACa,YAAY,eAAeU,MAAM,CAAEC,OAAQT,EAAQE,KAAOrB,EAAI6B,QAAQR,KAAM,CAACrB,EAAI8B,GAAG,IAAI9B,EAAI+B,GAAGZ,EAAQa,OAAO,YAAW,GAAIhC,EAAW,QAAEI,EAAG,YAAY,CAACa,YAAY,iBAAiBR,MAAM,CAAC,KAAO,aAAawB,KAAK,aAAa,CAACjC,EAAI8B,GAAG,IAAI9B,EAAI+B,GAAG/B,EAAI6B,QAAQK,eAAe,OAAOlC,EAAImC,MAAM,GAAGnC,EAAImC,MAC19BC,EAAkB,GCgCtB,G,8BAAA,CACEC,MAAO,CACL/B,UAAW,CACTgC,KAAMC,MACNC,QAAS,WAAf,YAGEC,KAPF,WAQI,MAAO,CACLZ,QAAS,KACTd,SAAS,IAGb2B,QAbF,WAeI,IAAJ,iDACM,OAAOC,EAAEC,UAAYC,EAAED,aAErBE,EAAOvC,OAAS,GAClBN,KAAKyB,cAAcoB,EAAO,KAG9BC,QAAS,CACPrB,cADJ,SACA,GACMzB,KAAK4B,QAAUV,EACflB,KAAKc,SAAU,EACfd,KAAK+C,MAAM,SAAU/C,KAAK4B,aC3D0V,I,kCCStXoB,EAAY,eACd,EACAlD,EACAqC,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/c-fileViewer-video-ResolutionSwitcher.29918ca1.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./ResolutionSwitcher.vue?vue&type=style&index=1&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./ResolutionSwitcher.vue?vue&type=style&index=0&id=0f6ead08&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.qualities.length > 0)?_c('el-popover',{ref:\"popper\",attrs:{\"placement\":\"top\",\"trigger\":\"hover\",\"visible-arrow\":false,\"append-to-body\":false,\"popper-options\":{ boundariesElement: '.file-viewer-video-wrapper' },\"popper-class\":\"file-viewer-video-resolution-popper\"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('ul',{staticClass:\"quality-list\"},_vm._l((_vm.qualities),function(quality){return _c('li',{key:quality.id,on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.changeQuality(quality)}}},[_c('div',{staticClass:\"quality-item\",class:{ active: quality.id === _vm.current.id }},[_vm._v(\" \"+_vm._s(quality.label)+\" \")])])}),0),(_vm.current)?_c('el-button',{staticClass:\"popper-trigger\",attrs:{\"slot\":\"reference\"},slot:\"reference\"},[_vm._v(\" \"+_vm._s(_vm.current.selectedLabel)+\" \")]):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-popover\n    v-if=\"qualities.length > 0\"\n    ref=\"popper\"\n    v-model=\"visible\"\n    placement=\"top\"\n    trigger=\"hover\"\n    :visible-arrow=\"false\"\n    :append-to-body=\"false\"\n    :popper-options=\"{ boundariesElement: '.file-viewer-video-wrapper' }\"\n    popper-class=\"file-viewer-video-resolution-popper\"\n  >\n    <ul class=\"quality-list\">\n      <li\n        v-for=\"quality in qualities\"\n        :key=\"quality.id\"\n        @click.stop.prevent=\"changeQuality(quality)\"\n      >\n        <div\n          class=\"quality-item\"\n          :class=\"{ active: quality.id === current.id }\"\n        >\n          {{ quality.label }}\n        </div>\n      </li>\n    </ul>\n    <el-button v-if=\"current\" slot=\"reference\" class=\"popper-trigger\">\n      {{ current.selectedLabel }}\n    </el-button>\n  </el-popover>\n</template>\n\n<script>\nexport default {\n  props: {\n    qualities: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      current: null,\n      visible: false\n    }\n  },\n  created() {\n    // 视频默认播放显示顺序\n    const orders = Array.from(this.qualities).sort((a, b) => {\n      return a.playIndex - b.playIndex\n    })\n    if (orders.length > 0) {\n      this.changeQuality(orders[0])\n    }\n  },\n  methods: {\n    changeQuality(quality) {\n      this.current = quality\n      this.visible = false\n      this.$emit('change', this.current)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.popper-trigger {\n  background-color: rgba(0, 0, 0, 0.45);\n  color: #ffffff;\n  height: 24px;\n  padding: 0 12px;\n  border-radius: 12px;\n  border: none;\n  font-size: 13px;\n  &:hover {\n    background-color: #3352fe;\n  }\n}\n.quality-list {\n  background-color: #363636;\n  width: 105px;\n  padding: 8px 0;\n  border-radius: 3px;\n  .quality-item {\n    padding: 12px 0;\n    text-align: center;\n    color: #ffffff;\n    cursor: pointer;\n    font-size: 13px;\n    &.active {\n      font-size: 14px;\n      color: #f8653f;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.file-viewer-video-resolution-popper {\n  padding: 0;\n  border: none;\n  min-width: 105px;\n  box-shadow: none;\n}\n</style>\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!./ResolutionSwitcher.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!./ResolutionSwitcher.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResolutionSwitcher.vue?vue&type=template&id=0f6ead08&scoped=true&\"\nimport script from \"./ResolutionSwitcher.vue?vue&type=script&lang=js&\"\nexport * from \"./ResolutionSwitcher.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResolutionSwitcher.vue?vue&type=style&index=0&id=0f6ead08&lang=scss&scoped=true&\"\nimport style1 from \"./ResolutionSwitcher.vue?vue&type=style&index=1&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  \"0f6ead08\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}