1 line
7.6 KiB
JavaScript
1 line
7.6 KiB
JavaScript
import{i as e}from"./rolldown-runtime-BgaNhQyE.js";import{$t as t,Dr as n,Jn as r,Ot as i,Pn as a,Q as o,St as s,Tt as c,Vn as l,Wt as u,Zt as d,xn as f,xt as p,zn as m}from"./jsx-runtime-ADHq9IcL.js";import{n as h,t as g}from"./useBreakpoint-Dhidjsjf.js";var _=e(n()),v={xxxl:4,xxl:3,xl:3,lg:3,md:3,sm:2,xs:1},y=_.createContext(null),b=e=>r(e).map(e=>({...e?.props,key:e.key}));function x(e,t,n){let r=_.useMemo(()=>t||b(n),[t,n]);return _.useMemo(()=>r.map(({span:t,...n})=>t===`filled`?{...n,filled:!0}:{...n,span:c(t)?t:h(e,t)}),[r,e])}function S(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 C=(e,t)=>{let[n,r]=(0,_.useMemo)(()=>S(t,e),[t,e]);return n},w=e=>e.children,T=e=>{let{itemPrefixCls:t,component:n,span:r,className:a,style:o,labelStyle:s,contentStyle:c,bordered:u,label:d,content:f,colon:m,type:h,styles:g,classNames:v}=e,b=n,{classNames:x,styles:S}=_.useContext(y),[C,w]=p([x,v],[S,g],{props:e}),T={...s,...w.label},E={...c,...w.content};if(u){let e;h===`label`&&(e=T),h===`content`&&(e=E);let n=e?{...o,...e}:o;return _.createElement(b,{colSpan:r,style:n,className:l(a,{[`${t}-item-${h}`]:h===`label`||h===`content`,[C.label]:C.label&&h===`label`,[C.content]:C.content&&h===`content`})},i(d)&&_.createElement(`span`,null,d),i(f)&&_.createElement(`span`,null,f))}return _.createElement(b,{className:l(`${t}-item`,a),style:o,colSpan:r},_.createElement(`div`,{className:`${t}-item-container`},i(d)&&_.createElement(`span`,{style:T,className:l(`${t}-item-label`,C.label,{[`${t}-item-no-colon`]:!m})},d),i(f)&&_.createElement(`span`,{style:E,className:l(`${t}-item-content`,C.content)},f)))};function E(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:g,span:v=1,key:y,styles:b,classNames:x},S)=>{if(typeof i==`string`)return _.createElement(T,{key:`${a}-${y||S}`,className:p,style:m,classNames:x,styles:{label:{...c,...u?.label,...h,...b?.label},content:{...l,...u?.content,...g,...b?.content}},span:v,colon:t,component:i,itemPrefixCls:f,bordered:r,label:o?e:null,content:s?d:null,type:a});let C={label:{...c,...u?.label,...h,...b?.label},content:{...l,...u?.content,...g,...b?.content}};return[_.createElement(T,{key:`label-${y||S}`,className:p,style:m,classNames:x,styles:C,span:1,colon:t,component:i[0],itemPrefixCls:f,bordered:r,label:e,type:`label`}),_.createElement(T,{key:`content-${y||S}`,className:p,style:m,classNames:x,styles:C,span:v*2-1,component:i[1],itemPrefixCls:f,bordered:r,content:d,type:`content`})]})}var D=e=>{let t=_.useContext(y),{prefixCls:n,vertical:r,row:i,index:a,bordered:o}=e;return r?_.createElement(_.Fragment,null,_.createElement(`tr`,{key:`label-${a}`,className:`${n}-row`},E(i,e,{component:`th`,type:`label`,showLabel:!0,...t})),_.createElement(`tr`,{key:`content-${a}`,className:`${n}-row`},E(i,e,{component:`td`,type:`content`,showContent:!0,...t}))):_.createElement(`tr`,{key:a,className:`${n}-row`},E(i,e,{component:o?[`th`,`td`]:`td`,type:`item`,showLabel:!0,showContent:!0,...t}))},O=e=>{let{componentCls:t,labelBg:n}=e;return{[`&${t}-bordered`]:{[`> ${t}-view`]:{border:`${a(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"> table":{tableLayout:`auto`},[`${t}-row`]:{borderBottom:`${a(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:`${a(e.padding)} ${a(e.paddingLG)}`,borderInlineEnd:`${a(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:`${a(e.paddingSM)} ${a(e.paddingLG)}`}}},[`&${t}-small`]:{[`${t}-row`]:{[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${a(e.paddingXS)} ${a(e.padding)}`}}}}}},k=e=>{let{componentCls:n,extraColor:r,itemPaddingBottom:i,itemPaddingEnd:o,colonMarginRight:s,colonMarginLeft:c,titleMarginBottom:l}=e;return{[n]:{...d(e),...O(e),"&-rtl":{direction:`rtl`},[`${n}-header`]:{display:`flex`,alignItems:`center`,marginBottom:l},[`${n}-title`]:{...t,flex:`auto`,color:e.titleColor,fontWeight:e.fontWeightStrong,fontSize:e.fontSizeLG,lineHeight:e.lineHeightLG},[`${n}-extra`]:{marginInlineStart:`auto`,color:r,fontSize:e.fontSize},[`${n}-view`]:{width:0,minWidth:`100%`,borderRadius:e.borderRadiusLG,table:{width:`100%`,tableLayout:`fixed`,borderCollapse:`collapse`}},[`${n}-row`]:{"> th, > td":{paddingBottom:i,paddingInlineEnd:o},"> th:last-child, > td:last-child":{paddingInlineEnd:0},"&:last-child":{borderBottom:`none`,"> th, > td":{paddingBottom:0}}},[`${n}-item-label`]:{color:e.labelColor,fontWeight:`normal`,fontSize:e.fontSize,lineHeight:e.lineHeight,textAlign:`start`,"&::after":{content:`":"`,position:`relative`,top:-.5,marginInline:`${a(c)} ${a(s)}`},[`&${n}-item-no-colon::after`]:{content:`""`}},[`${n}-item-no-label`]:{"&::after":{margin:0,content:`""`}},[`${n}-item-content`]:{display:`table-cell`,flex:1,color:e.contentColor,fontSize:e.fontSize,lineHeight:e.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:e.paddingSM}}},"&-small":{[`${n}-row`]:{"> th, > td":{paddingBottom:e.paddingXS}}}}}},A=u(`Descriptions`,e=>k(f(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})),j=e=>{let{prefixCls:t,title:n,extra:r,column:i,colon:a=!0,bordered:u,layout:d,children:f,className:b,rootClassName:S,style:w,size:T,labelStyle:E,contentStyle:O,styles:k,items:j,classNames:M,...N}=e,{getPrefixCls:P,direction:F,className:I,style:L,classNames:R,styles:z}=m(`descriptions`),B=P(`descriptions`,t),V=g(),H=_.useMemo(()=>c(i)?i:h(V,i)??h(V,v)??3,[V,i]),U=x(V,j,f),W=o(T),G=C(H,U),[K,q]=A(B),J={...e,column:H,items:U,size:W},Y=s(L),X=s(w),[Z,Q]=p([R,M],[z,Y,k,X],{props:J}),$=_.useMemo(()=>({labelStyle:E,contentStyle:O,styles:{label:Q.label,content:Q.content},classNames:{label:Z.label,content:Z.content}}),[E,O,Q.label,Q.content,Z.label,Z.content]);return _.createElement(y.Provider,{value:$},_.createElement(`div`,{className:l(B,I,Z.root,{[`${B}-medium`]:W===`medium`||W===`middle`,[`${B}-small`]:W===`small`,[`${B}-bordered`]:!!u,[`${B}-rtl`]:F===`rtl`},b,S,K,q),style:Q.root,...N},(n||r)&&_.createElement(`div`,{className:l(`${B}-header`,Z.header),style:Q.header},n&&_.createElement(`div`,{className:l(`${B}-title`,Z.title),style:Q.title},n),r&&_.createElement(`div`,{className:l(`${B}-extra`,Z.extra),style:Q.extra},r)),_.createElement(`div`,{className:`${B}-view`},_.createElement(`table`,null,_.createElement(`tbody`,null,G.map((e,t)=>_.createElement(D,{key:t,index:t,colon:a,prefixCls:B,vertical:d===`vertical`,bordered:u,row:e})))))))};j.Item=w;export{j as t}; |