| 1 |
- System.register(["./index-legacy-89b385bc.js","./index-legacy-b6402b5c.js","./api-legacy-1b857751.js"],(function(e,t){"use strict";var i,a,n,c,o,d,r,s,l,_,g,u,m,x,p=document.createElement("style");return p.textContent='._container_ecxzj_1{display:flex;flex-direction:column;background:#FFFFFF;border-radius:20Px}._tools_ecxzj_7{padding:1.66667vw 1.66667vw 1.04167vw;display:flex;align-items:flex-start;flex-shrink:0}._tools_ecxzj_7 .n-input{margin-left:auto;width:18.75vw}._tools_ecxzj_7 .n-button.n-button--disabled{cursor:initial;padding:0}._tools_ecxzj_7 ._tagWrap_ecxzj_21{flex:1;margin-right:20Px}._tools_ecxzj_7 ._tags_ecxzj_25{padding:.625vw 0}._tools_ecxzj_7 ._tags_ecxzj_25 .n-button{min-width:5.3125vw;height:1.92708vw;padding:0 1.25vw;font-size:.9375vw}._content_ecxzj_34{flex:1;padding:20Px 36Px 36Px}._item_ecxzj_38{position:relative;width:214Px;cursor:pointer;transition:all .3s}._item_ecxzj_38 ._cover_ecxzj_44{position:relative;overflow:hidden}._item_ecxzj_38 ._cover_ecxzj_44:before{content:"";position:absolute;top:107Px;left:0;width:214Px;height:214Px;background:#DDF2FF;border-radius:50%}._item_ecxzj_38:hover{transform:scale(1.1)}._item_ecxzj_38 ._itemImg_ecxzj_61{position:relative;width:158Px;height:223Px;margin:auto;background-color:#edeff2;background-image:url('+new URL("icon_default-c2fa566e.svg",t.meta.url).href+');background-repeat:no-repeat;background-position:center center}._item_ecxzj_38 ._itemImg_ecxzj_61:before{content:"";position:absolute;top:4Px;right:-4Px;width:4Px;height:calc(100% - 8Px);background-color:#c5c5c5;z-index:1}._item_ecxzj_38 ._itemImg_ecxzj_61:after{content:"";position:absolute;top:2Px;right:-2Px;width:4Px;height:calc(100% - 4Px);background-color:#e7e7e7;z-index:2}._item_ecxzj_38 ._itemImg_ecxzj_61 ._itemBg_ecxzj_91{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-repeat:no-repeat;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(255,255,255,.08) 0%,transparent .5%),linear-gradient(to right,rgba(0,0,0,.1) .3%,rgba(255,255,255,.09) 1.1%,transparent 1.3%);background-size:50% 100%,50% 100%;background-position:0% top,9% top}._item_ecxzj_38 ._itemImg_ecxzj_61 .n-image{position:relative;width:100%;height:100%;z-index:3}._item_ecxzj_38 ._itemImg_ecxzj_61 img{transition:opacity .3s;opacity:0}._item_ecxzj_38 ._itemImg_ecxzj_61 img[data-loaded=true]{opacity:1}._item_ecxzj_38 ._itemName_ecxzj_116{margin-top:16Px;font-size:16Px;font-weight:500;color:#333;text-align:center}\n',document.head.appendChild(p),{setters:[e=>{i=e.T},e=>{a=e.d,n=e.u,c=e.e,o=e.q,d=e.f,r=e.B,s=e.j,l=e.F,_=e.bX,g=e.o,u=e.aG},e=>{m=e.a,x=e.b}],execute:function(){const t="_container_ecxzj_1",p="_tools_ecxzj_7",h="_tagWrap_ecxzj_21",z="_tags_ecxzj_25",j="_content_ecxzj_34",v="_item_ecxzj_38",f="_cover_ecxzj_44",b="_itemImg_ecxzj_61",y="_itemBg_ecxzj_91",w="_itemName_ecxzj_116";e("default",a({name:"XiaokuAi",setup(){const e=n(),a=c({musicTagIds:[],keyword:"",page:1,rows:9999}),I=c({tags:[],tagChildren:[],tagActiveId:"",tagActive:{},list:[],loading:!1}),k=async()=>{I.loading=!0;const e=await x({...a,musicTagIds:[I.tagActiveId,...a.musicTagIds].filter(Boolean)});Array.isArray(e?.data?.rows)&&(I.list=e.data.rows),I.loading=!1},P=(e,t)=>{const i={columnName:e[0].columnName,list:[]},a=[];for(let n=0;n<e.length;n++)i.list.push({name:e[n].name,id:e[n].id,activeIndex:-1}),e[n].children&&a.push(...e[n].children);t.push(i),a.length&&P(a,t)};return o((async()=>{await(async()=>{const e=await m();if(Array.isArray(e?.data)&&e.data.length){I.tags=e.data,I.tagActiveId=e.data[0].id;const t=[];P(e.data[0].children,t),I.tagChildren=t}})(),k()})),()=>{let n;return d("div",{class:t},[d("div",{class:p},[d("div",{class:h},[d("div",{class:z},[d(r,{size:[24,12]},{default:()=>[d(s,{quaternary:!0,disabled:!0},{default:()=>[I.tags[0]?.columnName]}),I.tags.map(((e,t)=>d(l,null,[d(s,{round:!0,secondary:!0,type:I.tagActiveId===e.id?"primary":"default",onClick:()=>((e,t)=>{I.tagActiveId=e.id,a.musicTagIds=[];const i=[];P(I.tags[t].children,i),I.tagChildren=i,k()})(e,t)},{default:()=>[e.name]})])))]})]),I.tagChildren.map(((e,t)=>d("div",{class:z},[d(r,{size:[24,12]},{default:()=>[d(s,{quaternary:!0,disabled:!0},{default:()=>[e.columnName]}),e.list.map(((i,n)=>d(l,null,[d(s,{round:!0,secondary:!0,type:e.activeIndex===n?"primary":"default",onClick:()=>((e,t)=>{const i=I.tagChildren[e].list[I.tagChildren[e].activeIndex],n=I.tagChildren[e].list[t];i&&i.id!==n.id&&(a.musicTagIds=a.musicTagIds.filter((e=>e!==i.id))),a.musicTagIds.includes(n.id)?(a.musicTagIds=a.musicTagIds.filter((e=>e!==n.id)),I.tagChildren[e].activeIndex=-1):(a.musicTagIds.push(n.id),I.tagChildren[e].activeIndex=t),k()})(t,n)},{default:()=>[i.name]})])))]})])))]),d(i,{round:!0,onSearch:e=>{a.keyword=e,k()}},null)]),d(_,{show:I.loading},{default:()=>{return[d("div",{class:j},[d(r,{size:[50,40]},(t=n=I.list.map(((t,i)=>d("div",{class:v,key:`item-${i}`,onClick:()=>e.push({path:"/xiaoku-music",query:{id:t.id,name:t.name}})},[d("div",{class:f},[d("div",{class:b},[d("div",{class:y},null),d(g,{objectFit:"cover",src:t.coverImg,lazy:!0,previewDisabled:!0,onLoad:e=>{e.target.dataset.loaded="true"}},null)])]),d("div",{class:w},[t.name])]))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!u(t)?n:{default:()=>[n]}))])];var t}})])}}}))}}}));
|
