You can not 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
5.7 KiB
77 lines
5.7 KiB
import{u as V}from"./use-rtl-889b67fe.js";import{k as N,l as t,c as o,e as C,f as b,h as W,m as F,n as D,b as z}from"./light-0dfdc1ad.js";import{u as I}from"./use-config-816d55a6.js";import{c as f}from"./create-key-bf4384d6.js";import{u as K}from"./use-css-vars-class-3ae3b4b3.js";import{d as _,f as x,a8 as q}from"./index-f4658ae7.js";const A={thPaddingSmall:"6px",thPaddingMedium:"12px",thPaddingLarge:"12px",tdPaddingSmall:"6px",tdPaddingMedium:"12px",tdPaddingLarge:"12px"},G=e=>{const{dividerColor:r,cardColor:l,modalColor:n,popoverColor:a,tableHeaderColor:s,tableColorStriped:i,textColor1:d,textColor2:c,borderRadius:g,fontWeightStrong:h,lineHeight:m,fontSizeSmall:p,fontSizeMedium:v,fontSizeLarge:u}=e;return Object.assign(Object.assign({},A),{fontSizeSmall:p,fontSizeMedium:v,fontSizeLarge:u,lineHeight:m,borderRadius:g,borderColor:t(l,r),borderColorModal:t(n,r),borderColorPopover:t(a,r),tdColor:l,tdColorModal:n,tdColorPopover:a,tdColorStriped:t(l,i),tdColorStripedModal:t(n,i),tdColorStripedPopover:t(a,i),thColor:t(l,s),thColorModal:t(n,s),thColorPopover:t(a,s),thTextColor:d,tdTextColor:c,thFontWeight:h})},J={name:"Table",common:N,self:G},Q=J,U=o([C("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);
|
|
`,[o("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);
|
|
`,[o("&:last-child",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),o("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);
|
|
`,[o("&:last-child",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),b("bordered",`
|
|
border: 1px solid var(--n-merged-border-color);
|
|
border-radius: var(--n-border-radius);
|
|
`,[o("tr",[o("&:last-child",[o("td",`
|
|
border-bottom: 0 solid var(--n-merged-border-color);
|
|
`)])])]),b("single-line",[o("th",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`),o("td",`
|
|
border-right: 0px solid var(--n-merged-border-color);
|
|
`)]),b("single-column",[o("tr",[o("&:not(:last-child)",[o("td",`
|
|
border-bottom: 0px solid var(--n-merged-border-color);
|
|
`)])])]),b("striped",[o("tr:nth-of-type(even)",[o("td","background-color: var(--n-td-color-striped)")])]),W("bottom-bordered",[o("tr",[o("&:last-child",[o("td",`
|
|
border-bottom: 0px solid var(--n-merged-border-color);
|
|
`)])])])]),F(C("table",`
|
|
background-color: var(--n-td-color-modal);
|
|
--n-merged-border-color: var(--n-border-color-modal);
|
|
`,[o("th",`
|
|
background-color: var(--n-th-color-modal);
|
|
`),o("td",`
|
|
background-color: var(--n-td-color-modal);
|
|
`)])),D(C("table",`
|
|
background-color: var(--n-td-color-popover);
|
|
--n-merged-border-color: var(--n-border-color-popover);
|
|
`,[o("th",`
|
|
background-color: var(--n-th-color-popover);
|
|
`),o("td",`
|
|
background-color: var(--n-td-color-popover);
|
|
`)]))]),X=Object.assign(Object.assign({},z.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"}}),lo=_({name:"Table",props:X,setup(e){const{mergedClsPrefixRef:r,inlineThemeDisabled:l,mergedRtlRef:n}=I(e),a=z("Table","-table",U,Q,e,r),s=V("Table",n,r),i=x(()=>{const{size:c}=e,{self:{borderColor:g,tdColor:h,tdColorModal:m,tdColorPopover:p,thColor:v,thColorModal:u,thColorPopover:P,thTextColor:S,tdTextColor:k,borderRadius:M,thFontWeight:R,lineHeight:T,borderColorModal:B,borderColorPopover:$,tdColorStriped:y,tdColorStripedModal:L,tdColorStripedPopover:w,[f("fontSize",c)]:O,[f("tdPadding",c)]:j,[f("thPadding",c)]:E},common:{cubicBezierEaseInOut:H}}=a.value;return{"--n-bezier":H,"--n-td-color":h,"--n-td-color-modal":m,"--n-td-color-popover":p,"--n-td-text-color":k,"--n-border-color":g,"--n-border-color-modal":B,"--n-border-color-popover":$,"--n-border-radius":M,"--n-font-size":O,"--n-th-color":v,"--n-th-color-modal":u,"--n-th-color-popover":P,"--n-th-font-weight":R,"--n-th-text-color":S,"--n-line-height":T,"--n-td-padding":j,"--n-th-padding":E,"--n-td-color-striped":y,"--n-td-color-striped-modal":L,"--n-td-color-striped-popover":w}}),d=l?K("table",x(()=>e.size[0]),i,e):void 0;return{rtlEnabled:s,mergedClsPrefix:r,cssVars:l?void 0:i,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){var e;const{mergedClsPrefix:r}=this;return(e=this.onRender)===null||e===void 0||e.call(this),q("table",{class:[`${r}-table`,this.themeClass,{[`${r}-table--rtl`]:this.rtlEnabled,[`${r}-table--bottom-bordered`]:this.bottomBordered,[`${r}-table--bordered`]:this.bordered,[`${r}-table--single-line`]:this.singleLine,[`${r}-table--single-column`]:this.singleColumn,[`${r}-table--striped`]:this.striped}],style:this.cssVars},this.$slots)}});export{lo as N};
|