classroom-instruments/dist/index-legacy-a4e421ca-1701760103461.js

System.register(["./icon_back-legacy-a8ad0d25-1701760103461.js","./index-legacy-3ecd71c7-1701760103461.js","./index-legacy-2e67ec32-1701760103461.js","./index-legacy-3cace927-1701760103461.js","./index-legacy-cccbf6ce-1701760103461.js","./icon_default-legacy-fa9bb009-1701760103461.js","./api-legacy-65e33f9f-1701760103461.js"],(function(a,e){"use strict";var t,i,o,r,n,_,d,l,s,c,p,g,h,u,m,b,w,v,y,f,C,k,A,x;return{setters:[a=>{t=a.i},a=>{i=a.d,o=a.e,r=a.O,n=a.f,_=a.w,d=a.j,l=a.k,s=a.F,c=a.dh,p=a.aS,g=a.u,h=a.n,u=a.A,m=a.ci,b=a.cj,w=a.p,v=a.q},a=>{y=a.T},a=>{f=a.T},a=>{C=a.P},a=>{k=a.i},a=>{A=a.a,x=a.b}],execute:function(){var e=document.createElement("style");e.textContent="._container_1d1l7_1 ._iconBack_1d1l7_1{width:1.875vw;height:1.875vw}._container_1d1l7_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1d1l7_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1d1l7_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1d1l7_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_1d1l7_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1d1l7_1 .n-tabs-tab-pad{width:4.16666667vw!important}._container_1d1l7_1 .n-tabs-nav{padding:0px 1.04166667vw 1.25vw}._container_1d1l7_1 .n-tabs-tab{color:#8b8d98;font-size:max(1.14583333rem,14Px);padding-top:0;padding-bottom:.3125vw;line-height:1.14583333vw}._container_1d1l7_1 .n-tabs-tab.n-tabs-tab--active{font-weight:600!important;color:#131415!important}._container_1d1l7_1 .n-tabs-tab__label{z-index:10}._container_1d1l7_1 .n-tabs-bar{height:.52083333vw;background:linear-gradient(90deg,#77BBFF 0%,rgba(163,231,255,.22) 100%);z-index:0;bottom:.10416667vw}._container_1d1l7_1 .n-tab-pane{padding:0 .625vw!important}._container_1d1l7_1 .n-pagination{margin-top:1.875vw!important}._container_1d1l7_1>.n-space{height:1.875vw;flex-shrink:0}._container_1d1l7_1 ._separator_1d1l7_63{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_1d1l7_68{padding-top:.625vw;flex:1;transition:padding .3s}._listWrap_1d1l7_73{padding:1.66666667vw 1.04166667vw;background-color:#fff;border-radius:1.04166667vw;min-height:100%;width:calc(100vw - 8.54166667vw)}._listWrap_1d1l7_73 .n-tabs-tab-pad{width:4.16666667vw!important}._listWrap_1d1l7_73 .n-tabs-nav{padding:0px 1.04166667vw 1.25vw}._listWrap_1d1l7_73 .n-tabs-tab{color:#8b8d98;font-size:max(1.14583333rem,14Px);padding-top:0;padding-bottom:.3125vw;line-height:1.14583333vw}._listWrap_1d1l7_73 .n-tabs-tab.n-tabs-tab--active{font-weight:600!important;color:#131415!important}._listWrap_1d1l7_73 .n-tabs-tab__label{z-index:10}._listWrap_1d1l7_73 .n-tabs-bar{height:.52083333vw;background:linear-gradient(90deg,#77BBFF 0%,rgba(163,231,255,.22) 100%);z-index:0;bottom:.10416667vw}._listWrap_1d1l7_73 .n-tab-pane{padding:0 .625vw!important}._listWrap_1d1l7_73 .n-pagination{margin-top:1.875vw!important}._searchGroup_1eoa2_1{position:relative;padding:0}._searchGroup_1eoa2_1 ._btnType_1eoa2_5{gap:0px 1.25vw!important}._searchGroup_1eoa2_1 ._btnType_1eoa2_5 .n-button{height:1.92708333vw;padding:0 1.25vw;font-size:.9375rem;color:rgba(0,0,0,.6)}._searchGroup_1eoa2_1 ._btnType_1eoa2_5 .n-button.n-button--primary-type{font-weight:700;color:#fff}._searchGroup_1eoa2_1 ._inputSearch_1eoa2_18{width:18.75vw;height:2.1875vw;font-size:.83333333rem;--n-height: 2.1875vw !important}._searchGroup_1eoa2_1 ._inputSearch_1eoa2_18 img{width:.9375vw;height:.9375vw}._searchGroup_1eoa2_1 ._inputSearch_1eoa2_18 .n-input-wrapper{padding-left:.625vw;padding-right:.20833333vw;height:2.1875vw!important}._searchGroup_1eoa2_1 ._inputSearch_1eoa2_18 .n-button{height:1.77083333vw;font-size:.78125rem;font-weight:500;width:auto}._searchGroup_1eoa2_1 ._searchCatatory_1eoa2_39{display:flex;justify-content:space-between;margin-bottom:1.04166667vw}._searchGroup_1eoa2_1 ._searchCatatory_1eoa2_39._border_1eoa2_44{padding-bottom:1.25vw;border-bottom:1px solid #F2F2F2}._searchGroup_1eoa2_1 ._searchCatatory_1eoa2_39 ._addTrain_1eoa2_48{height:1.92708333vw;border-radius:.41666667vw;font-size:.9375rem;background-color:#e8f4ff;color:#0378ec}._searchGroup_1eoa2_1 ._searchCatatory_1eoa2_39 ._addTrain_1eoa2_48 img{width:.83333333vw;height:.83333333vw;margin-right:.41666667vw}._list_1eoa2_60{margin-top:.625vw;display:flex;flex-flow:row wrap;justify-content:flex-start;gap:1.04166667vw 0;min-height:12.08333333vw;margin-left:-.52083333vw;margin-right:-.52083333vw}._list_1eoa2_60 ._itemWrap_1eoa2_70{width:calc(100% / 3);padding-bottom:calc(100% / 3 * .1957894);position:relative;height:0}._list_1eoa2_60 ._itemWrap_1eoa2_70 ._itemWrapBox_1eoa2_76{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 .52083333vw}._list_1eoa2_60 ._itemCard_1eoa2_84{position:relative;height:100%;background:#F4F4F4;border-radius:.67708333vw;transition:all .2s ease;border:.10416667vw solid #F4F4F4;display:flex;align-items:center;justify-content:space-between;padding:0 .88541667vw}._list_1eoa2_60 ._itemCard_1eoa2_84:hover{border:.10416667vw solid #007afe;transition:all .2s ease}._list_1eoa2_60 ._itemCard_1eoa2_84 ._musicBg_1eoa2_100{width:2.60416667vw;height:2.60416667vw;border-radius:.9375vw;margin-right:.52083333vw}._list_1eoa2_60 ._itemCard_1eoa2_84 ._itemName_1eoa2_106{display:flex;align-items:center}._list_1eoa2_60 ._itemCard_1eoa2_84 ._btn_1eoa2_5{background:linear-gradient(73deg,#5BECFF 0%,#259CFE 100%)!important;border:none!important}._list_1eoa2_60 ._itemCard_1eoa2_84 ._btn_1eoa2_5 .n-button__border{border:none}._list_1eoa2_60 ._itemCard_1eoa2_84 ._btn_1eoa2_5:hover .n-button__state-border,._list_1eoa2_60 ._itemCard_1eoa2_84 ._btn_1eoa2_5:focus .n-button__state-border,._list_1eoa2_60 ._itemCard_1eoa2_84 ._btn_1eoa2_5:active .n-button__state-border{border:none}._list_1eoa2_60 ._itemCard_1eoa2_84 ._iconArrow_1eoa2_122{display:inline-block;margin-left:.41666667vw;width:.41666667vw;height:.52083333vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAAPxJREFUOE/NlD1KQ0EUhb9TWAVSCVmAuIlkD4KNTYqAYGNl6uwhre5ALAxkBakFuzSCpRtIII3VDSe8Kfx9b5wpvM3AvHe+uXfunSOaiIgT4EjSS9rLWRURA+ARGDXCZ+BS0joX9ABcfBK9AzNgLim6AJ3RFuj/8PMKmEh6a4MZ1HbiBriWdP8brAso6Q0y0OAvkQOy2CW6VJf8IXJBFvsq5m6GJDflEH8BJa3HY5zGpARkoDO6kXRXCkrZndUCLf4dqLg0X/ZU0m1JacXtrzKQVZ5I8aPtbCM7oFfD2BbAeQ2rPQaWwLCBPQFX2eafMomI04OvSK9t/vzd9z3mWooBqQP50QAAAABJRU5ErkJggg==) no-repeat center;background-size:contain}._popSelect_1eoa2_130{font-size:.83333333rem;width:8.33333333vw;box-shadow:0 2 .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._spaceSection_1eoa2_137{padding-bottom:1.04166667vw}._textBtn_1eoa2_140{background:#fff;border-radius:.41666667vw;padding:.20833333vw .88541667vw;font-size:.83333333rem;color:rgba(0,0,0,.6);cursor:pointer}._textBtn_1eoa2_140:hover,._textBtn_1eoa2_140._textBtnActive_1eoa2_149{background:#D2ECFF;font-weight:600;color:#131415}\n",document.head.appendChild(e);const B={container:"_container_1d1l7_1",iconBack:"_iconBack_1d1l7_1",separator:"_separator_1d1l7_63",wrap:"_wrap_1d1l7_68",listWrap:"_listWrap_1d1l7_73"},I={searchGroup:"_searchGroup_1eoa2_1",btnType:"_btnType_1eoa2_5",inputSearch:"_inputSearch_1eoa2_18",searchCatatory:"_searchCatatory_1eoa2_39",border:"_border_1eoa2_44",addTrain:"_addTrain_1eoa2_48",list:"_list_1eoa2_60",itemWrap:"_itemWrap_1eoa2_70",itemWrapBox:"_itemWrapBox_1eoa2_76",itemCard:"_itemCard_1eoa2_84",musicBg:"_musicBg_1eoa2_100",itemName:"_itemName_1eoa2_106",btn:"_btn_1eoa2_5",iconArrow:"_iconArrow_1eoa2_122",popSelect:"_popSelect_1eoa2_130",spaceSection:"_spaceSection_1eoa2_137",textBtn:"_textBtn_1eoa2_140",textBtnActive:"_textBtnActive_1eoa2_149"},S=i({name:"search-group",props:{categoryChildList:{type:Array,default:()=>[]},wikiCategoryId:{type:String,default:""}},emits:["search","add"],expose:["init"],setup(a,{emit:e}){const t=o({keyword:"",wikiCategoryId:"",wikiCategoryIdChild:"",childIds:[]}),i=()=>{e("search",t)},g=(a,e)=>{const i={};return a?.forEach((a=>{a.id===t.wikiCategoryIdChild&&(i.selected=!0,i.name=a.name)})),i},h=r((()=>{const e=(a.categoryChildList||[]).find((a=>a.id===t.wikiCategoryId));return e&&e.childrenList.length?(e.childrenList.forEach((a=>{a.childrenList.forEach((a=>{a.label=a.name,a.value=a.id}))})),[{label:"全部",value:"",id:"",name:"全部",childrenList:[]},...e.childrenList]||[]):[]}));return console.log(a.categoryChildList,"categoryChildList"),()=>{let e;return n("div",{class:I.searchGroup},[n("div",{class:[I.searchCatatory,h.value.length>0?I.border:""]},[n(_,{size:"small",class:I.btnType},{default:()=>[n(d,{type:""===t.wikiCategoryId?"primary":"default",secondary:""!==t.wikiCategoryId,round:!0,size:"small",focusable:!1,onClick:()=>{t.wikiCategoryId=a.wikiCategoryId,t.wikiCategoryIdChild="",i()}},{default:()=>[l("全部")]}),a.categoryChildList.map((a=>n(d,{type:t.wikiCategoryId===a.id?"primary":"default",secondary:t.wikiCategoryId!==a.id,round:!0,size:"small",focusable:!1,onClick:()=>{t.wikiCategoryId=a.id,i()}},{default:()=>[a.name]})))]}),n(y,{class:I.inputSearch,placeholder:"请输入曲目鉴赏关键词",round:!0,onSearch:a=>{t.keyword=a,i()}},null)]),h.value.length>0&&n("div",{class:[I.collapseWrap]},[n(_,{class:[I.spaceSection]},(o=e=h.value.map(((a,e)=>n(s,null,[a.childrenList.length>0?n(c,{options:a.childrenList,trigger:"click",value:t.wikiCategoryIdChild,"onUpdate:value":[a=>t.wikiCategoryIdChild=a,()=>{i()}],key:a.id,class:I.popSelect},{default:()=>[n("span",{class:[I.textBtn,g(a.childrenList).selected&&I.textBtnActive]},[g(a.childrenList).name||a.name])]}):n("span",{class:[I.textBtn,t.wikiCategoryIdChild===a.id&&I.textBtnActive],onClick:()=>{t.wikiCategoryIdChild=a.id,i()}},[a.name])]))),"function"==typeof o||"[object Object]"===Object.prototype.toString.call(o)&&!p(o)?e:{default:()=>[e]}))])]);var o}}}),L=i({name:"music-list",props:{categoryId:{type:String,default:""},categoryChildList:{type:Array,default:()=>[]}},setup(a){const e=g(),t=o({searchWord:"",loading:!1,pageTotal:0,pagination:{page:1,rows:20},searchGroup:{type:"MUSIC",keyword:"",wikiCategoryId:a.categoryId},tableList:[],teachingStatus:!1,show:!1,item:{}}),i=async()=>{t.loading=!0;try{const{data:a}=await A({...t.pagination,...t.searchGroup});t.tableList=a.rows||[],t.pageTotal=Number(a.total)}catch{}t.loading=!1};return h((()=>{i()})),()=>n("div",{class:I.instrumentList},[n(S,{categoryChildList:a.categoryChildList,wikiCategoryId:a.categoryId,onSearch:a=>(async a=>{t.pagination.page=1;const{wikiCategoryIdChild:e,wikiCategoryId:o}=a;t.searchGroup=Object.assign(t.searchGroup,{wikiCategoryId:e||o}),i()})(a)},null),n(u,{show:t.loading,"onUpdate:show":a=>t.loading=a,style:{"min-height":"50vh"}},{default:()=>[n("div",{class:I.list},[t.tableList.map((a=>n("div",{class:I.itemWrap},[n("div",{class:I.itemWrapBox},[n("div",{class:I.itemCard},[n("div",{class:I.itemName},[n("img",{src:a.avatar||k,class:I.musicBg},null),n("span",{class:I.name},[a.name])]),n(d,{class:I.btn,round:!0,type:"primary",onClick:()=>{e.push({path:"/content-music-detail",query:{id:a.id,name:a.name}})}},{default:()=>[l("播放"),n("i",{class:I.iconArrow},null)]})])])]))),!t.loading&&t.tableList.length<=0&&n(f,{style:{minHeight:"50vh"},description:"暂无音乐人"},null)])]}),n(C,{page:t.pagination.page,"onUpdate:page":a=>t.pagination.page=a,pageSize:t.pagination.rows,"onUpdate:pageSize":a=>t.pagination.rows=a,pageTotal:t.pageTotal,"onUpdate:pageTotal":a=>t.pageTotal=a,onList:i},null)])}});a("default",i({name:"content-music",setup(){const a=g(),e=o({tabValue:"",categoryList:[]});return(async()=>{try{const{data:a}=await x({type:"MUSIC",page:1,rows:99});e.categoryList=a.rows||[],e.categoryList.length&&(e.tabValue="name-"+e.categoryList[0].id)}catch{}})(),()=>{let i;return n("div",{class:B.container},[n(_,{align:"center",wrapItem:!1,size:16},{default:()=>[n("img",{style:{cursor:"pointer"},src:t,class:B.iconBack,onClick:()=>a.push({path:"/"})},null),n(m,{separator:""},{default:()=>[n(b,null,{default:()=>[l("曲目鉴赏")]})]})]}),n("div",{class:B.wrap},[n("div",{class:B.listWrap},[n(w,{defaultValue:"myResources",paneClass:B.paneTitle,justifyContent:"center",paneWrapperClass:B.paneWrapperContainer,value:e.tabValue,"onUpdate:value":a=>e.tabValue=a},(o=i=e.categoryList.map((a=>n(v,{name:`name-${a.id}`,tab:a.name},{default:()=>[n(L,{categoryId:a.id,categoryChildList:a.childrenList},null)]}))),"function"==typeof o||"[object Object]"===Object.prototype.toString.call(o)&&!p(o)?i:{default:()=>[i]}))])])]);var o}}}))}}}));