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