| 1 |
- import{c as x,t as f,n as b,b as N,d as v,ab as _,a as i,o as m,b4 as q,k as p,ad as O,b5 as T,ae as V,b6 as $,e as P,b7 as z,h as D,b8 as E,I as j}from"./index-869d77fb.js";const[h,w]=x("grid"),K={square:Boolean,center:f,border:f,gutter:b,reverse:Boolean,iconSize:b,direction:String,clickable:Boolean,columnNum:N(4)},S=Symbol(h);var L=v({name:h,props:K,setup(e,{slots:t}){const{linkChildren:o}=_(S);return o({props:e}),()=>{var c;return i("div",{style:{paddingLeft:m(e.gutter)},class:[w(),{[q]:e.border&&!e.gutter}]},[(c=t.default)==null?void 0:c.call(t)])}}});const H=p(L),[U,l]=x("grid-item"),Y=O({},T,{dot:Boolean,text:String,icon:String,badge:b,iconColor:String,iconPrefix:String,badgeProps:Object});var A=v({name:U,props:Y,setup(e,{slots:t}){const{parent:o,index:c}=V(S),B=$();if(!o){console.error("[Vant] <GridItem> must be a child component of <Grid>.");return}const I=P(()=>{const{square:s,gutter:n,columnNum:r}=o.props,d=`${100/+r}%`,a={flexBasis:d};if(s)a.paddingTop=d;else if(n){const u=m(n);a.paddingRight=u,c.value>=+r&&(a.marginTop=u)}return a}),y=P(()=>{const{square:s,gutter:n}=o.props;if(s&&n){const r=m(n);return{right:r,bottom:r,height:"auto"}}}),C=()=>{if(t.icon)return i(E,D({dot:e.dot,content:e.badge},e.badgeProps),{default:t.icon});if(e.icon)return i(j,{dot:e.dot,name:e.icon,size:o.props.iconSize,badge:e.badge,class:l("icon"),color:e.iconColor,badgeProps:e.badgeProps,classPrefix:e.iconPrefix},null)},R=()=>{if(t.text)return t.text();if(e.text)return i("span",{class:l("text")},[e.text])},k=()=>t.default?t.default():[C(),R()];return()=>{const{center:s,border:n,square:r,gutter:d,reverse:a,direction:u,clickable:g}=o.props,G=[l("content",[u,{center:s,square:r,reverse:a,clickable:g,surround:n&&d}]),{[z]:n}];return i("div",{class:[l({square:r})],style:I.value},[i("div",{role:g?"button":void 0,class:G,style:y.value,tabindex:g?0:void 0,onClick:B},[k()])])}}});const J=p(A);export{H as G,J as a};
|
