177 lines
46 KiB
JavaScript
177 lines
46 KiB
JavaScript
|
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[529],{74278:function(e,t,n){let r;n.d(t,{XB:function(){return p}});var o=n(13428),i=n(2265),l=n(85744),a=n(9381),s=n(42210),u=n(16459),c=n(12488);let d="dismissableLayer.update",f=(0,i.createContext)({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),p=(0,i.forwardRef)((e,t)=>{var n;let{disableOutsidePointerEvents:p=!1,onEscapeKeyDown:g,onPointerDownOutside:y,onFocusOutside:v,onInteractOutside:b,onDismiss:w,...x}=e,E=(0,i.useContext)(f),[C,T]=(0,i.useState)(null),P=null!==(n=null==C?void 0:C.ownerDocument)&&void 0!==n?n:null==globalThis?void 0:globalThis.document,[,R]=(0,i.useState)({}),O=(0,s.e)(t,e=>T(e)),L=Array.from(E.layers),[D]=[...E.layersWithOutsidePointerEventsDisabled].slice(-1),k=L.indexOf(D),A=C?L.indexOf(C):-1,S=E.layersWithOutsidePointerEventsDisabled.size>0,M=A>=k,H=function(e,t=null==globalThis?void 0:globalThis.document){let n=(0,u.W)(e),r=(0,i.useRef)(!1),o=(0,i.useRef)(()=>{});return(0,i.useEffect)(()=>{let e=e=>{if(e.target&&!r.current){let r={originalEvent:e};function i(){h("dismissableLayer.pointerDownOutside",n,r,{discrete:!0})}"touch"===e.pointerType?(t.removeEventListener("click",o.current),o.current=i,t.addEventListener("click",o.current,{once:!0})):i()}else t.removeEventListener("click",o.current);r.current=!1},i=window.setTimeout(()=>{t.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(i),t.removeEventListener("pointerdown",e),t.removeEventListener("click",o.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}(e=>{let t=e.target,n=[...E.branches].some(e=>e.contains(t));!M||n||(null==y||y(e),null==b||b(e),e.defaultPrevented||null==w||w())},P),W=function(e,t=null==globalThis?void 0:globalThis.document){let n=(0,u.W)(e),r=(0,i.useRef)(!1);return(0,i.useEffect)(()=>{let e=e=>{e.target&&!r.current&&h("dismissableLayer.focusOutside",n,{originalEvent:e},{discrete:!1})};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}(e=>{let t=e.target,n=[...E.branches].some(e=>e.contains(t));n||(null==v||v(e),null==b||b(e),e.defaultPrevented||null==w||w())},P);return(0,c.e)(e=>{let t=A===E.layers.size-1;t&&(null==g||g(e),!e.defaultPrevented&&w&&(e.preventDefault(),w()))},P),(0,i.useEffect)(()=>{if(C)return p&&(0===E.layersWithOutsidePointerEventsDisabled.size&&(r=P.body.style.pointerEvents,P.body.style.pointerEvents="none"),E.layersWithOutsidePointerEventsDisabled.add(C)),E.layers.add(C),m(),()=>{p&&1===E.layersWithOutsidePointerEventsDisabled.size&&(P.body.style.pointerEvents=r)}},[C,P,p,E]),(0,i.useEffect)(()=>()=>{C&&(E.layers.delete(C),E.layersWithOutsidePointerEventsDisabled.delete(C),m())},[C,E]),(0,i.useEffect)(()=>{let e=()=>R({});return document.addEventListener(d,e),()=>document.removeEventListener(d,e)},[]),(0,i.createElement)(a.WV.div,(0,o.Z)({},x,{ref:O,style:{pointerEvents:S?M?"auto":"none":void 0,...e.style},onFocusCapture:(0,l.M)(e.onFocusCapture,W.onFocusCapture),onBlurCapture:(0,l.M)(e.onBlurCapture,W.onBlurCapture),onPointerDownCapture:(0,l.M)(e.onPointerDownCapture,H.onPointerDownCapture)}))});function m(){let e=new CustomEvent(d);document.dispatchEvent(e)}function h(e,t,n,{discrete:r}){let o=n.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?(0,a.jH)(o,i):o.dispatchEvent(i)}},7649:function(e,t,n){n.d(t,{ee:function(){return eM},Eh:function(){return eW},VY:function(){return eH},fC:function(){return eS},D7:function(){return eb}});var r=n(13428),o=n(2265);let i=["top","right","bottom","left"],l=Math.min,a=Math.max,s=Math.round,u=Math.floor,c=e=>({x:e,y:e}),d={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function p(e,t){return"function"==typeof e?e(t):e}function m(e){return e.split("-")[0]}function h(e){return e.split("-")[1]}function g(e){return"x"===e?"y":"x"}function y(e){return"y"===e?"height":"width"}function v(e){return["top","bottom"].includes(m(e))?"y":"x"}functio
|
||
|
|
width: 20px;
|
||
|
|
opacity: 0;
|
||
|
|
height: 20px;
|
||
|
|
border-radius: 10px;
|
||
|
|
background: ${e=>e.primary||"#ff4b4b"};
|
||
|
|
position: relative;
|
||
|
|
transform: rotate(45deg);
|
||
|
|
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: scale(0) rotate(45deg);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1) rotate(45deg);
|
||
|
|
opacity: 1;
|
||
|
|
}`} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
||
|
|
forwards;
|
||
|
|
animation-delay: 100ms;
|
||
|
|
|
||
|
|
&:after,
|
||
|
|
&:before {
|
||
|
|
content: '';
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: scale(0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1;
|
||
|
|
}`} 0.15s ease-out forwards;
|
||
|
|
animation-delay: 150ms;
|
||
|
|
position: absolute;
|
||
|
|
border-radius: 3px;
|
||
|
|
opacity: 0;
|
||
|
|
background: ${e=>e.secondary||"#fff"};
|
||
|
|
bottom: 9px;
|
||
|
|
left: 4px;
|
||
|
|
height: 2px;
|
||
|
|
width: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: scale(0) rotate(90deg);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1) rotate(90deg);
|
||
|
|
opacity: 1;
|
||
|
|
}`} 0.15s ease-out forwards;
|
||
|
|
animation-delay: 180ms;
|
||
|
|
transform: rotate(90deg);
|
||
|
|
}
|
||
|
|
`,N=E("div")`
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 2px solid;
|
||
|
|
border-radius: 100%;
|
||
|
|
border-color: ${e=>e.secondary||"#e0e0e0"};
|
||
|
|
border-right-color: ${e=>e.primary||"#616161"};
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: rotate(0deg);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: rotate(360deg);
|
||
|
|
}
|
||
|
|
`} 1s linear infinite;
|
||
|
|
`,j=E("div")`
|
||
|
|
width: 20px;
|
||
|
|
opacity: 0;
|
||
|
|
height: 20px;
|
||
|
|
border-radius: 10px;
|
||
|
|
background: ${e=>e.primary||"#61d345"};
|
||
|
|
position: relative;
|
||
|
|
transform: rotate(45deg);
|
||
|
|
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: scale(0) rotate(45deg);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1) rotate(45deg);
|
||
|
|
opacity: 1;
|
||
|
|
}`} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
||
|
|
forwards;
|
||
|
|
animation-delay: 100ms;
|
||
|
|
&:after {
|
||
|
|
content: '';
|
||
|
|
box-sizing: border-box;
|
||
|
|
animation: ${x`
|
||
|
|
0% {
|
||
|
|
height: 0;
|
||
|
|
width: 0;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
40% {
|
||
|
|
height: 0;
|
||
|
|
width: 6px;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
height: 10px;
|
||
|
|
}`} 0.2s ease-out forwards;
|
||
|
|
opacity: 0;
|
||
|
|
animation-delay: 200ms;
|
||
|
|
position: absolute;
|
||
|
|
border-right: 2px solid;
|
||
|
|
border-bottom: 2px solid;
|
||
|
|
border-color: ${e=>e.secondary||"#fff"};
|
||
|
|
bottom: 6px;
|
||
|
|
left: 6px;
|
||
|
|
height: 10px;
|
||
|
|
width: 6px;
|
||
|
|
}
|
||
|
|
`,Z=E("div")`
|
||
|
|
position: absolute;
|
||
|
|
`,Y=E("div")`
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
min-width: 20px;
|
||
|
|
min-height: 20px;
|
||
|
|
`,X=E("div")`
|
||
|
|
position: relative;
|
||
|
|
transform: scale(0.6);
|
||
|
|
opacity: 0.4;
|
||
|
|
min-width: 20px;
|
||
|
|
animation: ${x`
|
||
|
|
from {
|
||
|
|
transform: scale(0.6);
|
||
|
|
opacity: 0.4;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1;
|
||
|
|
}`} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
|
||
|
|
forwards;
|
||
|
|
`,q=({toast:e})=>{let{icon:t,type:n,iconTheme:r}=e;return void 0!==t?"string"==typeof t?l.createElement(X,null,t):t:"blank"===n?null:l.createElement(Y,null,l.createElement(N,{...r}),"loading"!==n&&l.createElement(Z,null,"error"===n?l.createElement(V,{...r}):l.createElement(j,{...r})))},K=e=>`
|
||
|
|
0% {transform: translate3d(0,${-200*e}%,0) scale(.6); opacity:.5;}
|
||
|
|
100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
|
||
|
|
`,U=e=>`
|
||
|
|
0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
|
||
|
|
100% {transform: translate3d(0,${-150*e}%,-1px) scale(.6); opacity:0;}
|
||
|
|
`,G=E("div")`
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background: #fff;
|
||
|
|
color: #363636;
|
||
|
|
line-height: 1.3;
|
||
|
|
will-change: transform;
|
||
|
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
|
||
|
|
max-width: 350px;
|
||
|
|
pointer-events: auto;
|
||
|
|
padding: 8px 10px;
|
||
|
|
border-radius: 8px;
|
||
|
|
`,J=E("div")`
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin: 4px 10px;
|
||
|
|
color: inherit;
|
||
|
|
flex: 1 1 auto;
|
||
|
|
white-space: pre-line;
|
||
|
|
`,Q=(e,t)=>{let n=e.includes("top")?1:-1,[r,o]=R()?["0%{opacity:0;} 100%{opacity:1;}","0%{opacity:1;} 100%{opacity:0;}"]:[K(n),U(n)];return{animation:t?`${x(r)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${x(o)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},ee=l.memo(({toast:e,position:t,style:n,children:r})=>{let o=e.height?Q(e.position||t||"top-center",e.visible):{opacity:0},i=l.createElement(q,{toast:e}),a=l.createElement(J,{...e.ariaProps},T(e.message,e));return l.createElement(G,{className:e.className,style:{...o,...n,...e.style}},"function"==typeof r?r({icon:i,message:a}):l.createElement(l.Fragment,null,i,a))});i=l.createElement,f.p=void 0,v=i,b=void 0,w=void 0;var et=({id:e,className:t,style:n,onHeightUpdate:r,children:o})=>{let i=l.useCallback(t=>{if(t){let n=()=>{r(e,t.getBoundingClientRect().height)};n(),new MutationObserver(n).observe(t,{subtree:!0,childList:!0,characterData:!0})}},[e,r]);return l.createElement("div",{ref:i,className:t,style:n},o)},en=(e,t)=>{let n=e.includes("top"),r=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return{left:0,right:0,display:"flex",position:"absolute",transition:R()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(n?1:-1)}px)`,...n?{top:0}:{bottom:0},...r}},er=y`
|
||
|
|
z-index: 9999;
|
||
|
|
> * {
|
||
|
|
pointer-events: auto;
|
||
|
|
}
|
||
|
|
`,eo=({reverseOrder:e,position:t="top-center",toastOptions:n,gutter:r,children:o,containerStyle:i,containerClassName:a})=>{let{toasts:s,handlers:u}=B(n);return l.createElement("div",{style:{position:"fixed",zIndex:9999,top:16,left:16,right:16,bottom:16,pointerEvents:"none",...i},className:a,onMouseEnter:u.startPause,onMouseLeave:u.endPause},s.map(n=>{let i=n.position||t,a=en(i,u.calculateOffset(n,{reverseOrder:e,gutter:r,defaultPosition:t}));return l.createElement(et,{id:n.id,key:n.id,onHeightUpdate:u.updateHeight,className:n.visible?er:"",style:a},"custom"===n.type?T(n.message,n):o?o(n):l.createElement(ee,{toast:n,position:i}))}))},ei=z}}]);
|