1 line
7.4 KiB
JavaScript
1 line
7.4 KiB
JavaScript
import{$t as e,Bt as t,Ln as n,Or as r,Sr as i,St as a,Tr as o,Y as s,_n as c,an as l,cn as u,dn as d,mn as f,tn as p}from"./jsx-runtime-NwRKtVrk.js";import{n as m,t as h}from"./useBreakpoint-BdDQSe50.js";var g=r(o()),_={xxxl:4,xxl:3,xl:3,lg:3,md:3,sm:2,xs:1},v=g.createContext(null),y=e=>n(e).map(e=>({...e?.props,key:e.key}));function b(e,t,n){let r=g.useMemo(()=>t||y(n),[t,n]);return g.useMemo(()=>r.map(({span:t,...n})=>t===`filled`?{...n,filled:!0}:{...n,span:f(t)?t:m(e,t)}),[r,e])}function x(e,t){let n=[],r=[],i=!1,a=0;return e.filter(e=>e).forEach(e=>{let{filled:o,...s}=e;if(o){r.push(s),n.push(r),r=[],a=0;return}let c=t-a;a+=e.span||1,a>=t?(a>t?(i=!0,r.push({...s,span:c})):r.push(s),n.push(r),r=[],a=0):r.push(s)}),r.length>0&&n.push(r),n=n.map(e=>{let n=e.reduce((e,t)=>e+(t.span||1),0);if(n<t){let r=e[e.length-1];return r.span=t-(n-(r.span||1)),e}return e}),[n,i]}var S=(e,t)=>{let[n,r]=(0,g.useMemo)(()=>x(t,e),[t,e]);return n},C=e=>e.children,w=e=>{let{itemPrefixCls:t,component:n,span:r,className:a,style:o,labelStyle:s,contentStyle:l,bordered:u,label:f,content:p,colon:m,type:h,styles:_,classNames:y}=e,b=n,{classNames:x,styles:S}=g.useContext(v),[C,w]=d([x,y],[S,_],{props:e}),T={...s,...w.label},E={...l,...w.content};return u?g.createElement(b,{colSpan:r,style:o,className:i(a,{[`${t}-item-${h}`]:h===`label`||h===`content`,[C.label]:C.label&&h===`label`,[C.content]:C.content&&h===`content`})},c(f)&&g.createElement(`span`,{style:T},f),c(p)&&g.createElement(`span`,{style:E},p)):g.createElement(b,{className:i(`${t}-item`,a),style:o,colSpan:r},g.createElement(`div`,{className:`${t}-item-container`},c(f)&&g.createElement(`span`,{style:T,className:i(`${t}-item-label`,C.label,{[`${t}-item-no-colon`]:!m})},f),c(p)&&g.createElement(`span`,{style:E,className:i(`${t}-item-content`,C.content)},p)))};function T(e,{colon:t,prefixCls:n,bordered:r},{component:i,type:a,showLabel:o,showContent:s,labelStyle:c,contentStyle:l,styles:u}){return e.map(({label:e,children:d,prefixCls:f=n,className:p,style:m,labelStyle:h,contentStyle:_,span:v=1,key:y,styles:b,classNames:x},S)=>typeof i==`string`?g.createElement(w,{key:`${a}-${y||S}`,className:p,style:m,classNames:x,styles:{label:{...c,...u?.label,...h,...b?.label},content:{...l,...u?.content,..._,...b?.content}},span:v,colon:t,component:i,itemPrefixCls:f,bordered:r,label:o?e:null,content:s?d:null,type:a}):[g.createElement(w,{key:`label-${y||S}`,className:p,style:{...c,...u?.label,...m,...h,...b?.label},span:1,colon:t,component:i[0],itemPrefixCls:f,bordered:r,label:e,type:`label`}),g.createElement(w,{key:`content-${y||S}`,className:p,style:{...l,...u?.content,...m,..._,...b?.content},span:v*2-1,component:i[1],itemPrefixCls:f,bordered:r,content:d,type:`content`})])}var E=e=>{let t=g.useContext(v),{prefixCls:n,vertical:r,row:i,index:a,bordered:o}=e;return r?g.createElement(g.Fragment,null,g.createElement(`tr`,{key:`label-${a}`,className:`${n}-row`},T(i,e,{component:`th`,type:`label`,showLabel:!0,...t})),g.createElement(`tr`,{key:`content-${a}`,className:`${n}-row`},T(i,e,{component:`td`,type:`content`,showContent:!0,...t}))):g.createElement(`tr`,{key:a,className:`${n}-row`},T(i,e,{component:o?[`th`,`td`]:`td`,type:`item`,showLabel:!0,showContent:!0,...t}))},D=e=>{let{componentCls:t,labelBg:n}=e;return{[`&${t}-bordered`]:{[`> ${t}-view`]:{border:`${l(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"> table":{tableLayout:`auto`},[`${t}-row`]:{borderBottom:`${l(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"&:first-child":{"> th:first-child, > td:first-child":{borderStartStartRadius:e.borderRadiusLG}},"&:last-child":{borderBottom:`none`,"> th:first-child, > td:first-child":{borderEndStartRadius:e.borderRadiusLG}},[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${l(e.padding)} ${l(e.paddingLG)}`,borderInlineEnd:`${l(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"&:last-child":{borderInlineEnd:`none`}},[`> ${t}-item-label`]:{color:e.colorTextSecondary,backgroundColor:n,"&::after":{display:`none`}}}},[`&${t}-medium`]:{[`${t}-row`]:{[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${l(e.paddingSM)} ${l(e.paddingLG)}`}}},[`&${t}-small`]:{[`${t}-row`]:{[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${l(e.paddingXS)} ${l(e.padding)}`}}}}}},O=t=>{let{componentCls:n,extraColor:r,itemPaddingBottom:i,itemPaddingEnd:a,colonMarginRight:o,colonMarginLeft:s,titleMarginBottom:c}=t;return{[n]:{...e(t),...D(t),"&-rtl":{direction:`rtl`},[`${n}-header`]:{display:`flex`,alignItems:`center`,marginBottom:c},[`${n}-title`]:{...p,flex:`auto`,color:t.titleColor,fontWeight:t.fontWeightStrong,fontSize:t.fontSizeLG,lineHeight:t.lineHeightLG},[`${n}-extra`]:{marginInlineStart:`auto`,color:r,fontSize:t.fontSize},[`${n}-view`]:{width:0,minWidth:`100%`,borderRadius:t.borderRadiusLG,table:{width:`100%`,tableLayout:`fixed`,borderCollapse:`collapse`}},[`${n}-row`]:{"> th, > td":{paddingBottom:i,paddingInlineEnd:a},"> th:last-child, > td:last-child":{paddingInlineEnd:0},"&:last-child":{borderBottom:`none`,"> th, > td":{paddingBottom:0}}},[`${n}-item-label`]:{color:t.labelColor,fontWeight:`normal`,fontSize:t.fontSize,lineHeight:t.lineHeight,textAlign:`start`,"&::after":{content:`":"`,position:`relative`,top:-.5,marginInline:`${l(s)} ${l(o)}`},[`&${n}-item-no-colon::after`]:{content:`""`}},[`${n}-item-no-label`]:{"&::after":{margin:0,content:`""`}},[`${n}-item-content`]:{display:`table-cell`,flex:1,color:t.contentColor,fontSize:t.fontSize,lineHeight:t.lineHeight,wordBreak:`break-word`,overflowWrap:`break-word`},[`${n}-item`]:{paddingBottom:0,verticalAlign:`top`,"&-container":{display:`flex`,[`${n}-item-label`]:{display:`inline-flex`,alignItems:`baseline`},[`${n}-item-content`]:{display:`inline-flex`,alignItems:`baseline`,minWidth:`1em`}}},"&-medium":{[`${n}-row`]:{"> th, > td":{paddingBottom:t.paddingSM}}},"&-small":{[`${n}-row`]:{"> th, > td":{paddingBottom:t.paddingXS}}}}}},k=a(`Descriptions`,e=>O(t(e,{})),e=>({labelBg:e.colorFillAlter,labelColor:e.colorTextTertiary,titleColor:e.colorText,titleMarginBottom:e.fontSizeSM*e.lineHeightSM,itemPaddingBottom:e.padding,itemPaddingEnd:e.padding,colonMarginRight:e.marginXS,colonMarginLeft:e.marginXXS/2,contentColor:e.colorText,extraColor:e.colorText})),A=e=>{let{prefixCls:t,title:n,extra:r,column:a,colon:o=!0,bordered:c,layout:l,children:p,className:y,rootClassName:x,style:C,size:w,labelStyle:T,contentStyle:D,styles:O,items:A,classNames:j,...M}=e,{getPrefixCls:N,direction:P,className:F,style:I,classNames:L,styles:R}=u(`descriptions`),z=N(`descriptions`,t),B=h(),V=g.useMemo(()=>f(a)?a:m(B,a)??m(B,_)??3,[B,a]),H=b(B,A,p),U=s(w),W=S(V,H),[G,K]=k(z),q={...e,column:V,items:H,size:U},[J,Y]=d([L,j],[R,O],{props:q}),X=g.useMemo(()=>({labelStyle:T,contentStyle:D,styles:{label:Y.label,content:Y.content},classNames:{label:J.label,content:J.content}}),[T,D,Y.label,Y.content,J.label,J.content]);return g.createElement(v.Provider,{value:X},g.createElement(`div`,{className:i(z,F,J.root,{[`${z}-medium`]:U===`medium`||U===`middle`,[`${z}-small`]:U===`small`,[`${z}-bordered`]:!!c,[`${z}-rtl`]:P===`rtl`},y,x,G,K),style:{...I,...Y.root,...C},...M},(n||r)&&g.createElement(`div`,{className:i(`${z}-header`,J.header),style:Y.header},n&&g.createElement(`div`,{className:i(`${z}-title`,J.title),style:Y.title},n),r&&g.createElement(`div`,{className:i(`${z}-extra`,J.extra),style:Y.extra},r)),g.createElement(`div`,{className:`${z}-view`},g.createElement(`table`,null,g.createElement(`tbody`,null,W.map((e,t)=>g.createElement(E,{key:t,index:t,colon:o,prefixCls:z,vertical:l===`vertical`,bordered:c,row:e})))))))};A.Item=C;export{A as t}; |