import{d as Q,af as A,c as I,e as k,f as h,g as i,a8 as n,ag as x,p as r,t as $,F as W,l as X,j as w,m as j}from"./NkN6QURX.js";import{u as Y}from"./DzxYJzkk.js";const Z={class:""},tt={class:"mb-10 flex flex-col gap-6 md:mb-12 md:flex-row md:items-end md:justify-between"},et={class:"relative pl-4"},nt=["data-content-key"],at=["data-content-key"],ot=["data-content-key","aria-busy"],it=["data-content-key","onClick"],lt=["data-content-key","onClick"],rt=["src"],st=["src","data-content-key"],ut={key:2,class:"mx-auto h-16 w-16 rounded-full border-2 border-slate-600/70 transition duration-300 group-hover:border-white"},mt=["data-content-key","onClick"],dt={class:"transition duration-200 group-hover:pointer-events-none group-hover:opacity-0"},ct=["data-content-key","onClick"],gt={class:"mt-8 hidden translate-y-5 opacity-0 transition duration-300 group-hover:block group-hover:translate-y-0 group-hover:opacity-100 group-hover:[animation:tsc-fadeinup_.8s_ease]"},vt=["data-content-key","onClick"],pt=Q({__name:"TechnologyStrengthCardsLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},textStyle:{},className:{},loading:{type:Boolean,default:!1},onButtonClick:{}},emits:["handle-item-click"],setup(l,{emit:N}){const c=l,L=N,{pick:g,resolveKey:s,interactive:B,isActive:u,resolveTextStyle:C,handleClick:y}=Y({content:A(c,"content"),editable:A(c,"editable"),activeKey:A(c,"activeKey"),onContentClick:c.onContentClick,textStyle:c.textStyle}),p={title:"技术实力",button:"了解更多",cards:[{title:`中国制浆造纸研究院
战略合作与技术支持`},{title:`中国造纸学会
中国造纸学会联合研发基地`},{title:`国家高新技术企业
环保荣获“高新技术企业”认定`},{title:`山东省“专精特新”企业
“专精特新”企业`}]},v=I(()=>g("title")),m=I(()=>g("button")),b=I(()=>c.content.find(e=>e?.type==="list"||e?.type==="grid"||e?.type==="table"));function S(e,a=""){return e?.attribute?.value||a}function _(e){return e?.attribute?.src||""}function F(e){return e===0?"image":`image${String(e*2).padStart(2,"0")}`}function O(e){return`image${String(e*2+1).padStart(2,"0")}`}function R(e){return`title${String(e*2+1).padStart(2,"0")}`}function U(e){return`title${String(e*2+2).padStart(2,"0")}`}function V(e){return`button${String(e+1).padStart(2,"0")}`}function E(e){return`image${String(e+8).padStart(2,"0")}`}function M(e){return e?typeof e.images=="string"?e.images.split(";").find(Boolean)||"":Array.isArray(e.images)?e.images.find(Boolean)||"":e.imageUrl||e.image||e.cover||e.src||e.url||e.attribute?.src||"":""}const T=I(()=>{const e=b.value;if(!e)return[];const a=Number(e.dataSource),t=Array.isArray(e.data)?e.data:[],d=Array.isArray(e.customData?.data)?e.customData.data:[];return(a===3?d:t).map((o,f)=>({key:o?.id??f,title:o?.title||o?.nameDisplay||o?.name||p.cards[f]?.title||"",defaultImage:o?.defaultImage||o?.icon||o?.iconUrl||"",hoverImage:o?.hoverImage||o?.hoverIcon||"",backgroundImage:M(o),number:String(o?.number||f+1).padStart(2,"0"),buttonText:o?.buttonText||p.button,rawItem:o})).filter(o=>o.title||o.backgroundImage||o.defaultImage)}),q=I(()=>Array.from({length:4},(e,a)=>{const t=g(F(a)),d=g(O(a)),K=g(R(a)),o=g(U(a)),f=g(V(a)),D=g(E(a)),P=p.cards[a]||{title:""};return{key:`static-${a}`,title:S(K,P.title),defaultImage:_(t),hoverImage:_(d),backgroundImage:_(D),number:S(o,String(a+1).padStart(2,"0")),buttonText:S(f,p.button),defaultImageItem:t,hoverImageItem:d,backgroundImageItem:D,titleItem:K,numberItem:o,buttonItem:f}})),G=I(()=>T.value.length?T.value:q.value);function H(e){return e.backgroundImage?{backgroundImage:`url("${e.backgroundImage}")`}:{}}function J(e){e.rawItem&&L("handle-item-click",e.rawItem)}function z(e){const a=e.attribute.target.toString().trim();if(a&&c.onButtonClick){c.onButtonClick(a);return}m.value&&y(m.value)}return(e,a)=>(h(),k("section",{class:r(["w-full bg-white py-12 md:py-16 lg:py-20 px-4 md:px-8 lg:px-[12%]",l.className])},[i("div",Z,[i("header",tt,[i("div",et,[i("h2",{class:r(["relative z-10 border-l-[3px] border-[var(--theme-primary-color)] pl-3 text-[26px] font-bold leading-tight text-slate-950 md:text-[31px]",[{"cursor-pointer":n(B),mark:l.editable&&v.value&&n(u)(v.value)}]]),style:x(n(C)(v.value)),"data-content-key":v.value&&n(s)(v.value)||void 0,onClick:a[0]||(a[0]=t=>v.value&&n(y)(v.value))},$(S(v.value,p.title)),15,nt)]),i("button",{type:"button",class:r(["inline-flex h-11 min-w-[170px] items-center justify-center gap-2 rounded-full border border-[var(--theme-primary-color)] px-8 text-[15px] text-[var(--theme-primary-color)] transition hover:bg-[var(--theme-primary-color)] hover:text-white! cursor-pointer",[{mark:l.editable&&m.value&&n(u)(m.value)}]]),"data-content-key":m.value&&n(s)(m.value)||void 0,style:x(n(C)(m.value)),onClick:a[1]||(a[1]=t=>z(m.value))},[i("span",null,$(S(m.value,p.button)),1),a[3]||(a[3]=i("span",{"aria-hidden":"true"},">",-1))],14,at)]),i("div",{class:r(["grid grid-cols-2 gap-4 md:gap-7 xl:grid-cols-4 xl:gap-14",[{mark:l.editable&&b.value&&n(u)(b.value)}]]),"data-content-key":b.value&&n(s)(b.value)||void 0,"aria-busy":l.loading,onClick:a[2]||(a[2]=t=>b.value&&n(y)(b.value))},[(h(!0),k(W,null,X(G.value,t=>(h(),k("article",{key:t.key,class:r(["group relative isolate flex min-h-[280px] cursor-pointer flex-col items-center justify-center overflow-hidden rounded-2xl bg-[#c8f2ef] bg-cover bg-center px-4 py-6 text-center shadow-sm transition duration-300 md:min-h-[520px] md:rounded-[26px] md:px-8 md:py-10",[{mark:l.editable&&t.backgroundImageItem&&n(u)(t.backgroundImageItem)}]]),style:x(H(t)),"data-content-key":t.backgroundImageItem&&n(s)(t.backgroundImageItem)||void 0,onClick:w(d=>J(t),["stop"])},[a[5]||(a[5]=i("div",{class:"absolute inset-0 -z-10 bg-[rgba(37,133,54,.66)] opacity-0 transition-opacity duration-300 group-hover:opacity-100"},null,-1)),i("div",{class:r(["relative mb-6 h-14 w-16 opacity-70 transition duration-300 group-hover:opacity-100 group-hover:[animation:tsc-fadeindown_.8s_ease] md:mb-12 md:h-20 md:w-24",[{mark:l.editable&&t.defaultImageItem&&n(u)(t.defaultImageItem)}]]),"data-content-key":t.defaultImageItem&&n(s)(t.defaultImageItem)||void 0,onClick:w(d=>t.defaultImageItem&&n(y)(t.defaultImageItem),["stop"])},[t.defaultImage?(h(),k("img",{key:0,src:t.defaultImage,alt:"",class:"absolute inset-0 h-full w-full object-contain transition duration-300 group-hover:opacity-0",loading:"lazy"},null,8,rt)):j("",!0),t.hoverImage?(h(),k("img",{key:1,src:t.hoverImage,alt:"",class:r(["absolute inset-0 h-full w-full object-contain opacity-0 transition duration-300 group-hover:opacity-100",[{mark:l.editable&&t.hoverImageItem&&n(u)(t.hoverImageItem)}]]),"data-content-key":t.hoverImageItem&&n(s)(t.hoverImageItem)||void 0,loading:"lazy"},null,10,st)):j("",!0),!t.defaultImage&&!t.hoverImage?(h(),k("div",ut)):j("",!0)],10,lt),i("h3",{class:r(["whitespace-pre-line text-[14px] font-bold leading-[1.8] text-slate-700 transition duration-300 group-hover:!text-white group-hover:[animation:tsc-fadeinleft_.8s_ease] md:min-h-[60px] md:text-[18px]",[{"cursor-pointer":n(B),mark:l.editable&&t.titleItem&&n(u)(t.titleItem)}]]),style:x(n(C)(t.titleItem)),"data-content-key":t.titleItem&&n(s)(t.titleItem)||void 0,onClick:w(d=>t.titleItem&&n(y)(t.titleItem),["stop"])},$(t.title),15,mt),i("div",dt,[a[4]||(a[4]=i("span",{class:"mx-auto mt-4 block h-6 w-[3px] bg-[var(--theme-primary-color)] md:mt-6 md:h-9"},null,-1)),i("strong",{class:r(["mt-3 block text-[24px] font-black leading-none text-[var(--theme-primary-color)] md:mt-5 md:text-[32px]",[{"cursor-pointer":n(B),mark:l.editable&&t.numberItem&&n(u)(t.numberItem)}]]),style:x(n(C)(t.numberItem)),"data-content-key":t.numberItem&&n(s)(t.numberItem)||void 0,onClick:w(d=>t.numberItem&&n(y)(t.numberItem),["stop"])},$(t.number),15,ct)]),i("div",gt,[i("span",{class:r(["inline-flex min-w-[108px] items-center justify-center rounded-md border border-white px-5 py-1.5 text-[15px] font-medium leading-5 !text-white",[{"cursor-pointer":n(B),mark:l.editable&&t.buttonItem&&n(u)(t.buttonItem)}]]),style:x(n(C)(t.buttonItem)),"data-content-key":t.buttonItem&&n(s)(t.buttonItem)||void 0,onClick:w(d=>z(t.buttonItem),["stop"])},$(t.buttonText),15,vt)])],14,it))),128))],10,ot)])],2))}});export{pt as default};