https://vrp.live/assets/MemberList.2826e066.js

1import{_ as e}from"./CommonPage.627f1e76.js";import{u as t}from"./color.8bb98d97.js";import{B as a,C as r,c as l,f as s,o,N as n,i as c,j as d,g as u,H as m,k as i,n as p,L as f,I as b,w as g,h as v,D as y,F as x}from"./vendor.02e30f75.js";import{u as S}from"./request.849605cf.js";import"./AreaFooter.7386079e.js";import"./index.78cb4a2a.js";import"./index.7e17e2a6.js";a("data-v-6defaaf0");const V={key:0,class:"new absolute top-2 -right-5 flex-center rounded-full border font-bold text-xs tracking-normal"},j={class:"circle flex-center"},k={class:"mid flex-center"},w={class:"in"},L=i("div",{class:"bg"},null,-1),_={class:"info text-center tracking-wider font-dbs mt-4"},h={class:"name"};r();const A={props:{mcolor:String,name:String,enname:String,type:String,debut:Number,src:String},setup(e){const a=e,r=l((()=>Date.now()-a.debut<7776e6)),b=l((()=>a.enname)),g=l((()=>{const e=t(a.mcolor);return[e.string(),e.fade(.5).string(),e.fade(.75).string()]}));return(t,l)=>{const v=s("router-link");return o(),n(v,{to:`/member/${d(b)}`,class:"vup relative",style:p(`--color-1:${d(g)[0]};--color-2:${d(g)[1]};--color-3:${d(g)[2]};`)},{default:c((()=>[d(r)?(o(),u("div",V,"NEW")):m("",!0),i("div",j,[i("div",k,[i("div",w,[L,i("div",{class:"avatar trans-center",style:p(`background-image:url(${e.src})`)},null,4)])])]),i("div",_,[i("p",null,f(a.type),1),i("p",h,f(a.name),1),i("p",null,f(a.enname),1)])])),_:1},8,["to","style"])}},__scopeId:"data-v-6defaaf0"};a("data-v-61fcaca2");const C={class:"mx-auto mt-8 flex-center rounded-full border border-red-500 bg-white text-base select-group"},N={class:"select border-r border-gray-400 flex-center"},E={class:"select flex-center"},I={key:0,class:"grid grid-cols-4 mt-28 mb-32 gap-x-12 gap-y-7"};r();const U={setup(t){const a=b({type:"ALL",sort:"debutAt"}),r=new Map([["ALL","全部"],["VP","VirtuaReal Project"],["VL","VirtuaReal Link"],["VS","VirtuaReal Star"]]),p=new Map([["followersCount","粉丝数"],["nameEn","首字母正序"],["debutAt","出道时间"]]),{list:f,isFinished:V}=S("members",1e3),j=l((()=>{let e=f.value;return"ALL"!==a.type&&(e=e.filter((e=>e.project===a.type))),e.sort(((e,t)=>{let r=e[a.sort]||"",l=t[a.sort]||"";return"enName"===a.sort&&(r=r.toUpperCase(),l=l.toUpperCase()),r<l?-1:r>l?1:0})),"followersCount"===a.sort&&e.reverse(),e}));g(a,(()=>{const{type:e,sort:t}=a;localStorage.setItem("member-selected",JSON.stringify({type:e,sort:t}))}));return(()=>{try{const{type:e,sort:t}=JSON.parse(localStorage.getItem("member-selected"));e&&(a.type=e),t&&(a.sort=t)}catch(e){}})(),(t,l)=>{const f=s("el-option"),b=s("el-select");return o(),n(e,{title:"成员",en:"MEMBERS"},{default:c((()=>[i("div",C,[i("div",N,[v(b,{modelValue:d(a).type,"onUpdate:modelValue":l[0]||(l[0]=e=>d(a).type=e),placeholder:"请选择"},{default:c((()=>[(o(!0),u(x,null,y(d(r),(e=>(o(),n(f,{key:e[0],label:e[1],value:e[0]},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])]),i("div",E,[v(b,{modelValue:d(a).sort,"onUpdate:modelValue":l[1]||(l[1]=e=>d(a).sort=e),placeholder:"请选择"},{default:c((()=>[(o(!0),u(x,null,y(d(p),(e=>(o(),n(f,{key:e[0],label:e[1],value:e[0]},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])])]),d(V)?(o(),u("div",I,[(o(!0),u(x,null,y(d(j),(e=>(o(),n(A,{color:"#ff689a",key:e.enName,mcolor:e.badge,name:e.nameCn,enname:e.nameEn,type:d(r).get(e.project),debut:e.debutAt,src:e.avatarUrl},null,8,["mcolor","name","enname","type","debut","src"])))),128))])):m("",!0)])),_:1})}},__scopeId:"data-v-61fcaca2"};export{U as default};