| 1 |
- System.register(["./index-legacy-15839f6c.js","./index-legacy-d8a3ca39.js","./api-legacy-7d8ab6ca.js","./index-legacy-fbfbc1ef.js"],(function(t,a){"use strict";var e,i,l,n,o,g,s,d,r,_,c,m,u,h,p;return{setters:[t=>{e=t.T},t=>{i=t.d,l=t.u,n=t.e,o=t.q,g=t.f,s=t.H,d=t.F,r=t.j,_=t.t,c=t.o,m=t.b1},t=>{u=t.a,h=t.b},t=>{p=t.T}],execute:function(){var x=document.createElement("style");x.textContent='._container_a6l3g_1{display:flex;flex-direction:column;background:#FFFFFF;border-radius:20Px}._tools_a6l3g_7{padding:1.66666667vw 1.66666667vw 1.04166667vw;display:flex;align-items:flex-start;flex-shrink:0}._tools_a6l3g_7 .n-input{margin-left:auto;width:18.75vw}._tools_a6l3g_7 .n-button.n-button--disabled{cursor:initial;padding:0}._tools_a6l3g_7 ._tagWrap_a6l3g_21{flex:1;margin-right:20Px}._tools_a6l3g_7 ._tags_a6l3g_25{padding:.625vw 0}._tools_a6l3g_7 ._tags_a6l3g_25 ._firstButton_a6l3g_28{display:flex;align-items:center;justify-content:center;height:100%;font-size:max(.9375rem,16Px);color:#999;line-height:1.30208333vw}._tools_a6l3g_7 ._tags_a6l3g_25 .n-button{min-width:5.3125vw;height:1.92708333vw;padding:0 1.25vw;font-size:max(.9375rem,16Px)}._content_a6l3g_43{flex:1;padding:20Px 36Px 36Px}._item_a6l3g_47{position:relative;width:214Px;cursor:pointer;transition:all .3s}._item_a6l3g_47 ._cover_a6l3g_53{position:relative;overflow:hidden}._item_a6l3g_47 ._cover_a6l3g_53:before{content:"";position:absolute;top:107Px;left:0;width:214Px;height:214Px;background:#DDF2FF;border-radius:50%}._item_a6l3g_47:hover{transform:scale(1.1)}._item_a6l3g_47 ._itemImg_a6l3g_70{position:relative;width:158Px;height:223Px;margin:auto;background-color:#edeff2;background-image:url('+new URL("icon_default-c2fa566e.svg",a.meta.url).href+');background-repeat:no-repeat;background-position:center center}._item_a6l3g_47 ._itemImg_a6l3g_70:before{content:"";position:absolute;top:4Px;right:-4Px;width:4Px;height:calc(100% - 8Px);background-color:#c5c5c5;z-index:1}._item_a6l3g_47 ._itemImg_a6l3g_70:after{content:"";position:absolute;top:2Px;right:-2Px;width:4Px;height:calc(100% - 4Px);background-color:#e7e7e7;z-index:2}._item_a6l3g_47 ._itemImg_a6l3g_70 ._itemBg_a6l3g_100{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_a6l3g_47 ._itemImg_a6l3g_70 .n-image{position:relative;width:100%;height:100%;z-index:3}._item_a6l3g_47 ._itemImg_a6l3g_70 img{transition:opacity .3s;opacity:0}._item_a6l3g_47 ._itemImg_a6l3g_70 img[data-loaded=true]{opacity:1}._item_a6l3g_47 ._itemName_a6l3g_125{margin-top:16Px;font-size:16Px;font-weight:500;color:#333;text-align:center}\n',document.head.appendChild(x);const v="_container_a6l3g_1",f="_tools_a6l3g_7",b="_tagWrap_a6l3g_21",y="_tags_a6l3g_25",I="_firstButton_a6l3g_28",w="_content_a6l3g_43",P="_item_a6l3g_47",k="_cover_a6l3g_53",C="_itemImg_a6l3g_70",z="_itemBg_a6l3g_100",A="_itemName_a6l3g_125";t("default",i({name:"XiaokuAi",setup(){const t=l(),a=n({musicTagIds:[],enable:!0,keyword:"",page:1,rows:9999}),i=n({tags:[],tagChildren:[],tagActiveId:"",tagActive:{},list:[],loading:!1}),x=async()=>{i.loading=!0;const t=await h({...a,musicTagIds:[i.tagActiveId,...a.musicTagIds].filter(Boolean)});Array.isArray(t?.data?.rows)&&(i.list=t.data.rows),i.loading=!1},T=(t,a)=>{if(!t?.length)return;const e={columnName:t[0].columnName,list:[]},i=[];for(let l=0;l<t.length;l++)e.list.push({name:t[l].name,id:t[l].id,activeIndex:-1}),t[l].children&&i.push(...t[l].children);a.push(e),i.length&&T(i,a)};return o((async()=>{await(async()=>{const t=await u();if(Array.isArray(t?.data)&&t.data.length){i.tags=t.data,i.tagActiveId=t.data[0].id;const a=[];T(t.data[0].children,a),i.tagChildren=a}})(),x()})),()=>{let l;return g("div",{class:v},[g("div",{class:f},[g("div",{class:b},[g("div",{class:y},[g(s,{size:[20,12]},{default:()=>[g("span",{class:I},[i.tags?.[0]?.columnName]),i.tags.map(((t,e)=>g(d,null,[g(r,{round:!0,secondary:i.tagActiveId!==t.id,type:i.tagActiveId===t.id?"primary":"default",onClick:()=>((t,e)=>{i.tagActiveId=t.id,a.musicTagIds=[];const l=[];T(i.tags[e].children,l),i.tagChildren=l,x()})(t,e)},{default:()=>[t.name]})])))]})]),i.tagChildren.map(((t,e)=>g("div",{class:y},[g(s,{size:[24,12]},{default:()=>[g("span",{class:I},[t.columnName]),t.list.map(((l,n)=>g(d,null,[g(r,{round:!0,secondary:t.activeIndex!==n,type:t.activeIndex===n?"primary":"default",onClick:()=>((t,e)=>{const l=i.tagChildren[t].list[i.tagChildren[t].activeIndex],n=i.tagChildren[t].list[e];l&&l.id!==n.id&&(a.musicTagIds=a.musicTagIds.filter((t=>t!==l.id))),a.musicTagIds.includes(n.id)?(a.musicTagIds=a.musicTagIds.filter((t=>t!==n.id)),i.tagChildren[t].activeIndex=-1):(a.musicTagIds.push(n.id),i.tagChildren[t].activeIndex=e),x()})(e,n)},{default:()=>[l.name]})])))]})])))]),g(e,{round:!0,onSearch:t=>{a.keyword=t,x()}},null)]),g(_,{show:i.loading},{default:()=>{return[g("div",{class:w},[i.list.length>0?g(s,{size:[50,40]},(a=l=i.list.map(((a,e)=>g("div",{class:P,key:`item-${e}`,onClick:()=>t.push({path:"/xiaoku-music",query:{id:a.id,name:a.name}})},[g("div",{class:k},[g("div",{class:C},[g("div",{class:z},null),g(c,{objectFit:"cover",src:a.coverImg,lazy:!0,previewDisabled:!0,onLoad:t=>{t.target.dataset.loaded="true"}},null)])]),g("div",{class:A},[a.name])]))),"function"==typeof a||"[object Object]"===Object.prototype.toString.call(a)&&!m(a)?l:{default:()=>[l]})):g(p,null,null)])];var a}})])}}}))}}}));
|
