123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- ;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _typeof2(obj){"@babel/helpers - typeof";return _typeof2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof2(obj);}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._wall_4450e_1{height:70px}._width1200_4450e_4{width:1200px;margin:20px auto 0}._musicWrap_4450e_8{display:flex;flex-direction:row}._musicWrap_4450e_8 ._left_4450e_12{width:692px;background-color:#fff;margin-right:14px}._musicWrap_4450e_8 ._left_4450e_12 ._title_4450e_17{padding:28px 28px 0;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}._musicWrap_4450e_8 ._left_4450e_12 ._title_4450e_17 ._titleLeft_4450e_26{display:flex;flex-direction:row;align-items:center}._musicWrap_4450e_8 ._left_4450e_12 ._title_4450e_17 ._titleLeft_4450e_26 p{min-width:60px;font-weight:600;color:#000;line-height:28px}._musicWrap_4450e_8 ._left_4450e_12 ._title_4450e_17 ._titleRight_4450e_37{cursor:pointer;display:flex;flex-direction:row;align-items:center}._musicWrap_4450e_8 ._left_4450e_12 ._title_4450e_17 ._titleRight_4450e_37 img{width:24px;height:24px;margin-right:10px}._musicWrap_4450e_8 ._left_4450e_12 ._musicContent_4450e_48{page-break-after:always;width:575px;min-height:749px;margin:0 auto;border:1px dotted #ccc}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55{position:relative}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58{position:absolute;z-index:10;bottom:0}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58 ._close_4450e_63{width:19px;height:19px;position:absolute;z-index:10;top:5px;right:5px;cursor:pointer}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58 ._code_4450e_72{width:74px;height:74px;position:absolute;z-index:10;top:10px;left:10px}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58 ._title_4450e_17{padding:0;height:22px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:22px;position:absolute;z-index:10;top:14px;left:101px;background-color:transparent}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58 ._conent_4450e_94{position:absolute;z-index:10;top:38px;left:101px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:20px}._musicWrap_4450e_8 ._left_4450e_12 ._showCode_4450e_55 ._showCodeWrap_4450e_58 ._subConent_4450e_105{position:absolute;z-index:10;top:58px;left:101px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:20px}._musicWrap_4450e_8 ._left_4450e_12 ._audios_4450e_116{width:100%;border-radius:0;background-color:#333}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121{background-color:#fff;padding:24px;width:494px;margin-bottom:14px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 h2{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:28px;margin-bottom:12px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 ._collect_4450e_135{display:flex;flex-direction:row;align-items:center;margin-bottom:21px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 ._collect_4450e_135 ._start_4450e_141{width:23px;height:23px;margin-right:6px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 ._collect_4450e_135 p{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#000;line-height:25px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 ._subTitle_4450e_153{margin-bottom:15px}._musicWrap_4450e_8 ._right_4450e_121 ._musicInfo_4450e_121 ._subTitle_4450e_153 span{font-size:16px;line-height:22px;color:#666}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161{background-color:#fff;padding-top:25px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165{padding:20px;background-color:#fff}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175{display:flex;flex-direction:row;align-items:center}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._teacherHeader_4450e_180{width:54px;height:54px;border-radius:50%;overflow:hidden;margin-right:16px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._teacherHeadName_4450e_187{padding-top:2px;display:flex;flex-direction:row;align-items:center;font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:28px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._teacherHeadName_4450e_187 span{margin-right:12px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._teacherHeadName_4450e_187 ._teacherIcon_4450e_201{width:54px;height:22px;margin-right:5px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._fens_4450e_206{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:22px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadLeft_4450e_175 ._fens_4450e_206 span{color:#333}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadRight_4450e_216{width:67px;background:#2dc7aa;border-radius:21px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;color:#fff;line-height:30px;text-align:center;cursor:pointer}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherHeadWrap_4450e_169 ._teacherHeadRight_4450e_216._isStart_4450e_227{border:1px solid #2dc7aa;background:#fff;color:#2dc7aa}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._courseWrap_4450e_232{padding:20px;background-color:#fff}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._courseWrap_4450e_232 ._courseTitle_4450e_236{display:flex;flex-direction:row;align-items:center;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:28px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._courseWrap_4450e_232 ._courseTitle_4450e_236 img{width:26px;height:26px;margin-right:8px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._titleWrap_4450e_251{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:20px;padding-bottom:12px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._titleWrap_4450e_251 span{font-size:20px;color:#000;line-height:28px;font-weight:600}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._titleWrap_4450e_251 img{width:24px;height:24px;margin-right:10px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherDetail_4450e_270{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:25px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherVideoList_4450e_277{display:flex;flex-direction:row;flex-wrap:wrap}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherVideoList_4450e_277 ._videoItem_4450e_282{margin-right:18px;margin-bottom:12px;width:218px;height:145px;position:relative}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherVideoList_4450e_277 ._videoItem_4450e_282 ._Styles_4450e_289,._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherVideoList_4450e_277 ._videoItem_4450e_282 ._videoItemVideo_4450e_293{width:218px;height:145px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._teacherInfo_4450e_165 ._teacherVideoList_4450e_277 ._videoItem_4450e_282:nth-child(2n){margin-right:0}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._otherMusic_4450e_300{padding:0 20px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._otherMusic_4450e_300 h2{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:25px;margin-bottom:14px}._musicWrap_4450e_8 ._right_4450e_121 ._btooom_4450e_161 ._otherMusic_4450e_300 ._otherMusicList_4450e_311{padding:18px 0;border-top:1px solid #DEDEDE}.subjectChiose{border-radius:14px;overflow:hidden}.subjectChiose .el-input__wrapper{background-color:#f1f1f1;border:none;box-shadow:none!important}.subjectChiose .el-input__wrapper.is-focus{border:none!important;box-shadow:none!important}audio::-webkit-media-controls-pane{background-color:#333}._itemWrap_sgbwf_1{height:40px;background:#ffffff;display:flex;flex-direction:row;justify-content:space-between;width:100%;border-radius:12px;margin-bottom:10px;cursor:pointer}._itemWrap_sgbwf_1 ._left_sgbwf_12{display:flex;flex-direction:row;align-items:center}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._imgWrap_sgbwf_17{width:40px;height:40px;margin-right:18px}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._textWrap_sgbwf_22 p{font-weight:600;color:#333;line-height:22px;font-size:14px}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._textWrap_sgbwf_22 p span{font-weight:400;color:#6a6a6a}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._textWrap_sgbwf_22 ._authorInfo_sgbwf_32{display:flex;flex-direction:row;align-items:center}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._textWrap_sgbwf_22 ._authorInfo_sgbwf_32 ._icon_sgbwf_37{width:20px;height:20px;border-radius:27px;margin-right:6px}._itemWrap_sgbwf_1 ._left_sgbwf_12 ._textWrap_sgbwf_22 ._authorInfo_sgbwf_32 ._authorName_sgbwf_43{color:#333;font-size:12px;margin-right:8px}\n";document.head.appendChild(__vite_style__);System.register(['./musiceIcon-legacy.b2564bcb.js','./index-legacy.5f0c0cf4.js','./start-legacy.54568697.js','./index-legacy.cfa14d2b.js','./music-legacy.146bf361.js','./vendor-legacy.f45053fa.js'],function(exports){'use strict';var colVideo,teacher,musiceIcon,getUserType,iconClose,iconTeacher,request,start$1,tagItem,music,defineComponent,useRouter,reactive,watch,createVNode,createTextVNode,getDefaultExportFromCjs,useRoute,ref,onMounted,Fragment,ElSelect,ElOption,isVNode;return{setters:[function(module){colVideo=module.c;teacher=module.t;musiceIcon=module.m;},function(module){getUserType=module.g;iconClose=module.i;iconTeacher=module.a;request=module.r;},function(module){start$1=module.s;},function(module){tagItem=module.t;},function(module){music=module.m;},function(module){defineComponent=module.d;useRouter=module.u;reactive=module.r;watch=module.L;createVNode=module.c;createTextVNode=module.a;getDefaultExportFromCjs=module.$;useRoute=module.a0;ref=module.O;onMounted=module.o;Fragment=module.F;ElSelect=module.Y;ElOption=module.Z;isVNode=module.a1;}],execute:function execute(){var wall="_wall_4450e_1";var width1200="_width1200_4450e_4";var musicWrap="_musicWrap_4450e_8";var left$1="_left_4450e_12";var title="_title_4450e_17";var titleLeft="_titleLeft_4450e_26";var titleRight="_titleRight_4450e_37";var musicContent="_musicContent_4450e_48";var showCode="_showCode_4450e_55";var showCodeWrap="_showCodeWrap_4450e_58";var close="_close_4450e_63";var code$1="_code_4450e_72";var conent="_conent_4450e_94";var subConent="_subConent_4450e_105";var audios="_audios_4450e_116";var right="_right_4450e_121";var musicInfo="_musicInfo_4450e_121";var collect="_collect_4450e_135";var start="_start_4450e_141";var subTitle="_subTitle_4450e_153";var btooom="_btooom_4450e_161";var teacherInfo="_teacherInfo_4450e_165";var teacherHeadWrap="_teacherHeadWrap_4450e_169";var teacherHeadLeft="_teacherHeadLeft_4450e_175";var teacherHeader="_teacherHeader_4450e_180";var teacherHeadName="_teacherHeadName_4450e_187";var teacherIcon="_teacherIcon_4450e_201";var fens="_fens_4450e_206";var teacherHeadRight="_teacherHeadRight_4450e_216";var isStart="_isStart_4450e_227";var courseWrap="_courseWrap_4450e_232";var courseTitle="_courseTitle_4450e_236";var titleWrap="_titleWrap_4450e_251";var teacherDetail="_teacherDetail_4450e_270";var teacherVideoList="_teacherVideoList_4450e_277";var videoItem="_videoItem_4450e_282";var Styles="_Styles_4450e_289";var videoItemVideo="_videoItemVideo_4450e_293";var otherMusic="_otherMusic_4450e_300";var otherMusicList="_otherMusicList_4450e_311";var classes$1={wall:wall,width1200:width1200,musicWrap:musicWrap,left:left$1,title:title,titleLeft:titleLeft,titleRight:titleRight,musicContent:musicContent,showCode:showCode,showCodeWrap:showCodeWrap,close:close,code:code$1,conent:conent,subConent:subConent,audios:audios,right:right,musicInfo:musicInfo,collect:collect,start:start,subTitle:subTitle,btooom:btooom,teacherInfo:teacherInfo,teacherHeadWrap:teacherHeadWrap,teacherHeadLeft:teacherHeadLeft,teacherHeader:teacherHeader,teacherHeadName:teacherHeadName,teacherIcon:teacherIcon,fens:fens,teacherHeadRight:teacherHeadRight,isStart:isStart,courseWrap:courseWrap,courseTitle:courseTitle,titleWrap:titleWrap,teacherDetail:teacherDetail,teacherVideoList:teacherVideoList,videoItem:videoItem,Styles:Styles,videoItemVideo:videoItemVideo,otherMusic:otherMusic,otherMusicList:otherMusicList};var printIcon="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABANJREFUaEPtWUtsG1UUPXc8jhMChapqEUR8FkgIiShNFcaJ4xGKOq4UJBC/egdLNlSlpUiUBVXVTbtoBbRqV0hIIDYOBQQSAewSKZM4sWOVRKnU7iiLJtAPSClR6jgzF41/cZw69uu8trI0b2WP7zvnnnfvffPeNaHJBzW5//AE3O8I3lEEnjt/9ik1a30CYBeAdpciFgH8uhLw7b+4440/RbGEBXQlYx024XcAW0XJ6thfUxjdM6HoFRFcYQGdE0PHAP5QhKRhW8Kx2d7oRw3bA+JF3DkZ+w6MV4skC0x0RISw2paYDwHYlH9O+H62N/qaCJ5wBJ6fiP1AwMt5Esb8bCj6uAhhtW1nMjYHwmMFOPx4oS/6igieJ8CLgJdCt6mYxHiqj20+QlC2M7il0iQHbrPA/vymQWQHmP4TKbpq2yzxg8ysOM99oJwftFRpQ6Blhj1NCh0y+oMT63ax6gdxMxMGrHMA1jjuxklJc5cB386I3jO2VmAVetycNAEKSyKVDMNjEb1XryMgfQvgQMGI5wCaleyFIBx3AlR811A2omutdQSkuMLgq4gefFuQUap53Ex9CeCtEmhED655d617kcVNT4BwBH6ZmWn3LWQ/B9AN4KSha2dKIE0RgcR4+gDbfLzotMXkf3JXeMec870pBJwbm9pns+1ckJyxogboiQFN+6tpBCSTybZFSz0NwnYwTkV07YumSqGNiqYpUuieCxgZGVFzfv82v6rmzzBuxtIS8EjAvhEKhdacge5KCsVi7NvcMXUYNu8tXwPdeL86N0dE38LP7xrB4I1KSKkplBhPH2ebD8jx+bYoKSOshZxTrvQIxOOZh9FmXQWXTqm0CPBNt2IICDCwuYRDoEFD136WLyA51Q3LPl9B9Jmha/vcCoiPpV8H89kyDvH+SLj3U+kCEuPpF9jm9N0WQKAPDF074QkorkD5OO1FoEaxVNeAl0IJM7XAwEPFBcsBuFX4TArAq610wjIYWbe7EAAVQFsFjsPn8JaGc4UsdEGAm4YeLPRRi2PdjSxhpoYYeFOCY9IhCPjG0IO7NxQwPDLxtKoqTuuiQ7oH7gCvrKzY4cGBvssbCnB+/Gl0dGuL0rqH4ZzPC40tAm1icKgcOsJlZlxy51O+Jf0oKH+VLGYqXQLzqpNEywRM+1qVUwM9Pder+RruTt+vbbTeAjUs4Dcz1WUB0yVABuYV0B/1COr9zuAtAJ4tB0Ch94x+7WS9eTWLuNbETCbzwL9L1lUJf+pt6Jui0Is7+7VR6QIcwLiZPgjw0UbBRe0INGzo2ksi8xpOoRJoIpl+BzbeZ+Zn8g1l98PpBP5N4K//8dkfR2vczGrRCAtw769cBE+A3PUUR2v6CPwPdf1BTw2NbAYAAAAASUVORK5CYII=";var banner="./assets/banner.8da3ed92.png";var code="./assets/code.b0b30240.png";var itemWrap="_itemWrap_sgbwf_1";var left="_left_sgbwf_12";var imgWrap="_imgWrap_sgbwf_17";var textWrap="_textWrap_sgbwf_22";var authorInfo="_authorInfo_sgbwf_32";var icon="_icon_sgbwf_37";var authorName="_authorName_sgbwf_43";var classes={itemWrap:itemWrap,left:left,imgWrap:imgWrap,textWrap:textWrap,authorInfo:authorInfo,icon:icon,authorName:authorName};var musicItem=defineComponent({name:'musicItem',emits:['musicDetail'],props:{item:{type:Object,default:function _default(){return{};}},onClick:{type:Function,default:function _default(item){}}},setup:function setup(props,conent){useRouter();var state=reactive({item:props.item});watch(function(){return props.item;},function(item){state.item=item;});var gotoMusicDetail=function gotoMusicDetail(){conent.emit('musicDetail',state.item.id);// router.push({path:'/muiscDetial',query:{id:state.item.id}})
- };return function(){return createVNode("div",{"onClick":function onClick(){props.onClick(state.item);}},[createVNode("div",{"class":classes.itemWrap,"onClick":function onClick(){return gotoMusicDetail();}},[createVNode("div",{"class":classes.left},[createVNode("div",{"class":classes.imgWrap},[createVNode("img",{"src":music,"alt":""},null)]),createVNode("div",{"class":classes.textWrap},[createVNode("p",null,[state.item.musicSheetName]),createVNode("p",null,[createVNode("span",null,[createTextVNode("\u4F5C\u66F2: "),state.item.composer])])])])])]);};}});var print={exports:{}};(function(module,exports){(function webpackUniversalModuleDefinition(root,factory){module.exports=factory();})(window,function(){return(/******/function(modules){// webpackBootstrap
- /******/ // The module cache
- /******/var installedModules={};/******/ /******/ // The require function
- /******/function __webpack_require__(moduleId){/******/ /******/ // Check if module is in cache
- /******/if(installedModules[moduleId]){/******/return installedModules[moduleId].exports;/******/}/******/ // Create a new module (and put it into the cache)
- /******/var module=installedModules[moduleId]={/******/i:moduleId,/******/l:false,/******/exports:{}/******/};/******/ /******/ // Execute the module function
- /******/modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);/******/ /******/ // Flag the module as loaded
- /******/module.l=true;/******/ /******/ // Return the exports of the module
- /******/return module.exports;/******/}/******/ /******/ /******/ // expose the modules object (__webpack_modules__)
- /******/__webpack_require__.m=modules;/******/ /******/ // expose the module cache
- /******/__webpack_require__.c=installedModules;/******/ /******/ // define getter function for harmony exports
- /******/__webpack_require__.d=function(exports,name,getter){/******/if(!__webpack_require__.o(exports,name)){/******/Object.defineProperty(exports,name,{enumerable:true,get:getter});/******/}/******/};/******/ /******/ // define __esModule on exports
- /******/__webpack_require__.r=function(exports){/******/if(typeof Symbol!=='undefined'&&Symbol.toStringTag){/******/Object.defineProperty(exports,Symbol.toStringTag,{value:'Module'});/******/}/******/Object.defineProperty(exports,'__esModule',{value:true});/******/};/******/ /******/ // create a fake namespace object
- /******/ // mode & 1: value is a module id, require it
- /******/ // mode & 2: merge all properties of value into the ns
- /******/ // mode & 4: return value when already ns object
- /******/ // mode & 8|1: behave like require
- /******/__webpack_require__.t=function(value,mode){/******/if(mode&1)value=__webpack_require__(value);/******/if(mode&8)return value;/******/if(mode&4&&_typeof2(value)==='object'&&value&&value.__esModule)return value;/******/var ns=Object.create(null);/******/__webpack_require__.r(ns);/******/Object.defineProperty(ns,'default',{enumerable:true,value:value});/******/if(mode&2&&typeof value!='string')for(var key in value){__webpack_require__.d(ns,key,function(key){return value[key];}.bind(null,key));}/******/return ns;/******/};/******/ /******/ // getDefaultExport function for compatibility with non-harmony modules
- /******/__webpack_require__.n=function(module){/******/var getter=module&&module.__esModule?/******/function getDefault(){return module['default'];}:/******/function getModuleExports(){return module;};/******/__webpack_require__.d(getter,'a',getter);/******/return getter;/******/};/******/ /******/ // Object.prototype.hasOwnProperty.call
- /******/__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property);};/******/ /******/ // __webpack_public_path__
- /******/__webpack_require__.p="";/******/ /******/ /******/ // Load entry module and return exports
- /******/return __webpack_require__(__webpack_require__.s=0);/******/}/************************************************************************/ /******/({/***/"./src/index.js":/*!**********************!*\
- !*** ./src/index.js ***!
- \**********************/ /*! exports provided: default */ /***/function srcIndexJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */__webpack_require__(/*! ./sass/index.scss */"./src/sass/index.scss");/* harmony import */var _js_init__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./js/init */"./src/js/init.js");var printJS=_js_init__WEBPACK_IMPORTED_MODULE_1__["default"].init;if(typeof window!=='undefined'){window.printJS=printJS;}/* harmony default export */__webpack_exports__["default"]=printJS;/***/},/***/"./src/js/browser.js":/*!***************************!*\
- !*** ./src/js/browser.js ***!
- \***************************/ /*! exports provided: default */ /***/function srcJsBrowserJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);var Browser={// Firefox 1.0+
- isFirefox:function isFirefox(){return typeof InstallTrigger!=='undefined';},// Internet Explorer 6-11
- isIE:function isIE(){return navigator.userAgent.indexOf('MSIE')!==-1||!!document.documentMode;},// Edge 20+
- isEdge:function isEdge(){return!Browser.isIE()&&!!window.StyleMedia;},// Chrome 1+
- isChrome:function isChrome(){var context=arguments.length>0&&arguments[0]!==undefined?arguments[0]:window;return!!context.chrome;},// At least Safari 3+: "[object HTMLElementConstructor]"
- isSafari:function isSafari(){return Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor')>0||navigator.userAgent.toLowerCase().indexOf('safari')!==-1;},// IOS Chrome
- isIOSChrome:function isIOSChrome(){return navigator.userAgent.toLowerCase().indexOf('crios')!==-1;}};/* harmony default export */__webpack_exports__["default"]=Browser;/***/},/***/"./src/js/functions.js":/*!*****************************!*\
- !*** ./src/js/functions.js ***!
- \*****************************/ /*! exports provided: addWrapper, capitalizePrint, collectStyles, addHeader, cleanUp, isRawHTML */ /***/function srcJsFunctionsJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"addWrapper",function(){return addWrapper;});/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"capitalizePrint",function(){return capitalizePrint;});/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"collectStyles",function(){return collectStyles;});/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"addHeader",function(){return addHeader;});/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"cleanUp",function(){return cleanUp;});/* harmony export (binding) */__webpack_require__.d(__webpack_exports__,"isRawHTML",function(){return isRawHTML;});/* harmony import */var _modal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./modal */"./src/js/modal.js");/* harmony import */var _browser__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./browser */"./src/js/browser.js");function _typeof(obj){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function addWrapper(htmlData,params){var bodyStyle='font-family:'+params.font+' !important; font-size: '+params.font_size+' !important; width:100%;';return'<div style="'+bodyStyle+'">'+htmlData+'</div>';}function capitalizePrint(obj){return obj.charAt(0).toUpperCase()+obj.slice(1);}function collectStyles(element,params){var win=document.defaultView||window;// String variable to hold styling for each element
- var elementStyle='';// Loop over computed styles
- var styles=win.getComputedStyle(element,'');for(var key=0;key<styles.length;key++){// Check if style should be processed
- if(params.targetStyles.indexOf('*')!==-1||params.targetStyle.indexOf(styles[key])!==-1||targetStylesMatch(params.targetStyles,styles[key])){if(styles.getPropertyValue(styles[key]))elementStyle+=styles[key]+':'+styles.getPropertyValue(styles[key])+';';}}// Print friendly defaults (deprecated)
- elementStyle+='max-width: '+params.maxWidth+'px !important; font-size: '+params.font_size+' !important;';return elementStyle;}function targetStylesMatch(styles,value){for(var i=0;i<styles.length;i++){if(_typeof(value)==='object'&&value.indexOf(styles[i])!==-1)return true;}return false;}function addHeader(printElement,params){// Create the header container div
- var headerContainer=document.createElement('div');// Check if the header is text or raw html
- if(isRawHTML(params.header)){headerContainer.innerHTML=params.header;}else{// Create header element
- var headerElement=document.createElement('h1');// Create header text node
- var headerNode=document.createTextNode(params.header);// Build and style
- headerElement.appendChild(headerNode);headerElement.setAttribute('style',params.headerStyle);headerContainer.appendChild(headerElement);}printElement.insertBefore(headerContainer,printElement.childNodes[0]);}function cleanUp(params){// If we are showing a feedback message to user, remove it
- if(params.showModal)_modal__WEBPACK_IMPORTED_MODULE_0__["default"].close();// Check for a finished loading hook function
- if(params.onLoadingEnd)params.onLoadingEnd();// If preloading pdf files, clean blob url
- if(params.showModal||params.onLoadingStart)window.URL.revokeObjectURL(params.printable);// Run onPrintDialogClose callback
- var event='mouseover';if(_browser__WEBPACK_IMPORTED_MODULE_1__["default"].isChrome()||_browser__WEBPACK_IMPORTED_MODULE_1__["default"].isFirefox()){// Ps.: Firefox will require an extra click in the document to fire the focus event.
- event='focus';}var handler=function handler(){// Make sure the event only happens once.
- window.removeEventListener(event,handler);params.onPrintDialogClose();// Remove iframe from the DOM
- var iframe=document.getElementById(params.frameId);if(iframe){iframe.remove();}};window.addEventListener(event,handler);}function isRawHTML(raw){var regexHtml=new RegExp('<([A-Za-z][A-Za-z0-9]*)\\b[^>]*>(.*?)</\\1>');return regexHtml.test(raw);}/***/},/***/"./src/js/html.js":/*!************************!*\
- !*** ./src/js/html.js ***!
- \************************/ /*! exports provided: default */ /***/function srcJsHtmlJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _functions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./functions */"./src/js/functions.js");/* harmony import */var _print__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./print */"./src/js/print.js");function _typeof(obj){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}/* harmony default export */__webpack_exports__["default"]={print:function print(params,printFrame){// Get the DOM printable element
- var printElement=isHtmlElement(params.printable)?params.printable:document.getElementById(params.printable);// Check if the element exists
- if(!printElement){window.console.error('Invalid HTML element id: '+params.printable);return;}// Clone the target element including its children (if available)
- params.printableElement=cloneElement(printElement,params);// Add header
- if(params.header){Object(_functions__WEBPACK_IMPORTED_MODULE_0__["addHeader"])(params.printableElement,params);}// Print html element contents
- _print__WEBPACK_IMPORTED_MODULE_1__["default"].send(params,printFrame);}};function cloneElement(element,params){// Clone the main node (if not already inside the recursion process)
- var clone=element.cloneNode();// Loop over and process the children elements / nodes (including text nodes)
- var childNodesArray=Array.prototype.slice.call(element.childNodes);for(var i=0;i<childNodesArray.length;i++){// Check if we are skipping the current element
- if(params.ignoreElements.indexOf(childNodesArray[i].id)!==-1){continue;}// Clone the child element
- var clonedChild=cloneElement(childNodesArray[i],params);// Attach the cloned child to the cloned parent node
- clone.appendChild(clonedChild);}// Get all styling for print element (for nodes of type element only)
- if(params.scanStyles&&element.nodeType===1){clone.setAttribute('style',Object(_functions__WEBPACK_IMPORTED_MODULE_0__["collectStyles"])(element,params));}// Check if the element needs any state processing (copy user input data)
- switch(element.tagName){case'SELECT':// Copy the current selection value to its clone
- clone.value=element.value;break;case'CANVAS':// Copy the canvas content to its clone
- clone.getContext('2d').drawImage(element,0,0);break;}return clone;}function isHtmlElement(printable){// Check if element is instance of HTMLElement or has nodeType === 1 (for elements in iframe)
- return _typeof(printable)==='object'&&printable&&(printable instanceof HTMLElement||printable.nodeType===1);}/***/},/***/"./src/js/image.js":/*!*************************!*\
- !*** ./src/js/image.js ***!
- \*************************/ /*! exports provided: default */ /***/function srcJsImageJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _functions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./functions */"./src/js/functions.js");/* harmony import */var _print__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./print */"./src/js/print.js");/* harmony import */var _browser__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(/*! ./browser */"./src/js/browser.js");/* harmony default export */__webpack_exports__["default"]={print:function print(params,printFrame){// Check if we are printing one image or multiple images
- if(params.printable.constructor!==Array){// Create array with one image
- params.printable=[params.printable];}// Create printable element (container)
- params.printableElement=document.createElement('div');// Create all image elements and append them to the printable container
- params.printable.forEach(function(src){// Create the image element
- var img=document.createElement('img');img.setAttribute('style',params.imageStyle);// Set image src with the file url
- img.src=src;// The following block is for Firefox, which for some reason requires the image's src to be fully qualified in
- // order to print it
- if(_browser__WEBPACK_IMPORTED_MODULE_2__["default"].isFirefox()){var fullyQualifiedSrc=img.src;img.src=fullyQualifiedSrc;}// Create the image wrapper
- var imageWrapper=document.createElement('div');// Append image to the wrapper element
- imageWrapper.appendChild(img);// Append wrapper to the printable element
- params.printableElement.appendChild(imageWrapper);});// Check if we are adding a print header
- if(params.header)Object(_functions__WEBPACK_IMPORTED_MODULE_0__["addHeader"])(params.printableElement,params);// Print image
- _print__WEBPACK_IMPORTED_MODULE_1__["default"].send(params,printFrame);}};/***/},/***/"./src/js/init.js":/*!************************!*\
- !*** ./src/js/init.js ***!
- \************************/ /*! exports provided: default */ /***/function srcJsInitJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _browser__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./browser */"./src/js/browser.js");/* harmony import */var _modal__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./modal */"./src/js/modal.js");/* harmony import */var _pdf__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(/*! ./pdf */"./src/js/pdf.js");/* harmony import */var _html__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(/*! ./html */"./src/js/html.js");/* harmony import */var _raw_html__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(/*! ./raw-html */"./src/js/raw-html.js");/* harmony import */var _image__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(/*! ./image */"./src/js/image.js");/* harmony import */var _json__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(/*! ./json */"./src/js/json.js");function _typeof(obj){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}var printTypes=['pdf','html','image','json','raw-html'];/* harmony default export */__webpack_exports__["default"]={init:function init(){var params={printable:null,fallbackPrintable:null,type:'pdf',header:null,headerStyle:'font-weight: 300;',maxWidth:800,properties:null,gridHeaderStyle:'font-weight: bold; padding: 5px; border: 1px solid #dddddd;',gridStyle:'border: 1px solid lightgray; margin-bottom: -1px;',showModal:false,onError:function onError(error){throw error;},onLoadingStart:null,onLoadingEnd:null,onPrintDialogClose:function onPrintDialogClose(){},onIncompatibleBrowser:function onIncompatibleBrowser(){},modalMessage:'Retrieving Document...',frameId:'printJS',printableElement:null,documentTitle:'Document',targetStyle:['clear','display','width','min-width','height','min-height','max-height'],targetStyles:['border','box','break','text-decoration'],ignoreElements:[],repeatTableHeader:true,css:null,style:null,scanStyles:true,base64:false,// Deprecated
- onPdfOpen:null,font:'TimesNewRoman',font_size:'12pt',honorMarginPadding:true,honorColor:false,imageStyle:'max-width: 100%;'};// Check if a printable document or object was supplied
- var args=arguments[0];if(args===undefined){throw new Error('printJS expects at least 1 attribute.');}// Process parameters
- switch(_typeof(args)){case'string':params.printable=encodeURI(args);params.fallbackPrintable=params.printable;params.type=arguments[1]||params.type;break;case'object':params.printable=args.printable;params.fallbackPrintable=typeof args.fallbackPrintable!=='undefined'?args.fallbackPrintable:params.printable;params.fallbackPrintable=params.base64?"data:application/pdf;base64,".concat(params.fallbackPrintable):params.fallbackPrintable;for(var k in params){if(k==='printable'||k==='fallbackPrintable')continue;params[k]=typeof args[k]!=='undefined'?args[k]:params[k];}break;default:throw new Error('Unexpected argument type! Expected "string" or "object", got '+_typeof(args));}// Validate printable
- if(!params.printable)throw new Error('Missing printable information.');// Validate type
- if(!params.type||typeof params.type!=='string'||printTypes.indexOf(params.type.toLowerCase())===-1){throw new Error('Invalid print type. Available types are: pdf, html, image and json.');}// Check if we are showing a feedback message to the user (useful for large files)
- if(params.showModal)_modal__WEBPACK_IMPORTED_MODULE_1__["default"].show(params);// Check for a print start hook function
- if(params.onLoadingStart)params.onLoadingStart();// To prevent duplication and issues, remove any used printFrame from the DOM
- var usedFrame=document.getElementById(params.frameId);if(usedFrame)usedFrame.parentNode.removeChild(usedFrame);// Create a new iframe for the print job
- var printFrame=document.createElement('iframe');if(_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isFirefox()){// Set the iframe to be is visible on the page (guaranteed by fixed position) but hidden using opacity 0, because
- // this works in Firefox. The height needs to be sufficient for some part of the document other than the PDF
- // viewer's toolbar to be visible in the page
- printFrame.setAttribute('style','width: 1px; height: 100px; position: fixed; left: 0; top: 0; opacity: 0; border-width: 0; margin: 0; padding: 0');}else{// Hide the iframe in other browsers
- printFrame.setAttribute('style','visibility: hidden; height: 0; width: 0; position: absolute; border: 0');}// Set iframe element id
- printFrame.setAttribute('id',params.frameId);// For non pdf printing, pass an html document string to srcdoc (force onload callback)
- if(params.type!=='pdf'){printFrame.srcdoc='<html><head><title>'+params.documentTitle+'</title>';// Attach css files
- if(params.css){// Add support for single file
- if(!Array.isArray(params.css))params.css=[params.css];// Create link tags for each css file
- params.css.forEach(function(file){printFrame.srcdoc+='<link rel="stylesheet" href="'+file+'">';});}printFrame.srcdoc+='</head><body></body></html>';}// Check printable type
- switch(params.type){case'pdf':// Check browser support for pdf and if not supported we will just open the pdf file instead
- if(_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isIE()){try{console.info('Print.js doesn\'t support PDF printing in Internet Explorer.');var win=window.open(params.fallbackPrintable,'_blank');win.focus();params.onIncompatibleBrowser();}catch(error){params.onError(error);}finally{// Make sure there is no loading modal opened
- if(params.showModal)_modal__WEBPACK_IMPORTED_MODULE_1__["default"].close();if(params.onLoadingEnd)params.onLoadingEnd();}}else{_pdf__WEBPACK_IMPORTED_MODULE_2__["default"].print(params,printFrame);}break;case'image':_image__WEBPACK_IMPORTED_MODULE_5__["default"].print(params,printFrame);break;case'html':_html__WEBPACK_IMPORTED_MODULE_3__["default"].print(params,printFrame);break;case'raw-html':_raw_html__WEBPACK_IMPORTED_MODULE_4__["default"].print(params,printFrame);break;case'json':_json__WEBPACK_IMPORTED_MODULE_6__["default"].print(params,printFrame);break;}}};/***/},/***/"./src/js/json.js":/*!************************!*\
- !*** ./src/js/json.js ***!
- \************************/ /*! exports provided: default */ /***/function srcJsJsonJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _functions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./functions */"./src/js/functions.js");/* harmony import */var _print__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./print */"./src/js/print.js");function _typeof(obj){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}/* harmony default export */__webpack_exports__["default"]={print:function print(params,printFrame){// Check if we received proper data
- if(_typeof(params.printable)!=='object'){throw new Error('Invalid javascript data object (JSON).');}// Validate repeatTableHeader
- if(typeof params.repeatTableHeader!=='boolean'){throw new Error('Invalid value for repeatTableHeader attribute (JSON).');}// Validate properties
- if(!params.properties||!Array.isArray(params.properties)){throw new Error('Invalid properties array for your JSON data.');}// We will format the property objects to keep the JSON api compatible with older releases
- params.properties=params.properties.map(function(property){return{field:_typeof(property)==='object'?property.field:property,displayName:_typeof(property)==='object'?property.displayName:property,columnSize:_typeof(property)==='object'&&property.columnSize?property.columnSize+';':100/params.properties.length+'%;'};});// Create a print container element
- params.printableElement=document.createElement('div');// Check if we are adding a print header
- if(params.header){Object(_functions__WEBPACK_IMPORTED_MODULE_0__["addHeader"])(params.printableElement,params);}// Build the printable html data
- params.printableElement.innerHTML+=jsonToHTML(params);// Print the json data
- _print__WEBPACK_IMPORTED_MODULE_1__["default"].send(params,printFrame);}};function jsonToHTML(params){// Get the row and column data
- var data=params.printable;var properties=params.properties;// Create a html table
- var htmlData='<table style="border-collapse: collapse; width: 100%;">';// Check if the header should be repeated
- if(params.repeatTableHeader){htmlData+='<thead>';}// Add the table header row
- htmlData+='<tr>';// Add the table header columns
- for(var a=0;a<properties.length;a++){htmlData+='<th style="width:'+properties[a].columnSize+';'+params.gridHeaderStyle+'">'+Object(_functions__WEBPACK_IMPORTED_MODULE_0__["capitalizePrint"])(properties[a].displayName)+'</th>';}// Add the closing tag for the table header row
- htmlData+='</tr>';// If the table header is marked as repeated, add the closing tag
- if(params.repeatTableHeader){htmlData+='</thead>';}// Create the table body
- htmlData+='<tbody>';// Add the table data rows
- for(var i=0;i<data.length;i++){// Add the row starting tag
- htmlData+='<tr>';// Print selected properties only
- for(var n=0;n<properties.length;n++){var stringData=data[i];// Support nested objects
- var property=properties[n].field.split('.');if(property.length>1){for(var p=0;p<property.length;p++){stringData=stringData[property[p]];}}else{stringData=stringData[properties[n].field];}// Add the row contents and styles
- htmlData+='<td style="width:'+properties[n].columnSize+params.gridStyle+'">'+stringData+'</td>';}// Add the row closing tag
- htmlData+='</tr>';}// Add the table and body closing tags
- htmlData+='</tbody></table>';return htmlData;}/***/},/***/"./src/js/modal.js":/*!*************************!*\
- !*** ./src/js/modal.js ***!
- \*************************/ /*! exports provided: default */ /***/function srcJsModalJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);var Modal={show:function show(params){// Build modal
- var modalStyle='font-family:sans-serif; '+'display:table; '+'text-align:center; '+'font-weight:300; '+'font-size:30px; '+'left:0; top:0;'+'position:fixed; '+'z-index: 9990;'+'color: #0460B5; '+'width: 100%; '+'height: 100%; '+'background-color:rgba(255,255,255,.9);'+'transition: opacity .3s ease;';// Create wrapper
- var printModal=document.createElement('div');printModal.setAttribute('style',modalStyle);printModal.setAttribute('id','printJS-Modal');// Create content div
- var contentDiv=document.createElement('div');contentDiv.setAttribute('style','display:table-cell; vertical-align:middle; padding-bottom:100px;');// Add close button (requires print.css)
- var closeButton=document.createElement('div');closeButton.setAttribute('class','printClose');closeButton.setAttribute('id','printClose');contentDiv.appendChild(closeButton);// Add spinner (requires print.css)
- var spinner=document.createElement('span');spinner.setAttribute('class','printSpinner');contentDiv.appendChild(spinner);// Add message
- var messageNode=document.createTextNode(params.modalMessage);contentDiv.appendChild(messageNode);// Add contentDiv to printModal
- printModal.appendChild(contentDiv);// Append print modal element to document body
- document.getElementsByTagName('body')[0].appendChild(printModal);// Add event listener to close button
- document.getElementById('printClose').addEventListener('click',function(){Modal.close();});},close:function close(){var printModal=document.getElementById('printJS-Modal');if(printModal){printModal.parentNode.removeChild(printModal);}}};/* harmony default export */__webpack_exports__["default"]=Modal;/***/},/***/"./src/js/pdf.js":/*!***********************!*\
- !*** ./src/js/pdf.js ***!
- \***********************/ /*! exports provided: default */ /***/function srcJsPdfJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _print__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./print */"./src/js/print.js");/* harmony import */var _functions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./functions */"./src/js/functions.js");/* harmony default export */__webpack_exports__["default"]={print:function print(params,printFrame){// Check if we have base64 data
- if(params.base64){var bytesArray=Uint8Array.from(atob(params.printable),function(c){return c.charCodeAt(0);});createBlobAndPrint(params,printFrame,bytesArray);return;}// Format pdf url
- params.printable=/^(blob|http|\/\/)/i.test(params.printable)?params.printable:window.location.origin+(params.printable.charAt(0)!=='/'?'/'+params.printable:params.printable);// Get the file through a http request (Preload)
- var req=new window.XMLHttpRequest();req.responseType='arraybuffer';req.addEventListener('error',function(){Object(_functions__WEBPACK_IMPORTED_MODULE_1__["cleanUp"])(params);params.onError(req.statusText,req);// Since we don't have a pdf document available, we will stop the print job
- });req.addEventListener('load',function(){// Check for errors
- if([200,201].indexOf(req.status)===-1){Object(_functions__WEBPACK_IMPORTED_MODULE_1__["cleanUp"])(params);params.onError(req.statusText,req);// Since we don't have a pdf document available, we will stop the print job
- return;}// Print requested document
- createBlobAndPrint(params,printFrame,req.response);});req.open('GET',params.printable,true);req.send();}};function createBlobAndPrint(params,printFrame,data){// Pass response or base64 data to a blob and create a local object url
- var localPdf=new window.Blob([data],{type:'application/pdf'});localPdf=window.URL.createObjectURL(localPdf);// Set iframe src with pdf document url
- printFrame.setAttribute('src',localPdf);_print__WEBPACK_IMPORTED_MODULE_0__["default"].send(params,printFrame);}/***/},/***/"./src/js/print.js":/*!*************************!*\
- !*** ./src/js/print.js ***!
- \*************************/ /*! exports provided: default */ /***/function srcJsPrintJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _browser__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./browser */"./src/js/browser.js");/* harmony import */var _functions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(/*! ./functions */"./src/js/functions.js");var Print={send:function send(params,printFrame){// Append iframe element to document body
- document.getElementsByTagName('body')[0].appendChild(printFrame);// Get iframe element
- var iframeElement=document.getElementById(params.frameId);// Wait for iframe to load all content
- iframeElement.onload=function(){if(params.type==='pdf'){// Add a delay for Firefox. In my tests, 1000ms was sufficient but 100ms was not
- if(_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isFirefox()){setTimeout(function(){return performPrint(iframeElement,params);},1000);}else{performPrint(iframeElement,params);}return;}// Get iframe element document
- var printDocument=iframeElement.contentWindow||iframeElement.contentDocument;if(printDocument.document)printDocument=printDocument.document;// Append printable element to the iframe body
- printDocument.body.appendChild(params.printableElement);// Add custom style
- if(params.type!=='pdf'&¶ms.style){// Create style element
- var style=document.createElement('style');style.innerHTML=params.style;// Append style element to iframe's head
- printDocument.head.appendChild(style);}// If printing images, wait for them to load inside the iframe
- var images=printDocument.getElementsByTagName('img');if(images.length>0){loadIframeImages(Array.from(images)).then(function(){return performPrint(iframeElement,params);});}else{performPrint(iframeElement,params);}};}};function performPrint(iframeElement,params){try{iframeElement.focus();// If Edge or IE, try catch with execCommand
- if(_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isEdge()||_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isIE()){try{iframeElement.contentWindow.document.execCommand('print',false,null);}catch(e){iframeElement.contentWindow.print();}}else{// Other browsers
- iframeElement.contentWindow.print();}}catch(error){params.onError(error);}finally{if(_browser__WEBPACK_IMPORTED_MODULE_0__["default"].isFirefox()){// Move the iframe element off-screen and make it invisible
- iframeElement.style.visibility='hidden';iframeElement.style.left='-1px';}Object(_functions__WEBPACK_IMPORTED_MODULE_1__["cleanUp"])(params);}}function loadIframeImages(images){var promises=images.map(function(image){if(image.src&&image.src!==window.location.href){return loadIframeImage(image);}});return Promise.all(promises);}function loadIframeImage(image){return new Promise(function(resolve){var pollImage=function pollImage(){!image||typeof image.naturalWidth==='undefined'||image.naturalWidth===0||!image.complete?setTimeout(pollImage,500):resolve();};pollImage();});}/* harmony default export */__webpack_exports__["default"]=Print;/***/},/***/"./src/js/raw-html.js":/*!****************************!*\
- !*** ./src/js/raw-html.js ***!
- \****************************/ /*! exports provided: default */ /***/function srcJsRawHtmlJs(module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__);/* harmony import */var _print__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(/*! ./print */"./src/js/print.js");/* harmony default export */__webpack_exports__["default"]={print:function print(params,printFrame){// Create printable element (container)
- params.printableElement=document.createElement('div');params.printableElement.setAttribute('style','width:100%');// Set our raw html as the printable element inner html content
- params.printableElement.innerHTML=params.printable;// Print html contents
- _print__WEBPACK_IMPORTED_MODULE_0__["default"].send(params,printFrame);}};/***/},/***/"./src/sass/index.scss":/*!*****************************!*\
- !*** ./src/sass/index.scss ***!
- \*****************************/ /*! no static exports found */ /***/function srcSassIndexScss(module,exports,__webpack_require__){// extracted by mini-css-extract-plugin
- /***/},/***/0:/*!****************************!*\
- !*** multi ./src/index.js ***!
- \****************************/ /*! no static exports found */ /***/function _(module,exports,__webpack_require__){module.exports=__webpack_require__(/*! ./src/index.js */"./src/index.js");/***/}/******/})["default"]);});})(print);var printJS=/*@__PURE__*/getDefaultExportFromCjs(print.exports);function _isSlot(s){return typeof s==='function'||Object.prototype.toString.call(s)==='[object Object]'&&!isVNode(s);}var index=exports('default',defineComponent({name:'muiscDetial',props:{title:{type:String,default:''}},components:{colVideo:colVideo,tagItem:tagItem,musicItem:musicItem},setup:function setup(props,conent){var route=useRoute();var state=reactive({title:props.title,id:route.query.id,subjectId:'',subjectList:[],tagList:[],teacherDetail:{},musicDetail:{},musicList:[],mp3Type:'',activeRow:{},showCode:false,userType:''});ref();var getMusicList=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(){var res;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.prev=0;_context.next=3;return request.get("/api-website/open/music/sheet/detail/".concat(state.id),{});case 3:res=_context.sent;state.musicDetail=res.data;state.musicList=res.data.teacher.musicSheetList;state.subjectList=res.data.background;state.mp3Type=res.data.audioType;state.activeRow=res.data.background[0];state.subjectId=res.data.background[0].id;state.teacherDetail=res.data.teacher;_context.next=16;break;case 13:_context.prev=13;_context.t0=_context["catch"](0);console.log(_context.t0);case 16:case"end":return _context.stop();}}},_callee,null,[[0,13]]);}));return function getMusicList(){return _ref.apply(this,arguments);};}();var followVideo=/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(){var res;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.prev=0;_context2.next=3;return request.get('/api-website/student/starOrUnStar',{params:{userId:state.teacherDetail.userId,starStatus:state.teacherDetail.star?0:1}});case 3:res=_context2.sent;getMusicList();// state.otherVideoList = res.data
- _context2.next=10;break;case 7:_context2.prev=7;_context2.t0=_context2["catch"](0);console.log(_context2.t0);case 10:case"end":return _context2.stop();}}},_callee2,null,[[0,7]]);}));return function followVideo(){return _ref2.apply(this,arguments);};}();var getDetail=function getDetail(val){state.id=val;getMusicList();};onMounted(function(){state.userType=getUserType();state.showCode=state.userType=='STUDENT'?true:false;getMusicList();});var printHander=function printHander(){printJS({printable:'containerPrint',// 元素id,不支持多个
- type:'html',targetStyle:['* '],targetStyles:['*'],maxWidth:'',// 最大宽度,默认800,仅支持数字
- style:'@page{size:auto; margin: 0;}'+'@media print { @page {size: landscape } }'// landscape 默认横向打印
- });};return function(){var _slot;return createVNode(Fragment,null,[createVNode("div",{"class":classes$1.wall},null),createVNode("div",{"class":[classes$1.width1200,classes$1.musicWrap]},[createVNode("div",{"class":classes$1.left},[createVNode("div",{"class":classes$1.title},[createVNode("div",{"class":classes$1.titleLeft},[createVNode("p",null,[createTextVNode("\u58F0\u90E8\uFF1A")]),createVNode(ElSelect,{"class":"w-full subjectChiose","modelValue":state.subjectId,"onUpdate:modelValue":function onUpdateModelValue($event){return state.subjectId=$event;},"placeholder":"请选择声部"},_isSlot(_slot=state.subjectList.map(function(item){return createVNode(ElOption,{"key":item.id,"value":item.id,"label":item.track},null);}))?_slot:{default:function _default(){return[_slot];}})]),createVNode("div",{"class":classes$1.titleRight,"onClick":function onClick(){return printHander();}},[createVNode("img",{"src":printIcon,"alt":""},null),createVNode("p",null,[createTextVNode("\u6253\u5370\u4E50\u8C31")])])]),createVNode("div",{"class":classes$1.musicContent,"id":'containerPrint',"ref":"print"},[createTextVNode("123")]),state.showCode?createVNode("div",{"class":classes$1.showCode},[createVNode("div",{"class":classes$1.showCodeWrap},[createVNode("img",{"class":classes$1.close,"src":iconClose,"alt":"","onClick":function onClick(){state.showCode=false;}},null),createVNode("img",{"class":classes$1.code,"src":code,"alt":""},null),createVNode("h2",{"class":classes$1.title},[createTextVNode("\u9177\u4E50\u79C0")]),createVNode("p",{"class":classes$1.conent},[createTextVNode("\u626B\u7801\u4E0B\u8F7D\u9177\u4E50\u79C0APP")]),createVNode("p",{"class":classes$1.subConent},[createTextVNode("\u4F7F\u7528\u5C0F\u9177Ai\u5373\u53EF\u667A\u80FD\u7EC3\u4E60\u672C\u9996\u66F2\u76EE\u54E6\uFF01")]),createVNode("img",{"src":banner,"alt":""},null)])]):null,state.mp3Type=='MP3'?createVNode(colVideo,{"src":state.activeRow.audioFileUrl,"styleValue":{height:'68px',bacground:'#333'},"type":'audto',"settings":['captions','quality','speed','loop'],"class":classes$1.audios},null):null]),createVNode("div",{"class":classes$1.right},[createVNode("div",{"class":classes$1.musicInfo},[createVNode("h2",null,[createTextVNode("\u66F2\u76EE\uFF1A"),state.musicDetail.musicSheetName]),createVNode("div",{"class":classes$1.collect},[createVNode("img",{"src":start$1,"class":classes$1.start,"alt":""},null),createVNode("p",null,[state.musicDetail.favoriteNum,createTextVNode("\u4EBA\u6536\u85CF")])]),createVNode("div",{"class":classes$1.tagList},[state.tagList.map(function(item){return createVNode(tagItem,{"title":item.key},{default:function _default(){return[item.key];}});})]),createVNode("p",{"class":classes$1.subTitle},[createTextVNode("\u4F5C\u66F2\u4EBA\uFF1A"),createVNode("span",null,[state.musicDetail.composer])]),createVNode("p",{"class":classes$1.subTitle},[createTextVNode("\u58F0\u90E8\uFF1A"),createVNode("span",null,[state.musicDetail.subjectNames])])]),createVNode("div",{"class":classes$1.btooom},[state.teacherDetail.userId?createVNode("div",{"class":classes$1.teacherInfo},[createVNode("div",{"class":classes$1.teacherHeadWrap},[createVNode("div",{"class":classes$1.teacherHeadLeft},[createVNode("img",{"src":state.teacherDetail.avatar?state.teacherDetail.avatar:iconTeacher,"alt":"","class":classes$1.teacherHeader},null),createVNode("div",{"class":classes$1.teacherHeadInfo},[createVNode("div",{"class":classes$1.teacherHeadName},[createVNode("span",null,[state.teacherDetail.userName]),!state.teacherDetail.entryFlag?'':createVNode("img",{"src":teacher,"class":classes$1.teacherIcon,"alt":""},null),!state.teacherDetail.musicianFlag?'':createVNode("img",{"src":musiceIcon,"class":classes$1.teacherIcon,"alt":""},null)]),createVNode("p",{"class":classes$1.fens},[createTextVNode("\u7C89\u4E1D "),createVNode("span",null,[state.teacherDetail.fansNum])])])]),state.userType=='STUDENT'?createVNode("div",{"class":[classes$1.teacherHeadRight,state.teacherDetail.star?classes$1.isStart:''],"onClick":function onClick(){return followVideo();}},[state.teacherDetail.star?'已关注':'关注']):null])]):null,createVNode("div",{"class":classes$1.otherMusic},[createVNode("h2",null,[createTextVNode("Ta\u7684\u66F2\u8C31")]),createVNode("div",{"class":classes$1.otherMusicList},[state.musicList.map(function(item){return createVNode(musicItem,{"item":item,"onMusicDetail":function onMusicDetail(val){return getDetail(val);}},null);})])])])])])]);};}}));}};});})();
|