You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
4.8 KiB
JavaScript
77 lines
4.8 KiB
JavaScript
import{L as r,J as n,M as t,O as H,af as V,ag as j,C as D,P as F,Q as b,ak as I,a1 as J,H as c,a2 as a,a4 as K,m as N}from"./index.b3ec3a5e.js";var Q=r([n("table",`
|
|
font-size: var(--n-font-size);
|
|
font-variant-numeric: tabular-nums;
|
|
line-height: var(--n-line-height);
|
|
width: 100%;
|
|
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
text-align: left;
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
overflow: hidden;
|
|
background-color: var(--n-td-color);
|
|
border-color: var(--n-merged-border-color);
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
--n-merged-border-color: var(--n-border-color);
|
|
`,[r("th",`
|
|
white-space: nowrap;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
text-align: inherit;
|
|
padding: var(--n-th-padding);
|
|
vertical-align: inherit;
|
|
text-transform: none;
|
|
border: 0px solid var(--n-merged-border-color);
|
|
font-weight: var(--n-th-font-weight);
|
|
color: var(--n-th-text-color);
|
|
background-color: var(--n-th-color);
|
|
border-bottom: 1px solid var(--n-merged-border-color);
|
|
border-right: 1px solid var(--n-merged-border-color);
|
|
`,[r("&:last-child",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),r("td",`
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
padding: var(--n-td-padding);
|
|
color: var(--n-td-text-color);
|
|
background-color: var(--n-td-color);
|
|
border: 0px solid var(--n-merged-border-color);
|
|
border-right: 1px solid var(--n-merged-border-color);
|
|
border-bottom: 1px solid var(--n-merged-border-color);
|
|
`,[r("&:last-child",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),t("bordered",`
|
|
border: 1px solid var(--n-merged-border-color);
|
|
border-radius: var(--n-border-radius);
|
|
`,[r("tr",[r("&:last-child",[r("td",`
|
|
border-bottom: 0 solid var(--n-merged-border-color);
|
|
`)])])]),t("single-line",[r("th",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`),r("td",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),t("single-column",[r("tr",[r("&:not(:last-child)",[r("td",`
|
|
border-bottom: 0px solid var(--n-merged-border-color);
|
|
`)])])]),t("striped",[r("tr:nth-of-type(even)",[r("td","background-color: var(--n-td-color-striped)")])]),H("bottom-bordered",[r("tr",[r("&:last-child",[r("td",`
|
|
border-bottom: 0px solid var(--n-merged-border-color);
|
|
`)])])])]),V(n("table",`
|
|
background-color: var(--n-td-color-modal);
|
|
--n-merged-border-color: var(--n-border-color-modal);
|
|
`,[r("th",`
|
|
background-color: var(--n-th-color-modal);
|
|
`),r("td",`
|
|
background-color: var(--n-td-color-modal);
|
|
`)])),j(n("table",`
|
|
background-color: var(--n-td-color-popover);
|
|
--n-merged-border-color: var(--n-border-color-popover);
|
|
`,[r("th",`
|
|
background-color: var(--n-th-color-popover);
|
|
`),r("td",`
|
|
background-color: var(--n-td-color-popover);
|
|
`)]))]);const W=Object.assign(Object.assign({},b.props),{bordered:{type:Boolean,default:!0},bottomBordered:{type:Boolean,default:!0},singleLine:{type:Boolean,default:!0},striped:Boolean,singleColumn:Boolean,size:{type:String,default:"medium"}});var A=D({name:"Table",props:W,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:i,mergedRtlRef:g}=F(e),v=b("Table","-table",Q,I,e,o),h=J("Table",g,o),s=c(()=>{const{size:l}=e,{self:{borderColor:m,tdColor:p,tdColorModal:u,tdColorPopover:f,thColor:C,thColorModal:x,thColorPopover:z,thTextColor:k,tdTextColor:P,borderRadius:R,thFontWeight:B,lineHeight:y,borderColorModal:M,borderColorPopover:T,tdColorStriped:$,tdColorStripedModal:w,tdColorStripedPopover:S,[a("fontSize",l)]:_,[a("tdPadding",l)]:E,[a("thPadding",l)]:L},common:{cubicBezierEaseInOut:O}}=v.value;return{"--n-bezier":O,"--n-td-color":p,"--n-td-color-modal":u,"--n-td-color-popover":f,"--n-td-text-color":P,"--n-border-color":m,"--n-border-color-modal":M,"--n-border-color-popover":T,"--n-border-radius":R,"--n-font-size":_,"--n-th-color":C,"--n-th-color-modal":x,"--n-th-color-popover":z,"--n-th-font-weight":B,"--n-th-text-color":k,"--n-line-height":y,"--n-td-padding":E,"--n-th-padding":L,"--n-td-color-striped":$,"--n-td-color-striped-modal":w,"--n-td-color-striped-popover":S}}),d=i?K("table",c(()=>e.size[0]),s,e):void 0;return{rtlEnabled:h,mergedClsPrefix:o,cssVars:i?void 0:s,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){var e;const{mergedClsPrefix:o}=this;return(e=this.onRender)===null||e===void 0||e.call(this),N("table",{class:[`${o}-table`,this.themeClass,{[`${o}-table--rtl`]:this.rtlEnabled,[`${o}-table--bottom-bordered`]:this.bottomBordered,[`${o}-table--bordered`]:this.bordered,[`${o}-table--single-line`]:this.singleLine,[`${o}-table--single-column`]:this.singleColumn,[`${o}-table--striped`]:this.striped}],style:this.cssVars},this.$slots)}});export{A as _};
|