var a;import{_ as e}from"./index.DaBf6OW7.js";import{aS as l,r as t,aq as s}from"./index.DzMEW5yK.js";import{u as r,a0 as o,R as c,l as n,F as u,aa as i,an as m,a4 as d,j as v,aB as p,i as b,ah as f,S as h,V as _,a8 as g,g as V,az as y,r as T,L as x}from"./vue-vendor.CbU-cCHr.js";import{a as k,E as R}from"./el-tab-pane.VTlXnMFq.js";import"./utils-vendor.DUtsG4XZ.js";const j=t(r({__name:"index",props:{modelValue:{},characterLabels:{}},emits:["update:modelValue"],setup(a,{emit:t}){const s=a,r=t,y=g(null),T=g(100),x=V({get:()=>s.modelValue,set:a=>r("update:modelValue",a)}),k=V(()=>s.characterLabels);o(()=>{c(()=>{(()=>{if(!y.value)return;const a=y.value,e=a.offsetWidth,l=a.querySelectorAll(".character-labels-item");let t=0,s=0;l.forEach((a,l)=>{const r=a.offsetWidth,o=0===l?r:r+12;t+o<=e&&(t+=o,s++)}),T.value=s})()})});return(a,t)=>{const s=e;return d(),n("div",{ref_key:"containerRef",ref:y,class:"character-labels"},[(d(!0),n(u,null,i(m(k),(a,e)=>(d(),v(s,{class:"character-labels-item",key:a.id,style:_({visibility:e<m(T)?"visible":"hidden"}),color:"var(--character-label-color)",onClick:e=>{return t=a.name,l("category_click",{category:t}),void(x.value=t);var t}},{default:p(()=>[b("span",{class:h(a.name===m(x)?"active":"")},f(a.name),3)]),_:2},1032,["style","onClick"]))),128))],512)}}}),[["__scopeId","data-v-44a3254f"]]),C={class:"custom-tabs-label"},S=["src"],w={class:"ml-[8px]"},q=t(r({__name:"index",props:{modelValue:{},characterTabs:{}},emits:["update:modelValue"],setup(a,{emit:e}){const l=a,t=e,s=g(null),r=V({get:()=>l.modelValue,set:a=>t("update:modelValue",a)}),h=V(()=>l.characterTabs),_=()=>{if(!s.value)return;if(!window.matchMedia("(max-width: 768px)").matches)return;const a=s.value.querySelector(".el-tabs__nav-scroll"),e=s.value.querySelector(".el-tabs__item.is-active");if(!a||!e)return;const l=a.getBoundingClientRect(),t=e.getBoundingClientRect().left-l.left+a.scrollLeft;a.scrollTo({left:t,behavior:"smooth"})};return y(()=>l.modelValue,()=>{c(_)}),o(()=>{c(_)}),(a,e)=>{const l=R,t=k;return d(),n("div",{ref_key:"rootRef",ref:s,class:"character-tabs"},[T(t,{modelValue:m(r),"onUpdate:modelValue":e[0]||(e[0]=a=>x(r)?r.value=a:null)},{default:p(()=>[(d(!0),n(u,null,i(m(h),a=>(d(),v(l,{key:a.value,label:a.name,value:a.value,name:a.value},{label:p(()=>[b("div",C,[b("img",{src:a.icon,class:"custom-tabs-icon"},null,8,S),b("span",w,f(a.name),1)])]),_:2},1032,["label","value","name"]))),128))]),_:1},8,["modelValue"])],512)}}}),[["__scopeId","data-v-1e05551b"]]),B=s.global.t,I=(null==(a=window.__APP_CONFIG__)?void 0:a.characterTabIcons)||{},L=[{name:B("characterTabs.recommend"),value:"0",icon:I.recommend},{name:B("characterTabs.trending"),value:"1",icon:I.trending},{name:B("characterTabs.topRated"),value:"2",icon:I.topRated},{name:B("characterTabs.popular"),value:"3",icon:I.popular},{name:B("characterTabs.latest"),value:"4",icon:I.latest}];export{L as C,q as _,j as a};