ray-template/assets/DescriptionsItem.a616fdcc.js

import{K as he,au as be,L as a,k as l,l as y,B as T,U as O,m as k,d as D,r as pe,p as K,q as j,s as ge,C as ue,av as ve,x as E,G,H as V,h as p,R as Ce,n as fe,$ as me,I as C,aw as N,ax as xe,ay as ke,V as ye,W as ze,az as Se,aA as Pe}from"./index.c3f05d90.js";function U(e,g="default",r=[]){const{children:u}=e;if(u!==null&&typeof u=="object"&&!Array.isArray(u)){const c=u[g];if(typeof c=="function")return c()}return r}const Ie=e=>{const{textColor2:g,primaryColorHover:r,primaryColorPressed:u,primaryColor:c,infoColor:d,successColor:s,warningColor:i,errorColor:b,baseColor:n,borderColor:S,opacityDisabled:v,tagColor:m,closeIconColor:t,closeIconColorHover:h,closeIconColorPressed:z,borderRadiusSmall:o,fontSizeMini:f,fontSizeTiny:M,fontSizeSmall:x,fontSizeMedium:P,heightMini:w,heightTiny:$,heightSmall:I,heightMedium:R,closeColorHover:B,closeColorPressed:H,buttonColor2Hover:_,buttonColor2Pressed:A,fontWeightStrong:W}=e;return Object.assign(Object.assign({},be),{closeBorderRadius:o,heightTiny:w,heightSmall:$,heightMedium:I,heightLarge:R,borderRadius:o,opacityDisabled:v,fontSizeTiny:f,fontSizeSmall:M,fontSizeMedium:x,fontSizeLarge:P,fontWeightStrong:W,textColorCheckable:g,textColorHoverCheckable:g,textColorPressedCheckable:g,textColorChecked:n,colorCheckable:"#0000",colorHoverCheckable:_,colorPressedCheckable:A,colorChecked:c,colorCheckedHover:r,colorCheckedPressed:u,border:`1px solid ${S}`,textColor:g,color:m,colorBordered:"rgb(250, 250, 252)",closeIconColor:t,closeIconColorHover:h,closeIconColorPressed:z,closeColorHover:B,closeColorPressed:H,borderPrimary:`1px solid ${a(c,{alpha:.3})}`,textColorPrimary:c,colorPrimary:a(c,{alpha:.12}),colorBorderedPrimary:a(c,{alpha:.1}),closeIconColorPrimary:c,closeIconColorHoverPrimary:c,closeIconColorPressedPrimary:c,closeColorHoverPrimary:a(c,{alpha:.12}),closeColorPressedPrimary:a(c,{alpha:.18}),borderInfo:`1px solid ${a(d,{alpha:.3})}`,textColorInfo:d,colorInfo:a(d,{alpha:.12}),colorBorderedInfo:a(d,{alpha:.1}),closeIconColorInfo:d,closeIconColorHoverInfo:d,closeIconColorPressedInfo:d,closeColorHoverInfo:a(d,{alpha:.12}),closeColorPressedInfo:a(d,{alpha:.18}),borderSuccess:`1px solid ${a(s,{alpha:.3})}`,textColorSuccess:s,colorSuccess:a(s,{alpha:.12}),colorBorderedSuccess:a(s,{alpha:.1}),closeIconColorSuccess:s,closeIconColorHoverSuccess:s,closeIconColorPressedSuccess:s,closeColorHoverSuccess:a(s,{alpha:.12}),closeColorPressedSuccess:a(s,{alpha:.18}),borderWarning:`1px solid ${a(i,{alpha:.35})}`,textColorWarning:i,colorWarning:a(i,{alpha:.15}),colorBorderedWarning:a(i,{alpha:.12}),closeIconColorWarning:i,closeIconColorHoverWarning:i,closeIconColorPressedWarning:i,closeColorHoverWarning:a(i,{alpha:.12}),closeColorPressedWarning:a(i,{alpha:.18}),borderError:`1px solid ${a(b,{alpha:.23})}`,textColorError:b,colorError:a(b,{alpha:.1}),colorBorderedError:a(b,{alpha:.08}),closeIconColorError:b,closeIconColorHoverError:b,closeIconColorPressedError:b,closeColorHoverError:a(b,{alpha:.12}),closeColorPressedError:a(b,{alpha:.18})})},we={name:"Tag",common:he,self:Ie},$e=we,Re={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},Be=l("tag",`
 white-space: nowrap;
 position: relative;
 box-sizing: border-box;
 cursor: default;
 display: inline-flex;
 align-items: center;
 flex-wrap: nowrap;
 padding: var(--n-padding);
 border-radius: var(--n-border-radius);
 color: var(--n-text-color);
 background-color: var(--n-color);
 transition: 
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 line-height: 1;
 height: var(--n-height);
 font-size: var(--n-font-size);
`,[y("strong",`
 font-weight: var(--n-font-weight-strong);
 `),T("border",`
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;
 border: var(--n-border);
 transition: border-color .3s var(--n-bezier);
 `),T("icon",`
 display: flex;
 margin: 0 4px 0 0;
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 font-size: var(--n-avatar-size-override);
 `),T("avatar",`
 display: flex;
 margin: 0 6px 0 0;
 `),T("close",`
 margin: var(--n-close-margin);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `),y("round",`
 padding: 0 calc(var(--n-height) / 3);
 border-radius: calc(var(--n-height) / 2);
 `,[T("icon",`
 margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
 `),T("avatar",`
 margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
 `),y("closable",`
 padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
 `)]),y("icon, avatar",[y("round",`
 padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
 `)]),y("disabled",`
 cursor: not-allowed !important;
 opacity: var(--n-opacity-disabled);
 `),y("checkable",`
 cursor: pointer;
 box-shadow: none;
 color: var(--n-text-color-checkable);
 background-color: var(--n-color-checkable);
 `,[O("disabled",[k("&:hover","background-color: var(--n-color-hover-checkable);",[O("checked","color: var(--n-text-color-hover-checkable);")]),k("&:active","background-color: var(--n-color-pressed-checkable);",[O("checked","color: var(--n-text-color-pressed-checkable);")])]),y("checked",`
 color: var(--n-text-color-checked);
 background-color: var(--n-color-checked);
 `,[O("disabled",[k("&:hover","background-color: var(--n-color-checked-hover);"),k("&:active","background-color: var(--n-color-checked-pressed);")])])])]),He=Object.assign(Object.assign(Object.assign({},j.props),Re),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),Te=fe("n-tag"),Ae=D({name:"Tag",props:He,setup(e){const g=pe(null),{mergedBorderedRef:r,mergedClsPrefixRef:u,inlineThemeDisabled:c,mergedRtlRef:d}=K(e),s=j("Tag","-tag",Be,$e,e,u);ge(Te,{roundRef:ue(e,"round")});function i(t){if(!e.disabled&&e.checkable){const{checked:h,onCheckedChange:z,onUpdateChecked:o,"onUpdate:checked":f}=e;o&&o(!h),f&&f(!h),z&&z(!h)}}function b(t){if(e.triggerClickOnClose||t.stopPropagation(),!e.disabled){const{onClose:h}=e;h&&me(h,t)}}const n={setTextContent(t){const{value:h}=g;h&&(h.textContent=t)}},S=ve("Tag",d,u),v=E(()=>{const{type:t,size:h,color:{color:z,textColor:o}={}}=e,{common:{cubicBezierEaseInOut:f},self:{padding:M,closeMargin:x,closeMarginRtl:P,borderRadius:w,opacityDisabled:$,textColorCheckable:I,textColorHoverCheckable:R,textColorPressedCheckable:B,textColorChecked:H,colorCheckable:_,colorHoverCheckable:A,colorPressedCheckable:W,colorChecked:J,colorCheckedHover:Q,colorCheckedPressed:X,closeBorderRadius:Y,fontWeightStrong:Z,[C("colorBordered",t)]:ee,[C("closeSize",h)]:oe,[C("closeIconSize",h)]:re,[C("fontSize",h)]:le,[C("height",h)]:F,[C("color",t)]:te,[C("textColor",t)]:ne,[C("border",t)]:se,[C("closeIconColor",t)]:L,[C("closeIconColorHover",t)]:ae,[C("closeIconColorPressed",t)]:ce,[C("closeColorHover",t)]:ie,[C("closeColorPressed",t)]:de}}=s.value;return{"--n-font-weight-strong":Z,"--n-avatar-size-override":`calc(${F} - 8px)`,"--n-bezier":f,"--n-border-radius":w,"--n-border":se,"--n-close-icon-size":re,"--n-close-color-pressed":de,"--n-close-color-hover":ie,"--n-close-border-radius":Y,"--n-close-icon-color":L,"--n-close-icon-color-hover":ae,"--n-close-icon-color-pressed":ce,"--n-close-icon-color-disabled":L,"--n-close-margin":x,"--n-close-margin-rtl":P,"--n-close-size":oe,"--n-color":z||(r.value?ee:te),"--n-color-checkable":_,"--n-color-checked":J,"--n-color-checked-hover":Q,"--n-color-checked-pressed":X,"--n-color-hover-checkable":A,"--n-color-pressed-checkable":W,"--n-font-size":le,"--n-height":F,"--n-opacity-disabled":$,"--n-padding":M,"--n-text-color":o||ne,"--n-text-color-checkable":I,"--n-text-color-checked":H,"--n-text-color-hover-checkable":R,"--n-text-color-pressed-checkable":B}}),m=c?G("tag",E(()=>{let t="";const{type:h,size:z,color:{color:o,textColor:f}={}}=e;return t+=h[0],t+=z[0],o&&(t+=`a${N(o)}`),f&&(t+=`b${N(f)}`),r.value&&(t+="c"),t}),v,e):void 0;return Object.assign(Object.assign({},n),{rtlEnabled:S,mergedClsPrefix:u,contentRef:g,mergedBordered:r,handleClick:i,handleCloseClick:b,cssVars:c?void 0:v,themeClass:m==null?void 0:m.themeClass,onRender:m==null?void 0:m.onRender})},render(){var e,g;const{mergedClsPrefix:r,rtlEnabled:u,closable:c,color:{borderColor:d}={},round:s,onRender:i,$slots:b}=this;i==null||i();const n=V(b.avatar,v=>v&&p("div",{class:`${r}-tag__avatar`},v)),S=V(b.icon,v=>v&&p("div",{class:`${r}-tag__icon`},v));return p("div",{class:[`${r}-tag`,this.themeClass,{[`${r}-tag--rtl`]:u,[`${r}-tag--strong`]:this.strong,[`${r}-tag--disabled`]:this.disabled,[`${r}-tag--checkable`]:this.checkable,[`${r}-tag--checked`]:this.checkable&&this.checked,[`${r}-tag--round`]:s,[`${r}-tag--avatar`]:n,[`${r}-tag--icon`]:S,[`${r}-tag--closable`]:c}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},S||n,p("span",{class:`${r}-tag__content`,ref:"contentRef"},(g=(e=this.$slots).default)===null||g===void 0?void 0:g.call(e)),!this.checkable&&c?p(Ce,{clsPrefix:r,class:`${r}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:s,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?p("div",{class:`${r}-tag__border`,style:{borderColor:d}}):null)}}),q="DESCRIPTION_ITEM_FLAG";function Me(e){return typeof e=="object"&&e&&!Array.isArray(e)?e.type&&e.type[q]:!1}const _e=k([l("descriptions",{fontSize:"var(--n-font-size)"},[l("descriptions-separator",`
 display: inline-block;
 margin: 0 8px 0 2px;
 `),l("descriptions-table-wrapper",[l("descriptions-table",[l("descriptions-table-row",[l("descriptions-table-header",{padding:"var(--n-th-padding)"}),l("descriptions-table-content",{padding:"var(--n-td-padding)"})])])]),O("bordered",[l("descriptions-table-wrapper",[l("descriptions-table",[l("descriptions-table-row",[k("&:last-child",[l("descriptions-table-content",{paddingBottom:0})])])])])]),y("left-label-placement",[l("descriptions-table-content",[k("> *",{verticalAlign:"top"})])]),y("left-label-align",[k("th",{textAlign:"left"})]),y("center-label-align",[k("th",{textAlign:"center"})]),y("right-label-align",[k("th",{textAlign:"right"})]),y("bordered",[l("descriptions-table-wrapper",`
 border-radius: var(--n-border-radius);
 overflow: hidden;
 background: var(--n-merged-td-color);
 border: 1px solid var(--n-merged-border-color);
 `,[l("descriptions-table",[l("descriptions-table-row",[k("&:not(:last-child)",[l("descriptions-table-content",{borderBottom:"1px solid var(--n-merged-border-color)"}),l("descriptions-table-header",{borderBottom:"1px solid var(--n-merged-border-color)"})]),l("descriptions-table-header",`
 font-weight: 400;
 background-clip: padding-box;
 background-color: var(--n-merged-th-color);
 `,[k("&:not(:last-child)",{borderRight:"1px solid var(--n-merged-border-color)"})]),l("descriptions-table-content",[k("&:not(:last-child)",{borderRight:"1px solid var(--n-merged-border-color)"})])])])])]),l("descriptions-header",`
 font-weight: var(--n-th-font-weight);
 font-size: 18px;
 transition: color .3s var(--n-bezier);
 line-height: var(--n-line-height);
 margin-bottom: 16px;
 color: var(--n-title-text-color);
 `),l("descriptions-table-wrapper",`
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `,[l("descriptions-table",`
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 box-sizing: border-box;
 `,[l("descriptions-table-row",`
 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
 `,[l("descriptions-table-header",`
 font-weight: var(--n-th-font-weight);
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-th-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `),l("descriptions-table-content",`
 vertical-align: top;
 line-height: var(--n-line-height);
 display: table-cell;
 box-sizing: border-box;
 color: var(--n-td-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `,[T("content",`
 transition: color .3s var(--n-bezier);
 display: inline-block;
 color: var(--n-td-text-color);
 `)]),T("label",`
 font-weight: var(--n-th-font-weight);
 transition: color .3s var(--n-bezier);
 display: inline-block;
 margin-right: 14px;
 color: var(--n-th-text-color);
 `)])])])]),l("descriptions-table-wrapper",`
 --n-merged-th-color: var(--n-th-color);
 --n-merged-td-color: var(--n-td-color);
 --n-merged-border-color: var(--n-border-color);
 `),xe(l("descriptions-table-wrapper",`
 --n-merged-th-color: var(--n-th-color-modal);
 --n-merged-td-color: var(--n-td-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 `)),ke(l("descriptions-table-wrapper",`
 --n-merged-th-color: var(--n-th-color-popover);
 --n-merged-td-color: var(--n-td-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 `))]),Oe=Object.assign(Object.assign({},j.props),{title:String,column:{type:Number,default:3},columns:Number,labelPlacement:{type:String,default:"top"},labelAlign:{type:String,default:"left"},separator:{type:String,default:":"},size:{type:String,default:"medium"},bordered:Boolean,labelStyle:[Object,String],contentStyle:[Object,String]}),We=D({name:"Descriptions",props:Oe,setup(e){const{mergedClsPrefixRef:g,inlineThemeDisabled:r}=K(e),u=j("Descriptions","-descriptions",_e,Pe,e,g),c=E(()=>{const{size:s,bordered:i}=e,{common:{cubicBezierEaseInOut:b},self:{titleTextColor:n,thColor:S,thColorModal:v,thColorPopover:m,thTextColor:t,thFontWeight:h,tdTextColor:z,tdColor:o,tdColorModal:f,tdColorPopover:M,borderColor:x,borderColorModal:P,borderColorPopover:w,borderRadius:$,lineHeight:I,[C("fontSize",s)]:R,[C(i?"thPaddingBordered":"thPadding",s)]:B,[C(i?"tdPaddingBordered":"tdPadding",s)]:H}}=u.value;return{"--n-title-text-color":n,"--n-th-padding":B,"--n-td-padding":H,"--n-font-size":R,"--n-bezier":b,"--n-th-font-weight":h,"--n-line-height":I,"--n-th-text-color":t,"--n-td-text-color":z,"--n-th-color":S,"--n-th-color-modal":v,"--n-th-color-popover":m,"--n-td-color":o,"--n-td-color-modal":f,"--n-td-color-popover":M,"--n-border-radius":$,"--n-border-color":x,"--n-border-color-modal":P,"--n-border-color-popover":w}}),d=r?G("descriptions",E(()=>{let s="";const{size:i,bordered:b}=e;return b&&(s+="a"),s+=i[0],s}),c,e):void 0;return{mergedClsPrefix:g,cssVars:r?void 0:c,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender,compitableColumn:ye(e,["columns","column"]),inlineThemeDisabled:r}},render(){const e=this.$slots.default,g=e?ze(e()):[];g.length;const{compitableColumn:r,labelPlacement:u,labelAlign:c,size:d,bordered:s,title:i,cssVars:b,mergedClsPrefix:n,separator:S,onRender:v}=this;v==null||v();const m=g.filter(o=>Me(o)),t={span:0,row:[],secondRow:[],rows:[]},z=m.reduce((o,f,M)=>{const x=f.props||{},P=m.length-1===M,w=["label"in x?x.label:U(f,"label")],$=[U(f)],I=x.span||1,R=o.span;o.span+=I;const B=x.labelStyle||x["label-style"]||this.labelStyle,H=x.contentStyle||x["content-style"]||this.contentStyle;if(u==="left")s?o.row.push(p("th",{class:`${n}-descriptions-table-header`,colspan:1,style:B},w),p("td",{class:`${n}-descriptions-table-content`,colspan:P?(r-R)*2+1:I*2-1,style:H},$)):o.row.push(p("td",{class:`${n}-descriptions-table-content`,colspan:P?(r-R)*2:I*2},p("span",{class:`${n}-descriptions-table-content__label`,style:B},[...w,S&&p("span",{class:`${n}-descriptions-separator`},S)]),p("span",{class:`${n}-descriptions-table-content__content`,style:H},$)));else{const _=P?(r-R)*2:I*2;o.row.push(p("th",{class:`${n}-descriptions-table-header`,colspan:_,style:B},w)),o.secondRow.push(p("td",{class:`${n}-descriptions-table-content`,colspan:_,style:H},$))}return(o.span>=r||P)&&(o.span=0,o.row.length&&(o.rows.push(o.row),o.row=[]),u!=="left"&&o.secondRow.length&&(o.rows.push(o.secondRow),o.secondRow=[])),o},t).rows.map(o=>p("tr",{class:`${n}-descriptions-table-row`},o));return p("div",{style:b,class:[`${n}-descriptions`,this.themeClass,`${n}-descriptions--${u}-label-placement`,`${n}-descriptions--${c}-label-align`,`${n}-descriptions--${d}-size`,s&&`${n}-descriptions--bordered`]},i||this.$slots.header?p("div",{class:`${n}-descriptions-header`},i||Se(this,"header")):null,p("div",{class:`${n}-descriptions-table-wrapper`},p("table",{class:`${n}-descriptions-table`},p("tbody",null,z))))}}),Ee={label:String,span:{type:Number,default:1},labelStyle:[Object,String],contentStyle:[Object,String]},De=D({name:"DescriptionsItem",[q]:!0,props:Ee,render(){return null}});export{We as N,De as a,Ae as b};