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([[47221],{47221:function(e,n,o){o.d(n,{Z:function(){return W}});var a=o(79269),t=o(94184),r=o.n(t),i=o(97685),l=o(74902),c=o(71002),d=o(21770),s=o(80334),p=o(67294),u=o(87462),m=o(45987),f=o(50344),g=o(4942),b=o(62874),v=o(15105),x=p.forwardRef((function(e,n){var o,a=e.prefixCls,t=e.forceRender,l=e.className,c=e.style,d=e.children,s=e.isActive,u=e.role,m=p.useState(s||t),f=(0,i.Z)(m,2),b=f[0],v=f[1];return p.useEffect((function(){(t||s)&&v(!0)}),[t,s]),b?p.createElement("div",{ref:n,className:r()("".concat(a,"-content"),(o={},(0,g.Z)(o,"".concat(a,"-content-active"),s),(0,g.Z)(o,"".concat(a,"-content-inactive"),!s),o),l),style:c,role:u},p.createElement("div",{className:"".concat(a,"-content-box")},d)):null}));x.displayName="PanelContent";var $=x,h=["showArrow","headerClass","isActive","onItemClick","forceRender","className","prefixCls","collapsible","accordion","panelKey","extra","header","expandIcon","openMotion","destroyInactivePanel","children"],y=p.forwardRef((function(e,n){var o,a,t=e.showArrow,i=void 0===t||t,l=e.headerClass,c=e.isActive,d=e.onItemClick,s=e.forceRender,f=e.className,x=e.prefixCls,y=e.collapsible,C=e.accordion,I=e.panelKey,k=e.extra,Z=e.header,P=e.expandIcon,N=e.openMotion,E=e.destroyInactivePanel,S=e.children,w=(0,m.Z)(e,h),R="disabled"===y,O="header"===y,M="icon"===y,A=null!=k&&"boolean"!=typeof k,j=function(){null==d||d(I)},B="function"==typeof P?P(e):p.createElement("i",{className:"arrow"});B&&(B=p.createElement("div",{className:"".concat(x,"-expand-icon"),onClick:["header","icon"].includes(y)?j:void 0},B));var T=r()((o={},(0,g.Z)(o,"".concat(x,"-item"),!0),(0,g.Z)(o,"".concat(x,"-item-active"),c),(0,g.Z)(o,"".concat(x,"-item-disabled"),R),o),f),K={className:r()(l,(a={},(0,g.Z)(a,"".concat(x,"-header"),!0),(0,g.Z)(a,"".concat(x,"-header-collapsible-only"),O),(0,g.Z)(a,"".concat(x,"-icon-collapsible-only"),M),a)),"aria-expanded":c,"aria-disabled":R,onKeyDown:function(e){"Enter"!==e.key&&e.keyCode!==v.Z.ENTER&&e.which!==v.Z.ENTER||j()}};return O||M||(K.onClick=j,K.role=C?"tab":"button",K.tabIndex=R?-1:0),p.createElement("div",(0,u.Z)({},w,{ref:n,className:T}),p.createElement("div",K,i&&B,p.createElement("span",{className:"".concat(x,"-header-text"),onClick:"header"===y?j:void 0},Z),A&&p.createElement("div",{className:"".concat(x,"-extra")},k)),p.createElement(b.Z,(0,u.Z)({visible:c,leavedClassName:"".concat(x,"-content-hidden")},N,{forceRender:s,removeOnLeave:E}),(function(e,n){var o=e.className,a=e.style;return p.createElement($,{ref:n,prefixCls:x,className:o,style:a,isActive:c,forceRender:s,role:C?"tabpanel":void 0},S)})))})),C=["children","label","key","collapsible","onItemClick","destroyInactivePanel"];var I=function(e,n,o){return Array.isArray(e)?function(e,n){var o=n.prefixCls,a=n.accordion,t=n.collapsible,r=n.destroyInactivePanel,i=n.onItemClick,l=n.activeKey,c=n.openMotion,d=n.expandIcon;return e.map((function(e,n){var s=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=a?l[0]===h:l.indexOf(h)>-1,p.createElement(y,(0,u.Z)({},$,{prefixCls:o,key:h,panelKey:h,isActive:Z,accordion:a,openMotion:c,expandIcon:d,header:f,collapsible:I,onItemClick:function(e){"disabled"!==I&&(i(e),null==v||v(e))},destroyInactivePanel:k}),s)}))}(e,o):(0,f.Z)(n).map((function(e,n){return function(e,n,o){if(!e)return null;var a=o.prefixCls,t=o.accordion,r=o.collapsible,i=o.destroyInactivePanel,l=o.onItemClick,c=o.activeKey,d=o.openMotion,s=o.expandIcon,u=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]===u:c.indexOf(u)>-1;var h=null!=v?v:r,y={key:u,panelKey:u,header:f,headerClass:g,isActive:$,prefixCls:a,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]})),p.cloneElement(e,y))}(e,n,o)}))};function k(e){var n=e;if(!Array.isArray(n)){var o=(0,c.Z)(n);n="number"===o||"string"===o?[n]:[]}return n.map((function(e){return String(e)}))}var Z=p.forwardRef((function(e,n){var o=e.prefixCls,a=void 0===o?"rc-collapse":o,t=e.destroyInactivePanel,c=void 0!==t&&t,u=e.style,m=e.accordion,f=e.className,g=e.children,b=e.collapsible,v=e.openMotion,x=e.expandIcon,$=e.activeKey,h=e.defaultActiveKey,y=e.onChange,C=e.items,Z=r()(a,f),P=(0,d.Z)([],{value:$,onChange:function(e){return null==y?void 0:y(e)},defaultValue:h,postState:k}),N=(0,i.Z)(P,2),E=N[0],S=N[1];(0,s.ZP)(!g,"`children` will be removed in next major version. Please use `items` instead.");var w=I(C,g,{prefixCls:a,accordion:m,openMotion:v,expandIcon:x,collapsible:b,destroyInactivePanel:c,onItemClick:function(e){return S((function(){return m?E[0]===e?[]:[e]:E.indexOf(e)>-1?E.filter((function(n){return n!==e})):[].concat((0,l.Z)(E),[e])}))},activeKey:E});return p.createElement("div",{ref:n,className:Z,style:u,role:m?"tablist":void 0},w)})),P=Object.assign(Z,{Panel:y}),N=P,E=(P.Panel,o(37419)),S=o(10366),w=o(33603),R=o(96159),O=o(53124),M=o(98675);var A=p.forwardRef(((e,n)=>{const{getPrefixCls:o}=p.useContext(O.E_),{prefixCls:a,className:t,showArrow:i=!0}=e,l=o("collapse",a),c=r()({[`${l}-no-arrow`]:!i},t);return p.createElement(N.Panel,Object.assign({ref:n},e,{prefixCls:l,className:c}))})),j=o(14747),B=o(33507),T=o(67968),K=o(45503);const H=e=>{const{componentCls:n,contentBg:o,padding:a,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:o,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:a,[`> ${n}-expand-icon`]:{height:b*v,marginInlineStart:h-a}},[`> ${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:o,paddingXXS:a,colorBorder:t}=e;return{[`${n}-borderless`]:{backgroundColor:o,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:a}}}},G=e=>{const{componentCls:n,paddingSM:o}=e;return{[`${n}-ghost`]:{backgroundColor:"transparent",border:0,[`> ${n}-item`]:{borderBottom:0,[`> ${n}-content`]:{backgroundColor:"transparent",border:0,[`> ${n}-content-box`]:{paddingBlock:o}}}}}};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=p.forwardRef(((e,n)=>{const{getPrefixCls:o,direction:t,collapse:i}=p.useContext(O.E_),{prefixCls:l,className:c,rootClassName:d,style:s,bordered:u=!0,ghost:m,size:f,expandIconPosition:g="start",children:b,expandIcon:v}=e,x=(0,M.Z)((e=>{var n;return null!==(n=null!=f?f:e)&&void 0!==n?n:"middle"})),$=o("collapse",l),h=o(),[y,C]=X($),I=p.useMemo((()=>"left"===g?"start":"right"===g?"end":g),[g]),k=r()(`${$}-icon-position-${I}`,{[`${$}-borderless`]:!u,[`${$}-rtl`]:"rtl"===t,[`${$}-ghost`]:!!m,[`${$}-${x}`]:"middle"!==x},null==i?void 0:i.className,c,d,C),Z=Object.assign(Object.assign({},(0,w.Z)(h)),{motionAppear:!1,leavedClassName:`${$}-content-hidden`}),P=p.useMemo((()=>b?(0,E.Z)(b).map(((e,n)=>{var o,a;if(null===(o=e.props)||void 0===o?void 0:o.disabled){const o=null!==(a=e.key)&&void 0!==a?a:String(n),{disabled:t,collapsible:r}=e.props,i=Object.assign(Object.assign({},(0,S.Z)(e.props,["disabled"])),{key:o,collapsible:null!=r?r:t?"disabled":void 0});return(0,R.Tm)(e,i)}return e})):null),[b]);return y(p.createElement(N,Object.assign({ref:n,openMotion:Z},(0,S.Z)(e,["rootClassName"]),{expandIcon:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const n=v?v(e):p.createElement(a.Z,{rotate:e.isActive?90:void 0});return(0,R.Tm)(n,(()=>({className:r()(n.props.className,`${$}-arrow`)})))},prefixCls:$,className:k,style:Object.assign(Object.assign({},null==i?void 0:i.style),s)}),P))}));var W=Object.assign(D,{Panel:A})}}]); |