Table-eca47436.js 4.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. 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",`
  2. font-size: var(--n-font-size);
  3. font-variant-numeric: tabular-nums;
  4. line-height: var(--n-line-height);
  5. width: 100%;
  6. border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
  7. text-align: left;
  8. border-collapse: separate;
  9. border-spacing: 0;
  10. overflow: hidden;
  11. background-color: var(--n-td-color);
  12. border-color: var(--n-merged-border-color);
  13. transition:
  14. background-color .3s var(--n-bezier),
  15. border-color .3s var(--n-bezier),
  16. color .3s var(--n-bezier);
  17. --n-merged-border-color: var(--n-border-color);
  18. `,[r("th",`
  19. white-space: nowrap;
  20. transition:
  21. background-color .3s var(--n-bezier),
  22. border-color .3s var(--n-bezier),
  23. color .3s var(--n-bezier);
  24. text-align: inherit;
  25. padding: var(--n-th-padding);
  26. vertical-align: inherit;
  27. text-transform: none;
  28. border: 0px solid var(--n-merged-border-color);
  29. font-weight: var(--n-th-font-weight);
  30. color: var(--n-th-text-color);
  31. background-color: var(--n-th-color);
  32. border-bottom: 1px solid var(--n-merged-border-color);
  33. border-right: 1px solid var(--n-merged-border-color);
  34. `,[r("&:last-child",`
  35. border-right: 0px solid var(--n-merged-border-color);
  36. `)]),r("td",`
  37. transition:
  38. background-color .3s var(--n-bezier),
  39. border-color .3s var(--n-bezier),
  40. color .3s var(--n-bezier);
  41. padding: var(--n-td-padding);
  42. color: var(--n-td-text-color);
  43. background-color: var(--n-td-color);
  44. border: 0px solid var(--n-merged-border-color);
  45. border-right: 1px solid var(--n-merged-border-color);
  46. border-bottom: 1px solid var(--n-merged-border-color);
  47. `,[r("&:last-child",`
  48. border-right: 0px solid var(--n-merged-border-color);
  49. `)]),t("bordered",`
  50. border: 1px solid var(--n-merged-border-color);
  51. border-radius: var(--n-border-radius);
  52. `,[r("tr",[r("&:last-child",[r("td",`
  53. border-bottom: 0 solid var(--n-merged-border-color);
  54. `)])])]),t("single-line",[r("th",`
  55. border-right: 0px solid var(--n-merged-border-color);
  56. `),r("td",`
  57. border-right: 0px solid var(--n-merged-border-color);
  58. `)]),t("single-column",[r("tr",[r("&:not(:last-child)",[r("td",`
  59. border-bottom: 0px solid var(--n-merged-border-color);
  60. `)])])]),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",`
  61. border-bottom: 0px solid var(--n-merged-border-color);
  62. `)])])])]),j(n("table",`
  63. background-color: var(--n-td-color-modal);
  64. --n-merged-border-color: var(--n-border-color-modal);
  65. `,[r("th",`
  66. background-color: var(--n-th-color-modal);
  67. `),r("td",`
  68. background-color: var(--n-td-color-modal);
  69. `)])),H(n("table",`
  70. background-color: var(--n-td-color-popover);
  71. --n-merged-border-color: var(--n-border-color-popover);
  72. `,[r("th",`
  73. background-color: var(--n-th-color-popover);
  74. `),r("td",`
  75. background-color: var(--n-td-color-popover);
  76. `)]))]),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 _};