import{d as ee,c as u,a5 as e,e as i,f as o,g as d,$ as m,p as n,aq as F,t as x,F as B,A as L,B as D,C as H,Z as Q,a3 as Z,ar as te}from"./CQ5rtXCu.js";import{S as ae,a as le}from"./CdB5IfUT.js";import{A as ie}from"./DSPQClUN.js";import{A as oe}from"./pYNsn7iZ.js";import{u as se}from"./DDWwRoXA.js";import{u as q}from"./DPbk-n-_.js";import{_ as E}from"./2y1ch4eJ.js";import{m as _}from"./DBCQJO2L.js";import"./CvGTXoDv.js";import"./BfCosJFp.js";const re={class:"mx-auto w-[95%] max-w-[1400px] px-[15px] max-[600px]:w-full"},ne={key:0,class:"mb-[30px] flex items-center justify-between"},ce={class:"flex items-center text-[24px] leading-[32px] font-bold text-[#333]"},pe=["src","alt"],ue=["href","title"],me=["src","alt"],fe={key:1,"aria-hidden":"true"},de=["href","title","onClick"],ge=["onClick"],xe={class:"flex flex-col gap-[20px]"},ve={key:0,class:"relative overflow-hidden"},he=["aria-label","onClick"],ye=["src","alt"],be={key:0,class:"pointer-events-none absolute inset-x-0 bottom-0 flex items-center justify-between bg-[rgba(28,43,74,0.8)] px-[10px] py-[5px] text-[14px] leading-[20px] text-white"},ke={class:"pointer-events-auto w-1/2"},_e=["src","alt"],we=["src","alt"],Pe=["onClick"],Ce={key:3,class:"mt-[30px] h-[50px] text-center"},je=["href","title","tabindex"],G="block w-full cursor-pointer rounded-[3px] border border-[#e3e3e3] text-[16px] leading-[38px] text-[#333] transition-colors duration-[400ms] hover:border-[var(--theme-primary-color,#fa331c)] hover:bg-[var(--theme-primary-color,#fa331c)] hover:text-[var(--theme-primary-contrast,#fff)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--theme-primary-color,#fa331c)] max-[765px]:text-[15px]",Ie=ee({__name:"Mb76ProductCenterLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},generatorPreview:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},textStyle:{},className:{},footerData:{}},emits:["handle-item-click","on-page-change"],setup(w,{emit:J}){const f=w,b=J,{pick:z,text:r,src:c,href:N,bind:p,select:P}=se(f,{title:{value:"某某科技公司产品"},image:{src:_["in_01_tit_ico.png"]},overlayLogo:{src:_["logo_ico.png"]},overlayPlus:{src:_["plus_ico.png"]},overlayText:{value:"某某科技公司机械制造"},button:{value:"查看更多"}}),R=[["10","焙烧多功能机组"],["15","铝电解多功能机组"],["11","吸卸料天车"],["12","夹钳天车"],["13","堆垛天车"],["14","编解组清理机"],["16","单梁起重机"],["17","双梁起重机"],["33","门式起重机"],["35","抓斗起重机"],["34","电动葫芦"]].map(([t,a])=>({id:t,name:a,target:`http://mb76.template.0537ys.com/${t}.html`})),U=[["9","阳极焙烧多功能机组","71a12388a8a16ab4e152026b0c4ec327.jpg"],["45","电解铝多功能天车","3ff274fdc7e2b523cf59cbe5e25421de.jpg"],["101","吸卸料天车","4152feb94f66df98356cce0a897c2ac2.jpg"],["4","夹钳天车","0aa45619906cd7d4531434a45e03af43.jpg"],["3","堆垛天车","06026330146cd123cede8d66cc93f2c7.jpg"],["44","编解组清理机","09ec16d140a667b67d57263191929234.jpg"],["24","单梁起重机","a7051be608b5600845e1870593cabe6d.jpg"],["28","通用QD双梁桥式起重机","56b9456cd36c0299a21b9f1176f565e7.jpg"],["32","MG门式起重机","38aee5a36017bbf457ddcd750137f4b4.jpg"],["39","QZ智能自动化抓斗起重机","bf120ce7204dd940a3725532955062fd.jpg"],["351","电动葫芦","73684a536aaf0a58514df56d34137b6c.jpg"]].map(([t,a,l],s)=>({id:t,name:a,images:_[l],showOverlay:s!==0})),O=u(()=>z("categories")),C=u(()=>z("list"));function T(t,a){const l=t?Number(t.dataSource)===3?t.customData?.data:t.data:f.generatorPreview?a:[],s=Array.isArray(l)?l.filter(g=>g&&typeof g=="object"):[];return s.length?s:f.generatorPreview?a:[]}function W(t){if(Array.isArray(t))return String(t.find(Boolean)??"").trim();if(typeof t!="string")return"";try{const a=JSON.parse(t);if(Array.isArray(a))return String(a.find(Boolean)??"").trim()}catch{}return t.split(";").map(a=>a.trim()).find(Boolean)??""}function V(t){return String(t.nameDisplay??t.name_display??t.name??t.title??"").trim()}const k=u(()=>f.footerData??{}),j=u(()=>(Array.isArray(k.value.navColumns?.[0]?.items)?k.value.navColumns[0].items:[]).map((a,l)=>({key:String(a?.id??l),title:String(a?.label??a?.nameDisplay??a?.name_display??a?.name??a?.title??"").trim(),href:String(k.value.getCategoryPageLink?.(a)||a?.path||a?.href||k.value.getCachedLink?.(a)||"").trim(),raw:a})).filter(a=>a.title)),S=u(()=>j.value.length?j.value:T(O.value,R).map((t,a)=>({key:String(t.id??a),title:V(t),href:"",raw:t})).filter(t=>t.title)),v=u(()=>T(C.value,U).map((t,a)=>({key:String(t.id??a),title:V(t),image:W(t.images),showOverlay:t.showOverlay!==!1,raw:t})).filter(t=>t.title||t.image)),I=u(()=>Array.from({length:Math.ceil(v.value.length/2)},(t,a)=>v.value.slice(a*2,a*2+2))),X=u(()=>!f.editable&&I.value.length>1?{delay:3e3,disableOnInteraction:!0,stopOnLastSlide:!1}:!1),Y={641:{slidesPerView:2,spaceBetween:20},769:{slidesPerView:3,spaceBetween:20},1201:{slidesPerView:4,spaceBetween:20}},K=u(()=>N("button")||(f.generatorPreview?"http://mb76.template.0537ys.com/product.html":void 0)),A=u(()=>N("button01")||(f.generatorPreview?"http://mb76.template.0537ys.com/product.html":void 0)),h=q(C,t=>b("on-page-change",t)),y=q(O,t=>b("on-page-change",t));function M(t,a){P("categories",a)||t.href||(a.preventDefault(),b("handle-item-click",t.raw))}function $(t,a,l){l.preventDefault(),l.stopPropagation(),P(t,l)||b("handle-item-click",a)}return(t,a)=>e(r)("title")||S.value.length||v.value.length||e(r)("button")?(i(),o("section",{key:0,class:D(["bg-[#f6f6f6] py-[50px] max-[765px]:py-[30px]",w.className])},[d("div",re,[e(r)("title")||e(c)("image")||e(c)("image01")||A.value?(i(),o("div",ne,[d("h2",ce,[e(c)("image")?(i(),o("img",m({key:0},e(p)("image"),{src:e(c)("image"),alt:e(r)("title"),loading:"lazy",width:"32",height:"32",class:"relative -top-[2px] mr-[10px] inline-block h-[32px] w-[32px]"}),null,16,pe)):n("",!0),e(r)("title")?(i(),o("span",F(m({key:1},e(p)("title"))),x(e(r)("title")),17)):n("",!0)]),e(c)("image01")||A.value?(i(),o("a",m({key:0},e(p)("button01"),{href:A.value,title:e(r)("button01")||e(r)("title"),class:"shrink-0 text-[25px] leading-[32px] text-[#1c2b4a] focus-visible:outline-2 focus-visible:outline-[var(--theme-primary-color,#d2070a)]"}),[e(c)("image01")?(i(),o("img",m({key:0},e(p)("image01"),{src:e(c)("image01"),alt:e(r)("button01")||e(r)("title"),width:"25",height:"25",loading:"lazy",class:"size-[25px]"}),null,16,me)):(i(),o("span",fe,"＋"))],16,ue)):n("",!0)])):n("",!0),S.value.length?(i(),o("ul",m({key:1},e(p)("categories"),{class:"mx-[-15px] mt-[30px] flex flex-wrap text-center max-[765px]:px-[15px]"}),[(i(!0),o(B,null,L(S.value,l=>(i(),o("li",{key:l.key,class:"mb-[20px] basis-[12.5%] px-[10px] max-[765px]:mb-[10px] max-[765px]:basis-1/2 max-[765px]:px-[5px]"},[l.href?(i(),o("a",{key:0,href:l.href,title:l.title,class:D(G),onClick:s=>M(l,s)},x(l.title),9,de)):(i(),o("button",{key:1,type:"button",class:D(G),onClick:s=>M(l,s)},x(l.title),9,ge))]))),128))],16)):n("",!0),H(E,{show:!j.value.length&&e(y).showPagination.value,"current-page":e(y).currentPage.value,"total-pages":e(y).totalPages.value,"visible-pages":e(y).visiblePages.value,"class-name":"mb-[20px] flex justify-center",onPageClick:e(y).handlePageClick},null,8,["show","current-page","total-pages","visible-pages","onPageClick"]),v.value.length?(i(),o("div",F(m({key:2},e(p)("list"))),[(i(),Q(e(le),{class:"swiper-ssr min-[641px]:[--spv:2] min-[641px]:[--gap:20px] min-[769px]:[--spv:3] min-[1201px]:[--spv:4]",key:v.value.map(l=>l.key).join("|"),modules:[e(oe),e(ie)],"slides-per-view":1,"space-between":0,breakpoints:Y,autoplay:X.value,rewind:!0,"allow-touch-move":!w.editable,"watch-overflow":!0},{default:Z(()=>[(i(!0),o(B,null,L(I.value,l=>(i(),Q(e(ae),{key:l[0]?.key},{default:Z(()=>[d("div",xe,[(i(!0),o(B,null,L(l,s=>(i(),o("article",{key:s.key,class:"group"},[s.image?(i(),o("div",ve,[d("button",{type:"button","aria-label":s.title||C.value?.name,class:"flex aspect-[800/453] w-full cursor-pointer items-center justify-center overflow-hidden bg-white focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--theme-primary-color,#d2070a)]",onClick:g=>$("list",s.raw,g)},[d("img",{src:s.image,alt:s.title,width:"800",height:"453",loading:"lazy",class:"h-full w-full object-contain transition-transform duration-[2500ms] group-hover:scale-105"},null,8,ye)],8,he),s.showOverlay&&(e(c)("overlayLogo")||e(c)("overlayPlus")||e(r)("overlayText"))?(i(),o("div",be,[d("div",ke,[e(c)("overlayLogo")?(i(),o("img",m({key:0,ref_for:!0},e(p)("overlayLogo"),{src:e(c)("overlayLogo"),alt:e(r)("overlayText"),width:"19",height:"19",loading:"lazy",class:"mr-[5px] inline-block h-[19px] w-[19px] align-middle"}),null,16,_e)):n("",!0),e(r)("overlayText")?(i(),o("span",m({key:1,ref_for:!0},e(p)("overlayText")),x(e(r)("overlayText")),17)):n("",!0)]),e(c)("overlayPlus")?(i(),o("img",m({key:0,ref_for:!0},e(p)("overlayPlus"),{src:e(c)("overlayPlus"),alt:s.title,width:"19",height:"19",loading:"lazy",class:"pointer-events-auto inline-block h-[19px] w-[19px]"}),null,16,we)):n("",!0)])):n("",!0)])):n("",!0),s.title?(i(),o("button",{key:1,type:"button",class:"block w-full cursor-pointer bg-white px-[20px] text-center text-[16px] leading-[40px] text-[#333] focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--theme-primary-color,#d2070a)]",onClick:g=>$("list",s.raw,g)},x(s.title),9,Pe)):n("",!0)]))),128))])]),_:2},1024))),128))]),_:1},8,["modules","autoplay","allow-touch-move"]))],16)):n("",!0),H(E,{show:e(h).showPagination.value,"current-page":e(h).currentPage.value,"total-pages":e(h).totalPages.value,"visible-pages":e(h).visiblePages.value,"class-name":"mt-[30px] flex justify-center",onPageClick:e(h).handlePageClick},null,8,["show","current-page","total-pages","visible-pages","onPageClick"]),e(r)("button")?(i(),o("div",Ce,[d("a",m(e(p)("button"),{href:K.value,title:e(r)("button"),tabindex:K.value?void 0:0,class:"relative top-[20px] inline-block rounded-[5px] bg-[var(--theme-primary-color,#d2070a)] px-[50px] text-[14px] leading-[40px] text-[var(--theme-primary-contrast,#fff)] shadow-[0_0_20px_#dca2a2] transition-[top] duration-[400ms] hover:top-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-[var(--theme-primary-color,#d2070a)] max-[765px]:top-0 max-[765px]:hover:top-[-10px]",onKeydown:a[0]||(a[0]=te(l=>e(P)("button",l),["enter"]))}),x(e(r)("button")),17,je)])):n("",!0)])],2)):n("",!0)}});export{Ie as default};
