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