https://www.onerway.com/assets/SectionContainer-CJn3e8Wj.js

1import{d as T,b as i,c as d,j as f,H as l,g as c,n as s,i as I,h as t,_ as A}from"./app-B0mv_rph.js";import"./Header-0cRhDwf7.js";const M={key:0,class:"section-container__decorator"},P={key:0,class:"section-container__decorator"},j={key:0,class:"decorator-gradient-topleft"},N={key:1,class:"decorator-dark-radial"},D=T({__name:"SectionContainer",props:{variant:{},type:{},background:{},zIndex:{},marginTop:{},borderRadius:{},border:{},padding:{},maxWidth:{default:"var(--ow-content-max)"},overflow:{default:"hidden"},boxShadow:{},outerBackground:{}},setup(u){const r=u;function w(a,e){if(!a)return{};const o={};return a.desktop&&(o[`--${e}-desktop`]=a.desktop),a.tablet&&(o[`--${e}-tablet`]=a.tablet),a.mobile&&(o[`--${e}-mobile`]=a.mobile),a.small&&(o[`--${e}-small`]=a.small),o}r.variant&&r.type&&console.warn("[SectionContainer] variant 和 type 不能同时使用，将优先使用 variant");const v=t(()=>{if(r.variant){if(r.variant.startsWith("card"))return"card";if(r.variant.startsWith("overlap"))return"overlap"}return r.type||"full"}),n=t(()=>v.value==="card"),_=t(()=>r.variant?`section-container--variant-${r.variant}`:""),S=t(()=>r.variant==="overlap-light-gradient"||r.variant==="overlap-dark-radial"),R=t(()=>{if(r.marginTop!==void 0)return typeof r.marginTop=="number"?`${r.marginTop}px`:r.marginTop}),p=t(()=>{if(r.borderRadius)return typeof r.borderRadius=="string"?r.borderRadius==="bottom"?"0 0 48px 48px":r.borderRadius==="top"?"48px 48px 0 0":r.borderRadius:r.borderRadius.desktop}),B=t(()=>{if(r.padding)return typeof r.padding=="string"?r.padding:r.padding.desktop}),m=()=>{const a={"overlap-light":"#fbfbfb","overlap-light-gradient":"#fbfbfb","overlap-purple":"#6840ff","overlap-dark-radial":"hsla(232, 78%, 3%, 1)","overlap-gray":"#F8F8F9",card:"#FBFBFB","card-primary":"var(--ow-primary)"};return r.variant?a[r.variant]:void 0},y=()=>{if(r.variant==="overlap-gray"||r.variant==="card")return"2px solid #FAFAFB"},$=()=>{var a,e;if((a=r.variant)!=null&&a.startsWith("overlap"))return"bottom";if((e=r.variant)!=null&&e.startsWith("card"))return"full"},F=t(()=>n.value?{background:r.outerBackground||"var(--ow-bg-white)",position:"relative",zIndex:r.zIndex}:{}),C=t(()=>{if(!n.value)return{};const a=r.background||m(),e=r.border||y();return{background:a,border:e,borderRadius:p.value||"48px",boxShadow:r.boxShadow,overflow:r.overflow,margin:"0 auto",maxWidth:r.maxWidth}}),V=t(()=>n.value?{borderRadius:p.value||"48px"}:{}),W=t(()=>{if(n.value)return{};const a=r.background||m(),e=r.border||y(),o=$();let g=p.value;!g&&o==="bottom"&&(g="0 0 48px 48px");const h="var(--ow-section-padding-y) 0";let b;const k={};if(r.padding&&typeof r.padding!="string"){const x=r.padding;b=`var(--sc-padding, ${x.desktop||h})`,Object.assign(k,w(x,"sc-padding"))}else b=B.value||h;return{width:"100%",padding:b,marginTop:R.value||(v.value==="overlap"?"-40px":void 0),background:a,border:e,borderRadius:g,position:"relative",overflow:r.overflow,zIndex:r.zIndex,boxShadow:r.boxShadow,...k}}),z=t(()=>n.value?{}:{position:"relative",zIndex:1,maxWidth:r.maxWidth,margin:"0 auto",padding:"0 var(--ow-sc-content-px, 0px)"});return(a,e)=>n.value?(i(),d("section",{key:0,class:"section-container section-container--card",style:s(F.value)},[f("div",{class:"section-container__wrapper",style:s(C.value)},[a.$slots.decorator?(i(),d("div",M,[l(a.$slots,"decorator",{},void 0,!0)])):c("",!0),f("div",{class:"section-container__inner",style:s(V.value)},[l(a.$slots,"default",{},void 0,!0)],4)],4)],4)):(i(),d("section",{key:1,class:I(["section-container",[`section-container--${v.value}`,_.value]]),style:s(W.value)},[a.$slots.decorator||S.value?(i(),d("div",P,[l(a.$slots,"decorator",{},void 0,!0),u.variant==="overlap-light-gradient"?(i(),d("div",j)):c("",!0),u.variant==="overlap-dark-radial"?(i(),d("div",N)):c("",!0)])):c("",!0),f("div",{class:"section-container__content",style:s(z.value)},[l(a.$slots,"default",{},void 0,!0)],4)],6))}}),q=A(D,[["__scopeId","data-v-0b08cda2"]]);export{q as S};