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