import{T as y}from"./index-bdca2be1.js";import{d as _,u as T,e as f,q as C,f as a,X as m,j as u,F as p,a3 as q,o as N,b5 as A}from"./index-7bba3724.js";import{a as w,b}from"./api-1af70bf9.js";import{T as k}from"./index-fbfc330e.js";const S="_container_1uq38_1",B="_tools_1uq38_7",j="_tagWrap_1uq38_21",z="_tags_1uq38_25",W="_content_1uq38_37",F="_item_1uq38_41",x="_cover_1uq38_47",L="_itemImg_1uq38_64",O="_itemBg_1uq38_94",V="_itemName_1uq38_119",c={container:S,tools:B,tagWrap:j,tags:z,content:W,item:F,cover:x,itemImg:L,itemBg:O,itemName:V};function X(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!A(l)}const R=_({name:"XiaokuAi",setup(){const l=T(),o=f({musicTagIds:[],keyword:"",page:1,rows:9999}),s=f({tags:[],tagChildren:[],tagActiveId:"",tagActive:{},list:[],loading:!1}),v=async()=>{const t=await w();if(Array.isArray(t==null?void 0:t.data)&&t.data.length){s.tags=t.data,s.tagActiveId=t.data[0].id;const e=[];g(t.data[0].children,e),s.tagChildren=e}},d=async()=>{var e;s.loading=!0;const t=await b({...o,musicTagIds:[s.tagActiveId,...o.musicTagIds].filter(Boolean)});Array.isArray((e=t==null?void 0:t.data)==null?void 0:e.rows)&&(s.list=t.data.rows),s.loading=!1},g=(t,e)=>{if(!(t!=null&&t.length))return;const i={columnName:t[0].columnName,list:[]},r=[];for(let n=0;n<t.length;n++)i.list.push({name:t[n].name,id:t[n].id,activeIndex:-1}),t[n].children&&r.push(...t[n].children);e.push(i),r.length&&g(r,e)};C(async()=>{await v(),d()});const h=(t,e)=>{s.tagActiveId=t.id,o.musicTagIds=[];const i=[];g(s.tags[e].children,i),s.tagChildren=i,d()},I=(t,e)=>{const i=s.tagChildren[t].list[s.tagChildren[t].activeIndex],r=s.tagChildren[t].list[e];i&&i.id!==r.id&&(o.musicTagIds=o.musicTagIds.filter(n=>n!==i.id)),o.musicTagIds.includes(r.id)?(o.musicTagIds=o.musicTagIds.filter(n=>n!==r.id),s.tagChildren[t].activeIndex=-1):(o.musicTagIds.push(r.id),s.tagChildren[t].activeIndex=e),d()};return()=>{let t;return a("div",{class:c.container},[a("div",{class:c.tools},[a("div",{class:c.tagWrap},[a("div",{class:c.tags},[a(m,{size:[24,12]},{default:()=>[a(u,{quaternary:!0,disabled:!0},{default:()=>{var e,i;return[(i=(e=s.tags)==null?void 0:e[0])==null?void 0:i.columnName]}}),s.tags.map((e,i)=>a(p,null,[a(u,{round:!0,secondary:s.tagActiveId!==e.id,type:s.tagActiveId===e.id?"primary":"default",onClick:()=>h(e,i)},{default:()=>[e.name]})]))]})]),s.tagChildren.map((e,i)=>a("div",{class:c.tags},[a(m,{size:[24,12]},{default:()=>[a(u,{quaternary:!0,disabled:!0},{default:()=>[e.columnName]}),e.list.map((r,n)=>a(p,null,[a(u,{round:!0,secondary:e.activeIndex!==n,type:e.activeIndex===n?"primary":"default",onClick:()=>I(i,n)},{default:()=>[r.name]})]))]})]))]),a(y,{round:!0,onSearch:e=>{o.keyword=e,d()}},null)]),a(q,{show:s.loading},{default:()=>[a("div",{class:c.content},[s.list.length>0?a(m,{size:[50,40]},X(t=s.list.map((e,i)=>a("div",{class:c.item,key:`item-${i}`,onClick:()=>l.push({path:"/xiaoku-music",query:{id:e.id,name:e.name}})},[a("div",{class:c.cover},[a("div",{class:c.itemImg},[a("div",{class:c.itemBg},null),a(N,{objectFit:"cover",src:e.coverImg,lazy:!0,previewDisabled:!0,onLoad:r=>{r.target.dataset.loaded="true"}},null)])]),a("div",{class:c.itemName},[e.name])])))?t:{default:()=>[t]}):a(k,null,null)])]})])}}});export{R as default};