| 1 |
- System.register(["./index-legacy-58bb101d.js","./index-legacy-aeed5c9a.js","./api-legacy-8fe2de76.js","./index-legacy-dee14460.js"],(function(i,t){"use strict";var e,a,s,n,o,g,d,r,l,_,m,c,u,h,v;return{setters:[i=>{e=i.T},i=>{a=i.d,s=i.u,n=i.e,o=i.n,g=i.f,d=i.v,r=i.F,l=i.j,_=i.A,m=i.y,c=i.b3},i=>{u=i.a,h=i.b},i=>{v=i.T}],execute:function(){var p=document.createElement("style");p.textContent='._container_1imgs_1{display:flex;flex-direction:column;background:#FFFFFF;border-radius:1.04166667vw;min-height:100%}._tools_1imgs_8{padding:1.66666667vw 1.66666667vw 1.04166667vw;display:flex;align-items:flex-start;flex-shrink:0}._tools_1imgs_8 .n-input{margin-left:auto;width:18.75vw}._tools_1imgs_8 .n-input__input-el{height:100%;line-height:100%}._tools_1imgs_8 .n-button.n-button--disabled{cursor:initial;padding:0}._tools_1imgs_8 ._tagWrap_1imgs_26{flex:1;margin-right:1.04166667vw}._tools_1imgs_8 ._tags_1imgs_30{padding:.625vw 0}._tools_1imgs_8 ._tags_1imgs_30 ._firstButton_1imgs_33{display:flex;align-items:center;justify-content:center;height:100%;font-size:.9375rem;color:#999;line-height:1.30208333vw}._tools_1imgs_8 ._tags_1imgs_30 .n-button{min-width:5.3125vw;height:1.92708333vw;padding:0 1.25vw;font-size:.9375rem}._content_1imgs_48{flex:1;padding:1.04166667vw 1.875vw 1.875vw}._item_1imgs_52{position:relative;width:11.14583333vw;cursor:pointer;transition:all .3s}._item_1imgs_52 ._cover_1imgs_58{position:relative;overflow:hidden}._item_1imgs_52 ._cover_1imgs_58:before{content:"";position:absolute;top:5.57291667vw;left:0;width:11.14583333vw;height:11.14583333vw;background:#DDF2FF;border-radius:50%}._item_1imgs_52:hover{transform:scale(1.1)}._item_1imgs_52 ._itemImg_1imgs_75{position:relative;width:8.22916667vw;height:11.61458333vw;margin:auto;background-color:#edeff2;background-image:url('+new URL("icon_default-486fe3d3.svg",t.meta.url).href+');background-repeat:no-repeat;background-position:center center}._item_1imgs_52 ._itemImg_1imgs_75:before{content:"";position:absolute;top:.20833333vw;right:-.20833333vw;width:.20833333vw;height:calc(100% - .41666667vw);background-color:#c5c5c5;z-index:1}._item_1imgs_52 ._itemImg_1imgs_75:after{content:"";position:absolute;top:.10416667vw;right:-.10416667vw;width:.20833333vw;height:calc(100% - .20833333vw);background-color:#e7e7e7;z-index:2}._item_1imgs_52 ._itemImg_1imgs_75 ._itemBg_1imgs_105{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_1imgs_52 ._itemImg_1imgs_75 .n-image{position:relative;width:100%;height:100%;z-index:3}._item_1imgs_52 ._itemImg_1imgs_75 img{transition:opacity .3s;opacity:0}._item_1imgs_52 ._itemImg_1imgs_75 img[data-loaded=true]{opacity:1}._item_1imgs_52 ._itemName_1imgs_130{margin-top:.83333333vw;font-size:.83333333rem;font-weight:500;color:#333;text-align:center}\n',document.head.appendChild(p);const w="_container_1imgs_1",f="_tools_1imgs_8",b="_tagWrap_1imgs_26",y="_tags_1imgs_30",I="_firstButton_1imgs_33",x="_content_1imgs_48",k="_item_1imgs_52",C="_cover_1imgs_58",A="_itemImg_1imgs_75",z="_itemBg_1imgs_105",T="_itemName_1imgs_130";i("default",a({name:"XiaokuAi",setup(){const i=s(),t=n({musicTagIds:[],enable:!0,keyword:"",page:1,rows:9999}),a=n({tags:[],tagChildren:[],tagActiveId:"",tagActive:{},list:[],loading:!1}),p=async()=>{a.loading=!0;const i=await h({...t,musicTagIds:[a.tagActiveId,...t.musicTagIds].filter(Boolean)});Array.isArray(i?.data?.rows)&&(a.list=i.data.rows),a.loading=!1},F=(i,t)=>{if(!i?.length)return;const e={columnName:i[0].columnName,list:[]},a=[];for(let s=0;s<i.length;s++)e.list.push({name:i[s].name,id:i[s].id,activeIndex:-1}),i[s].children&&a.push(...i[s].children);t.push(e),a.length&&F(a,t)};return o((async()=>{await(async()=>{const i=await u();if(Array.isArray(i?.data)&&i.data.length){a.tags=i.data,a.tagActiveId=i.data[0].id;const t=[];F(i.data[0].children,t),a.tagChildren=t}})(),p()})),()=>{let s;return g("div",{class:w},[g("div",{class:f},[g("div",{class:b},[g("div",{class:y},[g(d,{size:[20,12]},{default:()=>[g("span",{class:I},[a.tags?.[0]?.columnName]),a.tags.map(((i,e)=>g(r,null,[g(l,{round:!0,secondary:a.tagActiveId!==i.id,type:a.tagActiveId===i.id?"primary":"default",onClick:()=>((i,e)=>{a.tagActiveId=i.id,t.musicTagIds=[];const s=[];F(a.tags[e].children,s),a.tagChildren=s,p()})(i,e)},{default:()=>[i.name]})])))]})]),a.tagChildren.map(((i,e)=>g("div",{class:y},[g(d,{size:[24,12]},{default:()=>[g("span",{class:I},[i.columnName]),i.list.map(((s,n)=>g(r,null,[g(l,{round:!0,secondary:i.activeIndex!==n,type:i.activeIndex===n?"primary":"default",onClick:()=>((i,e)=>{const s=a.tagChildren[i].list[a.tagChildren[i].activeIndex],n=a.tagChildren[i].list[e];s&&s.id!==n.id&&(t.musicTagIds=t.musicTagIds.filter((i=>i!==s.id))),t.musicTagIds.includes(n.id)?(t.musicTagIds=t.musicTagIds.filter((i=>i!==n.id)),a.tagChildren[i].activeIndex=-1):(t.musicTagIds.push(n.id),a.tagChildren[i].activeIndex=e),p()})(e,n)},{default:()=>[s.name]})])))]})])))]),g(e,{round:!0,onSearch:i=>{t.keyword=i,p()}},null)]),g(_,{show:a.loading},{default:()=>{return[g("div",{class:x},[a.list.length>0?g(d,{size:[50,40]},(t=s=a.list.map(((t,e)=>g("div",{class:k,key:`item-${e}`,onClick:()=>i.push({path:"/xiaoku-music",query:{id:t.id,name:t.name}})},[g("div",{class:C},[g("div",{class:A},[g("div",{class:z},null),g(m,{objectFit:"cover",src:t.coverImg,lazy:!0,previewDisabled:!0,onLoad:i=>{i.target.dataset.loaded="true"}},null)])]),g("div",{class:T},[t.name])]))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!c(t)?s:{default:()=>[s]})):g(v,null,null)])];var t}})])}}}))}}}));
|
