import{d as D,af as T,c as n,r as M,e as u,f as c,g as e,M as F,ag as C,a8 as t,t as _,p as x,j as V,h as E,F as R,m as L,ae as O,ab as U}from"./NkN6QURX.js";import{u as q}from"./DzxYJzkk.js";const G={class:""},H={class:"flex flex-wrap items-center justify-between gap-4"},J={class:"relative flex items-center flex-1"},P={class:"relative flex-1"},Q=["data-content-key"],W=["data-content-key"],X=["data-content-key"],Y={class:"mt-10 grid grid-cols-1 gap-8 md:mt-12 lg:grid-cols-2 lg:gap-12"},Z=["data-content-key"],ee=["data-content-key"],te={class:"relative aspect-[16/9] w-full"},le=["src","alt"],ae={key:1,class:"flex h-full w-full items-center justify-center bg-black text-sm text-white/70"},oe=["src","alt"],ne={key:2,class:"flex h-full w-full items-center justify-center bg-[linear-gradient(135deg,#e8f3df,#cfe7ad)] text-sm text-[#7a9a5b]"},se={class:"relative w-full max-w-5xl overflow-hidden rounded-lg bg-black"},ie=["src","poster"],re=`某某科技公司成立于2016年2月，坐落于山东省某某市，占地面积100亩，南临329省道和济邯铁路、北临青兰高速，交通便利、物流畅通，公司注册资本9000万元、核心员工150余人、拥有专利12项。
主营业务为：环保纤维制浆造纸、大轴复卷加工、再生塑料颗粒生产销售、铝塑材生产及销售。`,de=D({__name:"AboutUsIntroLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},onButtonClick:{},textStyle:{},className:{}},setup(d){const o=d,{pick:p,resolveKey:m,interactive:j,isActive:y,resolveTextStyle:k,handleClick:g}=q({content:T(o,"content"),activeKey:T(o,"activeKey"),editable:T(o,"editable"),onContentClick:o.onContentClick,textStyle:o.textStyle});function v(r,l=""){return String(r?.attribute?.value??"").trim()||l}const a=n(()=>p("title")),h=n(()=>p("title01")),s=n(()=>p("button")),i=n(()=>p("title02")),w=n(()=>p("image")),B=n(()=>o.content.find(r=>r?.type==="video"&&r?.attribute?.src)),f=n(()=>B.value||w.value),S=n(()=>String(B.value?.attribute?.src??"").trim()),I=n(()=>String(B.value?.attribute?.cover??w.value?.attribute?.src??"").trim()),b=M(null),z=M(!1);function $(){g(s.value);const r=s.value?.attribute?.target;!o.editable&&r&&o.onButtonClick&&o.onButtonClick(r)}async function A(){S.value&&(z.value=!0,await U(),b.value?.play())}function N(){b.value&&(b.value.pause(),b.value.currentTime=0),z.value=!1}return(r,l)=>(c(),u(R,null,[e("section",{class:x(["bg-white py-12 md:py-16 lg:py-20 px-4 md:px-8 lg:px-[12%]",d.className])},[e("div",G,[e("div",H,[e("div",J,[l[3]||(l[3]=e("span",{class:"mr-3 h-[26px] w-[4px] shrink-0 bg-[var(--theme-primary-color)] md:h-[30px]"},null,-1)),e("div",P,[e("span",{class:"pointer-events-none absolute left-5 bottom-0 select-none text-[34px] font-black uppercase leading-none tracking-[1px] text-[#eee]","data-content-key":h.value&&t(m)(h.value)||void 0,style:C(t(k)(h.value))},_(v(h.value)),13,Q),e("h2",{class:x(["relative z-10 text-[24px] font-bold leading-none text-[#111] md:text-[30px]",[{"cursor-pointer":t(j),mark:d.editable&&a.value&&t(y)(a.value)}]]),"data-content-key":a.value&&t(m)(a.value)||void 0,style:C(t(k)(a.value)),onClick:l[0]||(l[0]=K=>a.value&&t(g)(a.value))},_(v(a.value)),15,W)])]),e("button",{type:"button",class:x(["inline-flex items-center gap-2 rounded-full border border-[var(--theme-primary-color)] px-6 py-2 text-[14px] text-[var(--theme-primary-color)] transition hover:bg-[var(--theme-primary-color)] hover:text-white! md:px-8 md:py-2.5",[{mark:d.editable&&s.value&&t(y)(s.value)}]]),"data-content-key":s.value&&t(m)(s.value)||void 0,style:C(t(k)(s.value)),onClick:V($,["stop"])},[E(_(v(s.value,"了解更多"))+" ",1),l[4]||(l[4]=e("svg",{class:"h-3.5 w-3.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})],-1))],14,X)]),e("div",Y,[e("p",{class:x(["whitespace-pre-wrap text-[14px] leading-[2] text-[#555] md:text-[15px] lg:text-[16px]",[{"cursor-pointer":t(j),mark:d.editable&&i.value&&t(y)(i.value)}]]),"data-content-key":i.value&&t(m)(i.value)||void 0,style:C(t(k)(i.value)),onClick:l[1]||(l[1]=K=>i.value&&t(g)(i.value))},_(v(i.value,re)),15,Z),e("div",{class:x(["relative w-full overflow-hidden rounded-[10px] bg-slate-100",[{"cursor-pointer":t(j),mark:d.editable&&f.value&&t(y)(f.value)}]]),"data-content-key":f.value&&t(m)(f.value)||void 0,onClick:l[2]||(l[2]=K=>f.value&&t(g)(f.value))},[e("div",te,[S.value?(c(),u(R,{key:0},[I.value?(c(),u("img",{key:0,src:I.value,alt:v(a.value,"关于我们"),class:"h-full w-full object-cover",loading:"lazy"},null,8,le)):(c(),u("div",ae," 视频 ")),e("button",{type:"button",class:"absolute left-1/2 top-1/2 flex h-16 w-16 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-white/90 text-[var(--theme-primary-color)] shadow-lg transition hover:scale-105 hover:bg-white","aria-label":"播放视频",onClick:V(A,["stop"])},[...l[5]||(l[5]=[e("span",{class:"ml-1 block h-0 w-0 border-y-[12px] border-l-[18px] border-y-transparent border-l-current"},null,-1)])])],64)):w.value?.attribute?.src?(c(),u("img",{key:1,src:w.value.attribute.src,alt:v(a.value,"关于我们"),class:"h-full w-full object-cover",loading:"lazy"},null,8,oe)):(c(),u("div",ne," 请上传配图 "))])],10,ee)])])],2),(c(),F(O,{to:"body"},[z.value?(c(),u("div",{key:0,class:"fixed inset-0 z-[9999] flex items-center justify-center bg-black/70 px-4",role:"dialog","aria-modal":"true",onClick:V(N,["self"])},[e("div",se,[e("button",{type:"button",class:"absolute right-3 top-3 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-black/60 text-2xl leading-none text-white transition hover:bg-black/80","aria-label":"关闭视频",onClick:N}," × "),e("video",{ref_key:"videoRef",ref:b,src:S.value,poster:I.value||void 0,class:"block max-h-[80vh] w-full bg-black",controls:"",playsinline:""},null,8,ie)])])):L("",!0)]))],64))}});export{de as default};