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.
1 line
10 KiB
1 line
10 KiB
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[36381],{36381:function(e,n,a){a.d(n,{Z:function(){return W}});var o=a(38819),t=a(92310),r=a.n(t),i=a(72308),l=a(80702),c=a(52487),d=a(62853),s=a(18929),p=a(48736),u=a(59301),m=a(74416),f=a(11592),g=a(49618),b=a(77900),v=a(10228),x=u.forwardRef((function(e,n){var a=e.prefixCls,o=e.forceRender,t=e.className,i=e.style,l=e.children,d=e.isActive,s=e.role,p=u.useState(d||o),m=(0,c.Z)(p,2),f=m[0],b=m[1];return u.useEffect((function(){(o||d)&&b(!0)}),[o,d]),f?u.createElement("div",{ref:n,className:r()("".concat(a,"-content"),(0,g.Z)((0,g.Z)({},"".concat(a,"-content-active"),d),"".concat(a,"-content-inactive"),!d),t),style:i,role:s},u.createElement("div",{className:"".concat(a,"-content-box")},l)):null}));x.displayName="PanelContent";var $=x,h=["showArrow","headerClass","isActive","onItemClick","forceRender","className","prefixCls","collapsible","accordion","panelKey","extra","header","expandIcon","openMotion","destroyInactivePanel","children"],y=u.forwardRef((function(e,n){var a=e.showArrow,o=void 0===a||a,t=e.headerClass,l=e.isActive,c=e.onItemClick,d=e.forceRender,s=e.className,p=e.prefixCls,f=e.collapsible,x=e.accordion,y=e.panelKey,C=e.extra,I=e.header,k=e.expandIcon,Z=e.openMotion,P=e.destroyInactivePanel,N=e.children,E=(0,m.Z)(e,h),S="disabled"===f,w="header"===f,R="icon"===f,O=null!=C&&"boolean"!=typeof C,M=function(){null==c||c(y)},A="function"==typeof k?k(e):u.createElement("i",{className:"arrow"});A&&(A=u.createElement("div",{className:"".concat(p,"-expand-icon"),onClick:["header","icon"].includes(f)?M:void 0},A));var j=r()((0,g.Z)((0,g.Z)((0,g.Z)({},"".concat(p,"-item"),!0),"".concat(p,"-item-active"),l),"".concat(p,"-item-disabled"),S),s),B={className:r()(t,(0,g.Z)((0,g.Z)((0,g.Z)({},"".concat(p,"-header"),!0),"".concat(p,"-header-collapsible-only"),w),"".concat(p,"-icon-collapsible-only"),R)),"aria-expanded":l,"aria-disabled":S,onKeyDown:function(e){"Enter"!==e.key&&e.keyCode!==v.Z.ENTER&&e.which!==v.Z.ENTER||M()}};return w||R||(B.onClick=M,B.role=x?"tab":"button",B.tabIndex=S?-1:0),u.createElement("div",(0,i.Z)({},E,{ref:n,className:j}),u.createElement("div",B,o&&A,u.createElement("span",{className:"".concat(p,"-header-text"),onClick:"header"===f?M:void 0},I),O&&u.createElement("div",{className:"".concat(p,"-extra")},C)),u.createElement(b.default,(0,i.Z)({visible:l,leavedClassName:"".concat(p,"-content-hidden")},Z,{forceRender:d,removeOnLeave:P}),(function(e,n){var a=e.className,o=e.style;return u.createElement($,{ref:n,prefixCls:p,className:a,style:o,isActive:l,forceRender:d,role:x?"tabpanel":void 0},N)})))})),C=["children","label","key","collapsible","onItemClick","destroyInactivePanel"];var I=function(e,n,a){return Array.isArray(e)?function(e,n){var a=n.prefixCls,o=n.accordion,t=n.collapsible,r=n.destroyInactivePanel,l=n.onItemClick,c=n.activeKey,d=n.openMotion,s=n.expandIcon;return e.map((function(e,n){var p=e.children,f=e.label,g=e.key,b=e.collapsible,v=e.onItemClick,x=e.destroyInactivePanel,$=(0,m.Z)(e,C),h=String(null!=g?g:n),I=null!=b?b:t,k=null!=x?x:r,Z=!1;return Z=o?c[0]===h:c.indexOf(h)>-1,u.createElement(y,(0,i.Z)({},$,{prefixCls:a,key:h,panelKey:h,isActive:Z,accordion:o,openMotion:d,expandIcon:s,header:f,collapsible:I,onItemClick:function(e){"disabled"!==I&&(l(e),null==v||v(e))},destroyInactivePanel:k}),p)}))}(e,a):(0,f.Z)(n).map((function(e,n){return function(e,n,a){if(!e)return null;var o=a.prefixCls,t=a.accordion,r=a.collapsible,i=a.destroyInactivePanel,l=a.onItemClick,c=a.activeKey,d=a.openMotion,s=a.expandIcon,p=e.key||String(n),m=e.props,f=m.header,g=m.headerClass,b=m.destroyInactivePanel,v=m.collapsible,x=m.onItemClick,$=!1;$=t?c[0]===p:c.indexOf(p)>-1;var h=null!=v?v:r,y={key:p,panelKey:p,header:f,headerClass:g,isActive:$,prefixCls:o,destroyInactivePanel:null!=b?b:i,openMotion:d,accordion:t,children:e.props.children,onItemClick:function(e){"disabled"!==h&&(l(e),null==x||x(e))},expandIcon:s,collapsible:h};return"string"==typeof e.type?e:(Object.keys(y).forEach((function(e){void 0===y[e]&&delete y[e]})),u.cloneElement(e,y))}(e,n,a)}))},k=a(26112);function Z(e){var n=e;if(!Array.isArray(n)){var a=(0,d.Z)(n);n="number"===a||"string"===a?[n]:[]}return n.map((function(e){return String(e)}))}var P=u.forwardRef((function(e,n){var a=e.prefixCls,o=void 0===a?"rc-collapse":a,t=e.destroyInactivePanel,d=void 0!==t&&t,m=e.style,f=e.accordion,g=e.className,b=e.children,v=e.collapsible,x=e.openMotion,$=e.expandIcon,h=e.activeKey,y=e.defaultActiveKey,C=e.onChange,P=e.items,N=r()(o,g),E=(0,s.Z)([],{value:h,onChange:function(e){return null==C?void 0:C(e)},defaultValue:y,postState:Z}),S=(0,c.Z)(E,2),w=S[0],R=S[1];(0,p.ZP)(!b,"[rc-collapse] `children` will be removed in next major version. Please use `items` instead.");var O=I(P,b,{prefixCls:o,accordion:f,openMotion:x,expandIcon:$,collapsible:v,destroyInactivePanel:d,onItemClick:function(e){return R((function(){return f?w[0]===e?[]:[e]:w.indexOf(e)>-1?w.filter((function(n){return n!==e})):[].concat((0,l.Z)(w),[e])}))},activeKey:w});return u.createElement("div",(0,i.Z)({ref:n,className:N,style:m,role:f?"tablist":void 0},(0,k.Z)(e,{aria:!0,data:!0})),O)})),N=Object.assign(P,{Panel:y}),E=N,S=(N.Panel,a(2738)),w=a(62892),R=a(92343),O=a(36355),M=a(19716);var A=u.forwardRef(((e,n)=>{const{getPrefixCls:a}=u.useContext(O.E_),{prefixCls:o,className:t,showArrow:i=!0}=e,l=a("collapse",o),c=r()({[`${l}-no-arrow`]:!i},t);return u.createElement(E.Panel,Object.assign({ref:n},e,{prefixCls:l,className:c}))})),j=a(17313),B=a(8378),T=a(83116),K=a(37613);const H=e=>{const{componentCls:n,contentBg:a,padding:o,headerBg:t,headerPadding:r,collapseHeaderPaddingSM:i,collapseHeaderPaddingLG:l,collapsePanelBorderRadius:c,lineWidth:d,lineType:s,colorBorder:p,colorText:u,colorTextHeading:m,colorTextDisabled:f,fontSize:g,fontSizeLG:b,lineHeight:v,marginSM:x,paddingSM:$,paddingLG:h,paddingXS:y,motionDurationSlow:C,fontSizeIcon:I,contentPadding:k}=e,Z=`${d}px ${s} ${p}`;return{[n]:Object.assign(Object.assign({},(0,j.Wf)(e)),{backgroundColor:t,border:Z,borderBottom:0,borderRadius:`${c}px`,"&-rtl":{direction:"rtl"},[`& > ${n}-item`]:{borderBottom:Z,"&:last-child":{[`\n &,\n & > ${n}-header`]:{borderRadius:`0 0 ${c}px ${c}px`}},[`> ${n}-header`]:{position:"relative",display:"flex",flexWrap:"nowrap",alignItems:"flex-start",padding:r,color:m,lineHeight:v,cursor:"pointer",transition:`all ${C}, visibility 0s`,[`> ${n}-header-text`]:{flex:"auto"},"&:focus":{outline:"none"},[`${n}-expand-icon`]:{height:g*v,display:"flex",alignItems:"center",paddingInlineEnd:x},[`${n}-arrow`]:Object.assign(Object.assign({},(0,j.Ro)()),{fontSize:I,svg:{transition:`transform ${C}`}}),[`${n}-header-text`]:{marginInlineEnd:"auto"}},[`${n}-header-collapsible-only`]:{cursor:"default",[`${n}-header-text`]:{flex:"none",cursor:"pointer"}},[`${n}-icon-collapsible-only`]:{cursor:"default",[`${n}-expand-icon`]:{cursor:"pointer"}}},[`${n}-content`]:{color:u,backgroundColor:a,borderTop:Z,[`& > ${n}-content-box`]:{padding:k},"&-hidden":{display:"none"}},"&-small":{[`> ${n}-item`]:{[`> ${n}-header`]:{padding:i,paddingInlineStart:y,[`> ${n}-expand-icon`]:{marginInlineStart:$-y}},[`> ${n}-content > ${n}-content-box`]:{padding:$}}},"&-large":{[`> ${n}-item`]:{fontSize:b,[`> ${n}-header`]:{padding:l,paddingInlineStart:o,[`> ${n}-expand-icon`]:{height:b*v,marginInlineStart:h-o}},[`> ${n}-content > ${n}-content-box`]:{padding:h}}},[`${n}-item:last-child`]:{[`> ${n}-content`]:{borderRadius:`0 0 ${c}px ${c}px`}},[`& ${n}-item-disabled > ${n}-header`]:{"\n &,\n & > .arrow\n ":{color:f,cursor:"not-allowed"}},[`&${n}-icon-position-end`]:{[`& > ${n}-item`]:{[`> ${n}-header`]:{[`${n}-expand-icon`]:{order:1,paddingInlineEnd:0,paddingInlineStart:x}}}}})}},L=e=>{const{componentCls:n}=e;return{[`${n}-rtl`]:{[`> ${n}-item > ${n}-header ${n}-arrow svg`]:{transform:"rotate(180deg)"}}}},z=e=>{const{componentCls:n,headerBg:a,paddingXXS:o,colorBorder:t}=e;return{[`${n}-borderless`]:{backgroundColor:a,border:0,[`> ${n}-item`]:{borderBottom:`1px solid ${t}`},[`\n > ${n}-item:last-child,\n > ${n}-item:last-child ${n}-header\n `]:{borderRadius:0},[`> ${n}-item:last-child`]:{borderBottom:0},[`> ${n}-item > ${n}-content`]:{backgroundColor:"transparent",borderTop:0},[`> ${n}-item > ${n}-content > ${n}-content-box`]:{paddingTop:o}}}},G=e=>{const{componentCls:n,paddingSM:a}=e;return{[`${n}-ghost`]:{backgroundColor:"transparent",border:0,[`> ${n}-item`]:{borderBottom:0,[`> ${n}-content`]:{backgroundColor:"transparent",border:0,[`> ${n}-content-box`]:{paddingBlock:a}}}}}};var X=(0,T.Z)("Collapse",(e=>{const n=(0,K.TS)(e,{collapseHeaderPaddingSM:`${e.paddingXS}px ${e.paddingSM}px`,collapseHeaderPaddingLG:`${e.padding}px ${e.paddingLG}px`,collapsePanelBorderRadius:e.borderRadiusLG});return[H(n),z(n),G(n),L(n),(0,B.Z)(n)]}),(e=>({headerPadding:`${e.paddingSM}px ${e.padding}px`,headerBg:e.colorFillAlter,contentPadding:`${e.padding}px 16px`,contentBg:e.colorBgContainer})));const D=u.forwardRef(((e,n)=>{const{getPrefixCls:a,direction:t,collapse:i}=u.useContext(O.E_),{prefixCls:l,className:c,rootClassName:d,style:s,bordered:p=!0,ghost:m,size:g,expandIconPosition:b="start",children:v,expandIcon:x}=e,$=(0,M.Z)((e=>{var n;return null!==(n=null!=g?g:e)&&void 0!==n?n:"middle"})),h=a("collapse",l),y=a(),[C,I]=X(h),k=u.useMemo((()=>"left"===b?"start":"right"===b?"end":b),[b]),Z=r()(`${h}-icon-position-${k}`,{[`${h}-borderless`]:!p,[`${h}-rtl`]:"rtl"===t,[`${h}-ghost`]:!!m,[`${h}-${$}`]:"middle"!==$},null==i?void 0:i.className,c,d,I),P=Object.assign(Object.assign({},(0,w.Z)(y)),{motionAppear:!1,leavedClassName:`${h}-content-hidden`}),N=u.useMemo((()=>v?(0,f.Z)(v).map(((e,n)=>{var a,o;if(null===(a=e.props)||void 0===a?void 0:a.disabled){const a=null!==(o=e.key)&&void 0!==o?o:String(n),{disabled:t,collapsible:r}=e.props,i=Object.assign(Object.assign({},(0,S.Z)(e.props,["disabled"])),{key:a,collapsible:null!=r?r:t?"disabled":void 0});return(0,R.Tm)(e,i)}return e})):null),[v]);return C(u.createElement(E,Object.assign({ref:n,openMotion:P},(0,S.Z)(e,["rootClassName"]),{expandIcon:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const n=x?x(e):u.createElement(o.Z,{rotate:e.isActive?90:void 0});return(0,R.Tm)(n,(()=>({className:r()(n.props.className,`${h}-arrow`)})))},prefixCls:h,className:Z,style:Object.assign(Object.assign({},null==i?void 0:i.style),s)}),N))}));var W=Object.assign(D,{Panel:A})}}]); |