import{d as T,af as h,c as u,e as n,f as i,g as l,m as F,a8 as c,ag as R,p as g,t as p,F as k,l as S,j as V}from"./NkN6QURX.js";import{u as E}from"./DzxYJzkk.js";const G={class:"mb-8 text-center md:mb-12"},H=["data-content-key"],Q=["data-content-key","aria-busy"],q=["onClick"],J={class:"flex aspect-[4/3] w-full items-center justify-center overflow-hidden"},O=["src","alt"],U={key:1,class:"h-full w-full bg-[linear-gradient(180deg,#fafafa,#eee)]"},W={class:"my-2 truncate text-center text-sm font-medium"},X={key:1,class:"col-span-full rounded-lg border border-dashed border-slate-200 bg-slate-50 py-10 text-center text-gray-400"},Y={key:0,class:"mt-12 flex justify-center pt-6 sm:justify-end"},Z={class:"isolate inline-flex -space-x-px rounded-md gap-2!","aria-label":"Pagination"},ee=["disabled"],te=["onClick"],ae={key:1,class:"relative inline-flex items-center px-3 py-0 text-sm text-gray-500 select-none"},le=["disabled"],oe=T({__name:"HonorQualificationGridLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},textStyle:{},className:{},loading:{type:Boolean,default:!1},emptyText:{default:"暂无数据"}},emits:["handle-item-click","on-page-change"],setup(m,{emit:$}){const v=m,C=$,{pick:A,resolveKey:_,interactive:P,isActive:w,resolveTextStyle:D,handleClick:N}=E({content:h(v,"content"),activeKey:h(v,"activeKey"),editable:h(v,"editable"),onContentClick:v.onContentClick,textStyle:v.textStyle});function I(e,t=""){return String(e?.attribute?.value??"").trim()||t}function L(e){return e?typeof e.images=="string"?e.images.split(";").find(Boolean)||"":Array.isArray(e.images)?e.images.find(Boolean)||"":e.image||e.cover||e.src||"":""}const s=u(()=>A("title")),r=u(()=>v.content.find(e=>e?.type==="list"||e?.type==="grid"||e?.type==="table")),z=u(()=>{const e=r.value,t=Number(e?.dataSource),a=Array.isArray(e?.data)?e.data:[],f=Array.isArray(e?.customData?.data)?e.customData.data:[];return(t===3?f:a).map(y=>({image:L(y),title:String(y?.name_display||y?.nameDisplay||y?.name||y?.title||"").trim(),rawItem:y}))}),d=u(()=>r.value?.config?.pagination||null),j=u(()=>d.value?.showPagination?Number(d.value.total||0)>Number(d.value.limit||0):!1),b=u(()=>{const e=Number(d.value?.total||0),t=Number(d.value?.limit||0);return t?Math.max(1,Math.ceil(e/t)):1}),o=u(()=>Number(d.value?.page||1)),M=u(()=>{const e=b.value,t=o.value;return e?e<=7?Array.from({length:e},(a,f)=>f+1):t<=4?[1,2,3,4,5,"...",e]:t>=e-3?[1,"...",e-4,e-3,e-2,e-1,e]:[1,"...",t-1,t,t+1,"...",e]:[]});function K(e){e.rawItem&&C("handle-item-click",e.rawItem)}function x(e){const t=Number(d.value?.limit||0);C("on-page-change",{page:e,limit:t})}return(e,t)=>(i(),n("section",{class:g(["w-full bg-white py-12 md:py-16 lg:py-20 px-4 md:px-8 lg:px-[12%] font-sans",m.className])},[l("div",G,[l("h2",{class:g(["text-[24px] font-bold leading-none text-[#222] md:text-[30px] lg:text-[34px]",[{"cursor-pointer":c(P),mark:m.editable&&s.value&&c(w)(s.value)}]]),"data-content-key":s.value&&c(_)(s.value)||void 0,style:R(c(D)(s.value)),onClick:t[0]||(t[0]=a=>s.value&&c(N)(s.value))},p(I(s.value)),15,H)]),l("div",{class:g(["grid grid-cols-2 gap-4 sm:grid-cols-3 md:gap-6 lg:grid-cols-4",[{mark:m.editable&&r.value&&c(w)(r.value)}]]),"data-content-key":r.value&&c(_)(r.value)||void 0,"aria-busy":m.loading,onClick:t[1]||(t[1]=a=>r.value&&c(N)(r.value))},[z.value.length?(i(!0),n(k,{key:0},S(z.value,(a,f)=>(i(),n("div",{key:`cert-${f}`,class:"cursor-pointer overflow-hidden rounded-lg bg-[#fafafa] p-2 shadow-sm",onClick:V(B=>K(a),["stop"])},[l("div",J,[a.image?(i(),n("img",{key:0,src:a.image,alt:a.title,class:"max-h-full max-w-full object-contain",loading:"lazy"},null,8,O)):(i(),n("div",U))]),l("p",W,p(a.title),1)],8,q))),128)):(i(),n("div",X,p(m.emptyText),1))],10,Q),j.value?(i(),n("div",Y,[l("div",Z,[l("button",{type:"button",class:g(["relative inline-flex items-center rounded-l-md px-3 py-2 text-sm font-medium hover:bg-gray-50 focus:z-20 focus:outline-offset-0",{"pointer-events-none opacity-50":o.value===1}]),disabled:o.value===1,"aria-label":"Previous",onClick:t[2]||(t[2]=a=>o.value>1&&x(o.value-1))},[...t[4]||(t[4]=[l("svg",{class:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},[l("path",{"fill-rule":"evenodd",d:"M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z","clip-rule":"evenodd"})],-1)])],10,ee),(i(!0),n(k,null,S(M.value,(a,f)=>(i(),n(k,{key:`page-${a}-${f}`},[typeof a=="number"?(i(),n("button",{key:0,type:"button",class:g(["relative inline-flex items-center rounded px-3 py-0 text-sm ring-1 ring-inset focus:z-20 focus:outline-offset-0",[a===o.value?"z-10 bg-[var(--theme-primary-color)] text-[var(--theme-primary-contrast)] ring-[#ffffff] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600":"ring-gray-300"]]),onClick:B=>x(a)},p(a),11,te)):(i(),n("span",ae,p(a),1))],64))),128)),l("button",{type:"button",class:g(["relative inline-flex items-center rounded-r-md px-3 py-2 text-sm font-medium hover:bg-gray-50 focus:z-20 focus:outline-offset-0",{"pointer-events-none opacity-50":o.value===b.value}]),disabled:o.value===b.value,"aria-label":"Next",onClick:t[3]||(t[3]=a=>o.value<b.value&&x(o.value+1))},[...t[5]||(t[5]=[l("svg",{class:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},[l("path",{"fill-rule":"evenodd",d:"M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z","clip-rule":"evenodd"})],-1)])],10,le)])])):F("",!0)],2))}});export{oe as default};