12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- import{O as r,M as n,T as t,S as V,ar as j,as as H,d as W,Q as D,U as b,at as F,a8 as I,z as c,$ as a,W as K,h as N}from"./index-6bdd3627.js";const 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)")])]),V("bottom-bordered",[r("tr",[r("&:last-child",[r("td",`
- border-bottom: 0px solid var(--n-merged-border-color);
- `)])])])]),j(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);
- `)])),H(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);
- `)]))]),U=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"}}),A=W({name:"Table",props:U,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:i,mergedRtlRef:g}=D(e),h=b("Table","-table",Q,F,e,o),v=I("Table",g,o),s=c(()=>{const{size:l}=e,{self:{borderColor:p,tdColor:m,tdColorModal:u,tdColorPopover:f,thColor:x,thColorModal:C,thColorPopover:z,thTextColor:k,tdTextColor:P,borderRadius:R,thFontWeight:B,lineHeight:T,borderColorModal:$,borderColorPopover:y,tdColorStriped:M,tdColorStripedModal:w,tdColorStripedPopover:S,[a("fontSize",l)]:_,[a("tdPadding",l)]:E,[a("thPadding",l)]:O},common:{cubicBezierEaseInOut:L}}=h.value;return{"--n-bezier":L,"--n-td-color":m,"--n-td-color-modal":u,"--n-td-color-popover":f,"--n-td-text-color":P,"--n-border-color":p,"--n-border-color-modal":$,"--n-border-color-popover":y,"--n-border-radius":R,"--n-font-size":_,"--n-th-color":x,"--n-th-color-modal":C,"--n-th-color-popover":z,"--n-th-font-weight":B,"--n-th-text-color":k,"--n-line-height":T,"--n-td-padding":E,"--n-th-padding":O,"--n-td-color-striped":M,"--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:v,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 _};
|