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
12 KiB
1 line
12 KiB
"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[43428],{43428:function(e,t,n){n.d(t,{Z:function(){return U}});var o=n(92310),a=n.n(o),r=n(33885),l=n(42978),i=n(43403),s=n(34280),c=n(59301),u=c.createContext(null),d=c.createContext({}),p=u,m=n(20068),f=n(54476),v=n(77900),h=n(10228),g=n(26112),b=n(70425);var y=function(e){var t=e.prefixCls,n=e.className,o=e.style,l=e.children,i=e.containerRef,s=e.id,u={onMouseEnter:e.onMouseEnter,onMouseOver:e.onMouseOver,onMouseLeave:e.onMouseLeave,onClick:e.onClick,onKeyDown:e.onKeyDown,onKeyUp:e.onKeyUp},p=c.useContext(d).panel,m=(0,b.useComposeRef)(p,i);return c.createElement(c.Fragment,null,c.createElement("div",(0,f.Z)({id:s,className:a()("".concat(t,"-content"),n),style:(0,r.Z)({},o),"aria-modal":"true",role:"dialog",ref:m},u),l))},x=n(48736);function w(e){return"string"==typeof e&&String(Number(e))===e?((0,x.ZP)(!1,"Invalid value type of `width` or `height` which should be number type instead."),Number(e)):e}var C={width:0,height:0,overflow:"hidden",outline:"none",position:"absolute"};function k(e,t){var n,o,i,s,u=e.prefixCls,d=e.open,b=e.placement,x=e.inline,k=e.push,E=e.forceRender,S=e.autoFocus,$=e.keyboard,N=e.rootClassName,D=e.rootStyle,Z=e.zIndex,M=e.className,O=e.id,I=e.style,P=e.motion,R=e.width,L=e.height,z=e.children,K=e.contentWrapperStyle,X=e.mask,Y=e.maskClosable,B=e.maskMotion,U=e.maskClassName,W=e.maskStyle,j=e.afterOpenChange,H=e.onClose,_=e.onMouseEnter,T=e.onMouseOver,A=e.onMouseLeave,F=e.onClick,G=e.onKeyDown,V=e.onKeyUp,q=c.useRef(),J=c.useRef(),Q=c.useRef();c.useImperativeHandle(t,(function(){return q.current}));c.useEffect((function(){var e;d&&S&&(null===(e=q.current)||void 0===e||e.focus({preventScroll:!0}))}),[d]);var ee=c.useState(!1),te=(0,l.Z)(ee,2),ne=te[0],oe=te[1],ae=c.useContext(p),re=null!==(n=null!==(o=null===(i=!1===k?{distance:0}:!0===k?{}:k||{})||void 0===i?void 0:i.distance)&&void 0!==o?o:null==ae?void 0:ae.pushDistance)&&void 0!==n?n:180,le=c.useMemo((function(){return{pushDistance:re,push:function(){oe(!0)},pull:function(){oe(!1)}}}),[re]);c.useEffect((function(){var e,t;d?null==ae||null===(e=ae.push)||void 0===e||e.call(ae):null==ae||null===(t=ae.pull)||void 0===t||t.call(ae)}),[d]),c.useEffect((function(){return function(){var e;null==ae||null===(e=ae.pull)||void 0===e||e.call(ae)}}),[]);var ie=X&&c.createElement(v.default,(0,f.Z)({key:"mask"},B,{visible:d}),(function(e,t){var n=e.className,o=e.style;return c.createElement("div",{className:a()("".concat(u,"-mask"),n,U),style:(0,r.Z)((0,r.Z)({},o),W),onClick:Y&&d?H:void 0,ref:t})})),se="function"==typeof P?P(b):P,ce={};if(ne&&re)switch(b){case"top":ce.transform="translateY(".concat(re,"px)");break;case"bottom":ce.transform="translateY(".concat(-re,"px)");break;case"left":ce.transform="translateX(".concat(re,"px)");break;default:ce.transform="translateX(".concat(-re,"px)")}"left"===b||"right"===b?ce.width=w(R):ce.height=w(L);var ue={onMouseEnter:_,onMouseOver:T,onMouseLeave:A,onClick:F,onKeyDown:G,onKeyUp:V},de=c.createElement(v.default,(0,f.Z)({key:"panel"},se,{visible:d,forceRender:E,onVisibleChanged:function(e){null==j||j(e)},removeOnLeave:!1,leavedClassName:"".concat(u,"-content-wrapper-hidden")}),(function(t,n){var o=t.className,l=t.style;return c.createElement("div",(0,f.Z)({className:a()("".concat(u,"-content-wrapper"),o),style:(0,r.Z)((0,r.Z)((0,r.Z)({},ce),l),K)},(0,g.Z)(e,{data:!0})),c.createElement(y,(0,f.Z)({id:O,containerRef:n,prefixCls:u,className:M,style:I},ue),z))})),pe=(0,r.Z)({},D);return Z&&(pe.zIndex=Z),c.createElement(p.Provider,{value:le},c.createElement("div",{className:a()(u,"".concat(u,"-").concat(b),N,(s={},(0,m.Z)(s,"".concat(u,"-open"),d),(0,m.Z)(s,"".concat(u,"-inline"),x),s)),style:pe,tabIndex:-1,ref:q,onKeyDown:function(e){var t=e.keyCode,n=e.shiftKey;switch(t){case h.Z.TAB:var o;if(t===h.Z.TAB)if(n||document.activeElement!==Q.current){if(n&&document.activeElement===J.current){var a;null===(a=Q.current)||void 0===a||a.focus({preventScroll:!0})}}else null===(o=J.current)||void 0===o||o.focus({preventScroll:!0});break;case h.Z.ESC:H&&$&&(e.stopPropagation(),H(e))}}},ie,c.createElement("div",{tabIndex:0,ref:J,style:C,"aria-hidden":"true","data-sentinel":"start"}),de,c.createElement("div",{tabIndex:0,ref:Q,style:C,"aria-hidden":"true","data-sentinel":"end"})))}var E=c.forwardRef(k);var S=function(e){var t=e.open,n=void 0!==t&&t,o=e.prefixCls,a=void 0===o?"rc-drawer":o,u=e.placement,p=void 0===u?"right":u,m=e.autoFocus,f=void 0===m||m,v=e.keyboard,h=void 0===v||v,g=e.width,b=void 0===g?378:g,y=e.mask,x=void 0===y||y,w=e.maskClosable,C=void 0===w||w,k=e.getContainer,S=e.forceRender,$=e.afterOpenChange,N=e.destroyOnClose,D=e.onMouseEnter,Z=e.onMouseOver,M=e.onMouseLeave,O=e.onClick,I=e.onKeyDown,P=e.onKeyUp,R=e.panelRef,L=c.useState(!1),z=(0,l.Z)(L,2),K=z[0],X=z[1];var Y=c.useState(!1),B=(0,l.Z)(Y,2),U=B[0],W=B[1];(0,s.Z)((function(){W(!0)}),[]);var j=!!U&&n,H=c.useRef(),_=c.useRef();(0,s.Z)((function(){j&&(_.current=document.activeElement)}),[j]);var T=c.useMemo((function(){return{panel:R}}),[R]);if(!S&&!K&&!j&&N)return null;var A={onMouseEnter:D,onMouseOver:Z,onMouseLeave:M,onClick:O,onKeyDown:I,onKeyUp:P},F=(0,r.Z)((0,r.Z)({},e),{},{open:j,prefixCls:a,placement:p,autoFocus:f,keyboard:h,width:b,mask:x,maskClosable:C,inline:!1===k,afterOpenChange:function(e){var t,n;(X(e),null==$||$(e),e||!_.current||null!==(t=H.current)&&void 0!==t&&t.contains(_.current))||(null===(n=_.current)||void 0===n||n.focus({preventScroll:!0}))},ref:H},A);return c.createElement(d.Provider,{value:T},c.createElement(i.Z,{open:j||S||K,autoDestroy:!1,getContainer:k,autoLock:x&&(j||K)},c.createElement(E,F)))},$=n(62892),N=n(36355),D=n(32441),Z=n(47729);var M=e=>{const{prefixCls:t,title:n,footer:o,extra:r,closeIcon:l,closable:i,onClose:s,headerStyle:u,drawerStyle:d,bodyStyle:p,footerStyle:m,children:f}=e,v=c.useCallback((e=>c.createElement("button",{type:"button",onClick:s,"aria-label":"Close",className:`${t}-close`},e)),[s]),[h,g]=(0,Z.Z)(i,l,v,void 0,!0),b=c.useMemo((()=>n||h?c.createElement("div",{style:u,className:a()(`${t}-header`,{[`${t}-header-close-only`]:h&&!n&&!r})},c.createElement("div",{className:`${t}-header-title`},g,n&&c.createElement("div",{className:`${t}-title`},n)),r&&c.createElement("div",{className:`${t}-extra`},r)):null),[h,g,r,u,t,n]),y=c.useMemo((()=>{if(!o)return null;const e=`${t}-footer`;return c.createElement("div",{className:e,style:m},o)}),[o,m,t]);return c.createElement("div",{className:`${t}-wrapper-body`,style:d},b,c.createElement("div",{className:`${t}-body`,style:p},f),y)},O=n(33234),I=n(83116),P=n(37613);var R=e=>{const{componentCls:t,motionDurationSlow:n}=e,o={"&-enter, &-appear, &-leave":{"&-start":{transition:"none"},"&-active":{transition:`all ${n}`}}};return{[t]:{[`${t}-mask-motion`]:{"&-enter, &-appear, &-leave":{"&-active":{transition:`all ${n}`}},"&-enter, &-appear":{opacity:0,"&-active":{opacity:1}},"&-leave":{opacity:1,"&-active":{opacity:0}}},[`${t}-panel-motion`]:{"&-left":[o,{"&-enter, &-appear":{"&-start":{transform:"translateX(-100%) !important"},"&-active":{transform:"translateX(0)"}},"&-leave":{transform:"translateX(0)","&-active":{transform:"translateX(-100%)"}}}],"&-right":[o,{"&-enter, &-appear":{"&-start":{transform:"translateX(100%) !important"},"&-active":{transform:"translateX(0)"}},"&-leave":{transform:"translateX(0)","&-active":{transform:"translateX(100%)"}}}],"&-top":[o,{"&-enter, &-appear":{"&-start":{transform:"translateY(-100%) !important"},"&-active":{transform:"translateY(0)"}},"&-leave":{transform:"translateY(0)","&-active":{transform:"translateY(-100%)"}}}],"&-bottom":[o,{"&-enter, &-appear":{"&-start":{transform:"translateY(100%) !important"},"&-active":{transform:"translateY(0)"}},"&-leave":{transform:"translateY(0)","&-active":{transform:"translateY(100%)"}}}]}}}};const L=e=>{const{componentCls:t,zIndexPopup:n,colorBgMask:o,colorBgElevated:a,motionDurationSlow:r,motionDurationMid:l,padding:i,paddingLG:s,fontSizeLG:c,lineHeightLG:u,lineWidth:d,lineType:p,colorSplit:m,marginSM:f,colorIcon:v,colorIconHover:h,colorText:g,fontWeightStrong:b,footerPaddingBlock:y,footerPaddingInline:x}=e,w=`${t}-content-wrapper`;return{[t]:{position:"fixed",inset:0,zIndex:n,pointerEvents:"none","&-pure":{position:"relative",background:a,[`&${t}-left`]:{boxShadow:e.boxShadowDrawerLeft},[`&${t}-right`]:{boxShadow:e.boxShadowDrawerRight},[`&${t}-top`]:{boxShadow:e.boxShadowDrawerUp},[`&${t}-bottom`]:{boxShadow:e.boxShadowDrawerDown}},"&-inline":{position:"absolute"},[`${t}-mask`]:{position:"absolute",inset:0,zIndex:n,background:o,pointerEvents:"auto"},[w]:{position:"absolute",zIndex:n,maxWidth:"100vw",transition:`all ${r}`,"&-hidden":{display:"none"}},[`&-left > ${w}`]:{top:0,bottom:0,left:{_skip_check_:!0,value:0},boxShadow:e.boxShadowDrawerLeft},[`&-right > ${w}`]:{top:0,right:{_skip_check_:!0,value:0},bottom:0,boxShadow:e.boxShadowDrawerRight},[`&-top > ${w}`]:{top:0,insetInline:0,boxShadow:e.boxShadowDrawerUp},[`&-bottom > ${w}`]:{bottom:0,insetInline:0,boxShadow:e.boxShadowDrawerDown},[`${t}-content`]:{width:"100%",height:"100%",overflow:"auto",background:a,pointerEvents:"auto"},[`${t}-wrapper-body`]:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},[`${t}-header`]:{display:"flex",flex:0,alignItems:"center",padding:`${i}px ${s}px`,fontSize:c,lineHeight:u,borderBottom:`${d}px ${p} ${m}`,"&-title":{display:"flex",flex:1,alignItems:"center",minWidth:0,minHeight:0}},[`${t}-extra`]:{flex:"none"},[`${t}-close`]:{display:"inline-block",marginInlineEnd:f,color:v,fontWeight:b,fontSize:c,fontStyle:"normal",lineHeight:1,textAlign:"center",textTransform:"none",textDecoration:"none",background:"transparent",border:0,outline:0,cursor:"pointer",transition:`color ${l}`,textRendering:"auto","&:focus, &:hover":{color:h,textDecoration:"none"}},[`${t}-title`]:{flex:1,margin:0,color:g,fontWeight:e.fontWeightStrong,fontSize:c,lineHeight:u},[`${t}-body`]:{flex:1,minWidth:0,minHeight:0,padding:s,overflow:"auto"},[`${t}-footer`]:{flexShrink:0,padding:`${y}px ${x}px`,borderTop:`${d}px ${p} ${m}`},"&-rtl":{direction:"rtl"}}}};var z=(0,I.Z)("Drawer",(e=>{const t=(0,P.TS)(e,{});return[L(t),R(t)]}),(e=>({zIndexPopup:e.zIndexPopupBase,footerPaddingBlock:e.paddingXS,footerPaddingInline:e.padding}))),K=n(11575),X=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(n[o[a]]=e[o[a]])}return n};const Y={distance:180},B=e=>{const{rootClassName:t,width:n,height:o,size:r="default",mask:l=!0,push:i=Y,open:s,afterOpenChange:u,onClose:d,prefixCls:p,getContainer:m,style:f,className:v,visible:h,afterVisibleChange:g}=e,b=X(e,["rootClassName","width","height","size","mask","push","open","afterOpenChange","onClose","prefixCls","getContainer","style","className","visible","afterVisibleChange"]),{getPopupContainer:y,getPrefixCls:x,direction:w,drawer:C}=c.useContext(N.E_),k=x("drawer",p),[E,Z]=z(k),I=void 0===m&&y?()=>y(document.body):m,P=a()({"no-mask":!l,[`${k}-rtl`]:"rtl"===w},t,Z);const R=c.useMemo((()=>null!=n?n:"large"===r?736:378),[n,r]),L=c.useMemo((()=>null!=o?o:"large"===r?736:378),[o,r]),B={motionName:(0,$.m)(k,"mask-motion"),motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:500},U=(0,K.H)();return E(c.createElement(O.BR,null,c.createElement(D.Ux,{status:!0,override:!0},c.createElement(S,Object.assign({prefixCls:k,onClose:d,maskMotion:B,motion:e=>({motionName:(0,$.m)(k,`panel-motion-${e}`),motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:500})},b,{open:null!=s?s:h,mask:l,push:i,width:R,height:L,style:Object.assign(Object.assign({},null==C?void 0:C.style),f),className:a()(null==C?void 0:C.className,v),rootClassName:P,getContainer:I,afterOpenChange:null!=u?u:g,panelRef:U}),c.createElement(M,Object.assign({prefixCls:k},b,{onClose:d}))))))};B._InternalPanelDoNotUseOrYouWillBeFired=e=>{const{prefixCls:t,style:n,className:o,placement:r="right"}=e,l=X(e,["prefixCls","style","className","placement"]),{getPrefixCls:i}=c.useContext(N.E_),s=i("drawer",t),[u,d]=z(s),p=a()(s,`${s}-pure`,`${s}-${r}`,d,o);return u(c.createElement("div",{className:p,style:n},c.createElement(M,Object.assign({prefixCls:s},l))))};var U=B}}]); |