https://moviecool.asia/_nuxt/5-tTnt5N2.js

1import{o as kt}from"./D1d4xVG6.js";import{D as i,E as St,J as nt,Kt as q,On as l,_ as o,b as R,bt as At,ct as It,er as Et,mt as j,o as Tt,qt as x,tr as z,un as H,vn as u,y as Ct}from"./IKVlQCqm.js";import{d as lt,i as Bt,p as Lt}from"./COqa1XKc.js";import{t as g}from"./0p9REYoh.js";import{n as Mt,r as Vt}from"./Dl5cC00g.js";import{t as Nt}from"./CVKkecag.js";import{t as Ut}from"./DnMuyd6E.js";import{t as Ot}from"./-Hr1cHui.js";import{t as Pt}from"./DNxaZBND.js";import{t as Rt}from"./jgI2ctVV.js";import{t as jt}from"./DJX3E4Rx.js";import{t as zt}from"./DATGI6-9.js";import{t as Ht}from"./DtbA6li4.js";import{t as Wt}from"./B4-3mSNZ2.js";import{t as Yt}from"./BLLOWLLq2.js";import{t as Dt}from"./W-SzA0nI2.js";import{n as Gt}from"./BaGqHm8M.js";var Ft={class:"page"},Kt={class:"relative container pt-11"},qt={class:"sticky top-12 z-10 -mx-4 px-0 backdrop-blur bg-black/50 lg:mx-0"},Jt={class:"flex items-center justify-between gap-2"},Qt={class:"flex items-stretch"},Xt=["src","alt"],Zt={class:"flex hidden min-w-60 flex-col justify-center bg-neutral-800 px-3 pt-2 sm:block"},te={class:"text-muted"},ee={class:"text-base"},ae={class:"text-xs"},se={class:"text-secondary text-center text-sm font-semibold sm:text-2xl"},re={class:"flex items-stretch justify-end"},ne={class:"flex hidden min-w-60 flex-col justify-center bg-neutral-800 px-3 pt-2 text-right sm:block"},le={class:"text-muted"},oe={class:"text-base"},ie={class:"text-xs"},ce=["src","alt"],ue={key:0,class:"mt-5"},de={class:"mt-5"},me={class:"flex flex-col items-center space-y-5"},ve={class:"flex gap-3 text-xs text-neutral-400"},_=15,y=3,Le={__name:"[id_versus]",async setup(pe){let d,$;const ot=Gt(),J=Lt(),it=kt(),W=Ot(),ct=nt("OPENCC"),V=nt("TRADITIONAL"),ut=["電影","連續劇","幕後工作"],Y=["#883e14","#ba9669","#a4a4a4"],f=["cm","cs","s"],k=5+y*f.length,m=u(([d,$]=q(()=>g(`/api/person/${J.params.id_person}`)),d=await d,$(),d)),v=u(([d,$]=q(()=>g(`/api/person/${J.params.id_versus}`)),d=await d,$(),d));if(!m.value||!v.value)throw Bt({statusCode:404,statusMessage:"Person not found"});const w=u(m.value.name),b=u(v.value.name),N=u(([d,$]=q(()=>g(`/api/casting/person/${m.value.id}/versus/${v.value.id}`)),d=await d,$(),d)),Q={base:"p-0 h-auto border-0 ring-0 text-2xl font-bold text-white placeholder:text-white/40 focus:outline-none focus-visible:outline-none"},dt={base:`${Q.base} text-right`},S=u({value:m.value.id,label:V.value?w.value.tw:w.value.cn,avatar:{src:m.value.photo_url}}),A=u({value:v.value.id,label:V.value?b.value.tw:b.value.cn,avatar:{src:v.value.photo_url}}),I=u(S.value.label),E=u(A.value.label),X=u([]),Z=u([]);async function mt(){X.value=I.value?await g(`/api/typeahead/person/${I.value}?traditional=${V.value}`):[]}async function vt(){Z.value=E.value?await g(`/api/typeahead/person/${E.value}?traditional=${V.value}`):[]}function pt(e){e?.value&&lt(`/person/${e.value}/versus/${v.value.id}`)}function _t(e){e?.value&&lt(`/person/${m.value.id}/versus/${e.value}`)}const D=it.public.HOMEURL;Mt(()=>({title:`${w.value.tw} vs. ${b.value.tw} - ${W.WEBSITE_NAME_SHORT}`,link:[{rel:"canonical",href:`${D}/person/${m.value.id}/versus/${v.value.id}`}]})),Vt({robots:"noindex, follow",description:`${w.value.tw} 和 ${b.value.tw} 的個人經歷比較，兩人合作過 ${N.value.length} 部作品。`,ogType:"article",ogUrl:`${D}/person/${m.value.id}/versus/${v.value.id}`,ogTitle:`${w.value.tw} vs. ${b.value.tw} - ${W.WEBSITE_NAME_SHORT}`,ogImage:`${D}${W.FAVICON}`,ogImageWidth:"200",ogImageHeight:"200"});const G=u("Y"),tt=u(null),et=u(null);let h=[],T=[],c=0,C,B,U,L,M,F,O;function ft(e,t){let r=Math.max(parseInt(e[0]?.y||0),parseInt(t[0]?.y||0)),a=Math.min(parseInt(e[e.length-1]?.y||r),parseInt(t[t.length-1]?.y||r));function s(n){if(n.length===0)return n;for(;parseInt(n[0].y)<r;)n.unshift({y:String(parseInt(n[0].y)+1),cs:0,cm:0,s:0});for(;parseInt(n[n.length-1].y)>a;)n.push({y:String(parseInt(n[n.length-1].y)-1),cs:0,cm:0,s:0});return n}return[s(e),s(t)]}function ht(){c=tt.value.offsetWidth;const e=h.length*k+40;C=d3.select(et.value).attr("width",c).attr("height",e),B=C.selectAll(".data1").data(h).enter().append("g").attr("class","data1").attr("transform",(t,r)=>`translate(0, ${r*k})`),U=C.selectAll(".data2").data(T).enter().append("g").attr("class","data2").attr("transform",(t,r)=>`translate(${c/2+_}, ${r*k})`),B.append("text").attr("x",c/2-12).attr("y",8).attr("class","fill-neutral-400 text-[10px]").text(t=>t.y);for(let t=0;t<f.length;t++)B.append("rect").attr("fill",Y[t]).attr("class","cursor-pointer transition-colors hover:fill-red-500 dark:hover:fill-red-400"),U.append("rect").attr("fill",Y[t]).attr("class","cursor-pointer transition-colors hover:fill-red-500 dark:hover:fill-red-400");L=C.append("g").attr("transform",`translate(0, ${h.length*k})`),M=C.append("g").attr("transform",`translate(${c/2+_}, ${T.length*k})`),F=Math.max(d3.max(h,t=>Math.max(t.cm,t.cs,t.s)),d3.max(T,t=>Math.max(t.cm,t.cs,t.s))),O=Math.max(d3.max(h,t=>t.cm+t.cs+t.s),d3.max(T,t=>t.cm+t.cs+t.s))}function P(e){e.selectAll("text").attr("class","fill-neutral-400 text-[10px]"),e.selectAll("path, line").attr("class","stroke-neutral-600")}

1function xt(){const e=d3.scaleLinear().domain([0,F]).range([0,c/2-_]),t=d3.scaleLinear().domain([0,O]).range([0,c/2-_]),r=d3.scaleLinear().domain([0,F]).range([c/2-_,0]);B.transition().duration(500).delay((a,s)=>s*20).selectAll("rect").attr("x",(a,s)=>c/2-_-t(a[f[s]])).attr("height",y).transition().attr("y",(a,s)=>s*y).attr("x",(a,s)=>c/2-_-e(a[f[s]])).attr("width",(a,s)=>e(a[f[s]])),L.call(d3.axisBottom(r).tickSize(2)),P(L),U.transition().duration(500).delay((a,s)=>s*20).selectAll("rect").attr("x",0).attr("height",y).transition().attr("y",(a,s)=>s*y).attr("width",(a,s)=>e(a[f[s]])),M.call(d3.axisBottom(e).tickSize(2)),P(M)}function gt(){const e=d3.scaleLinear().domain([0,O]).range([0,c/2-_]),t=d3.scaleLinear().domain([0,O]).range([c/2-_,0]);B.transition().duration(500).delay((r,a)=>a*20).selectAll("rect").attr("x",c/2-_).attr("width",0).attr("height",y*2).transition().attr("x",(r,a)=>{let s=0;for(let n=0;n<=a;n++)s+=r[f[n]];return c/2-_-e(s)}).attr("y",0).attr("width",(r,a)=>e(r[f[a]])),L.call(d3.axisBottom(t).tickSize(2)),P(L),U.transition().duration(500).delay((r,a)=>a*20).selectAll("rect").attr("x",0).attr("width",0).transition().attr("x",(r,a)=>{let s=0;for(let n=0;n<a;n++)s+=r[f[n]];return e(s)}).attr("y",0).attr("width",(r,a)=>e(r[f[a]])).attr("height",y*2),M.call(d3.axisBottom(e).tickSize(2)),P(M)}async function K(e){if(await ot.load(),G.value=e,h.length===0){const[t,r]=await Promise.all([g(`/api/summary/person/${m.value.id}`),g(`/api/summary/person/${v.value.id}`)]);if(t.length===0&&r.length===0)return;[h,T]=ft(t,r),ht()}e==="Y"?gt():xt()}return It(()=>K("Y")),(e,t)=>{const r=Ht,a=Ut,s=Pt,n=Nt,at=Wt,yt=Dt,$t=zt,st=jt,rt=Rt,wt=Yt;return j(),R("div",Ft,[i(r,{class:"h-55"}),o("div",Kt,[o("div",qt,[o("div",Jt,[o("div",Qt,[i(a,{to:`/person/${l(m).id}`},{default:x(()=>[o("img",{class:"h-25 shrink-0 object-cover",src:l(m).photo_url,alt:l(S).label},null,8,Xt)]),_:1},8,["to"]),o("div",Zt,[i(n,null,{default:x(()=>[i(s,{modelValue:l(S),"onUpdate:modelValue":[t[0]||(t[0]=p=>H(S)?S.value=p:null),pt],"search-term":l(I),"onUpdate:searchTerm":t[1]||(t[1]=p=>H(I)?I.value=p:null),variant:"none","trailing-icon":"",items:l(X),ui:Q,onKeyup:mt},null,8,["modelValue","search-term","items"])]),_:1}),o("div",te,[o("div",ee,z(l(w).en),1),o("div",ae,[i(at,{item:l(m),small:!0},null,8,["item"])])])])]),o("div",se,z(l(ct)(`共同參演 ${l(N).length} 部作品`)),1),o("div",re,[o("div",ne,[i(n,null,{default:x(()=>[i(s,{modelValue:l(A),"onUpdate:modelValue":[t[2]||(t[2]=p=>H(A)?A.value=p:null),_t],"search-term":l(E),"onUpdate:searchTerm":t[3]||(t[3]=p=>H(E)?E.value=p:null),variant:"none","trailing-icon":"",items:l(Z),ui:dt,onKeyup:vt},null,8,["modelValue","search-term","items"])]),_:1}),o("div",le,[o("div",oe,z(l(b).en),1),o("div",ie,[i(at,{item:l(v),small:!0},null,8,["item"])])])]),i(a,{to:`/person/${l(v).id}`},{default:x(()=>[o("img",{class:"h-25 shrink-0 object-cover",src:l(v).photo_url,alt:l(A).label},null,8,ce)]),_:1},8,["to"])])])]),l(N).length>0?(j(),R("div",ue,[i(yt,{data:l(N),type:"film"},null,8,["data"])])):Ct("",!0),o("div",de,[i($t,{title:"演藝生涯年表比較"}),o("div",{ref_key:"container",ref:tt},[(j(),R("svg",{ref_key:"svg_el",ref:et},null,512))],512)]),o("div",me,[o("div",ve,[(j(),R(Tt,null,At(ut,(p,bt)=>o("div",{class:"flex items-center gap-1",key:p},[o("div",{class:"h-2.5 w-2.5",style:Et(`background-color: ${Y[bt]}`)},null,4),St(z(p),1)])),64))]),i(wt,null,{default:x(()=>[i(rt,{text:"加總統計"},{default:x(()=>[i(st,{variant:l(G)=="Y"?"solid":"outline",color:"grey",size:"xs",icon:"mdi:chart-bar-stacked",ui:{leadingIcon:"rotate-90"},onClick:t[4]||(t[4]=p=>K("Y"))},null,8,["variant"])]),_:1}),i(rt,{text:"分類統計"},{default:x(()=>[i(st,{variant:l(G)=="N"?"solid":"outline",color:"grey",size:"xs",icon:"mdi:chart-bar",ui:{leadingIcon:"rotate-90"},onClick:t[5]||(t[5]=p=>K("N"))},null,8,["variant"])]),_:1})]),_:1})])])])}}};export{Le as default};