1
2
|
(this.webpackJsonp=this.webpackJsonp||[]).push([[24],{1347:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n,r=function(t){if(t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var e=w();if(e&&e.has(t))return e.get(t);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r)){var i=n?Object.getOwnPropertyDescriptor(t,r):null;i&&(i.get||i.set)?Object.defineProperty(o,r,i):o[r]=t[r]}o.default=t,e&&e.set(t,o);return o}(o(0)),i=x(o(9)),a=x(o(67)),s=x(o(273)),l=x(o(3)),p=x(o(469)),f=x(o(8309)),u=x(o(719)),c=x(o(690)),d=x(o(1238)),h=x(o(415)),y=o(121),g=o(259),m=o(1),v=x(o(7923)),b=x(o(1193));function x(t){return t&&t.__esModule?t:{default:t}}function w(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return w=function(){return t},t}function O(t,e,o,r){n||(n="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var i=t&&t.defaultProps,a=arguments.length-3;if(e||0===a||(e={children:void 0}),1===a)e.children=r;else if(a>1){for(var s=new Array(a),l=0;l<a;l++)s[l]=arguments[l+3];e.children=s}if(e&&i)for(var p in i)void 0===e[p]&&(e[p]=i[p]);else e||(e=i||{});return{$$typeof:n,type:t,key:void 0===o?null:""+o,ref:null,props:e,_owner:null}}function k(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function E(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,P(t,e)}function P(t,e){return(P=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function C(){return(C=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}var S,_={left:v.default.popoutLeft,right:v.default.popoutRight,bottom:v.default.popoutBottom,"bottom-right":v.default.popoutBottomRight,"bottom-left":v.default.popoutBottomLeft,"top-left":v.default.popoutTopLeft,"top-right":v.default.popoutTopRight,top:v.default.popoutTop};!function(t){t.TOP="top",t.MIDDLE="middle"}(S||(S={}));var T={top:v.default.arrowAlignmentTop,middle:v.default.arrowAlignmentMiddle};function D(t){switch(t){case"left":return{x:-1,y:0};case"right":return{x:0,y:0};case"bottom":return{x:-.5,y:0};case"bottom-right":return{x:-1,y:0};case"bottom-left":return{x:0,y:0};case"top-left":return{x:0,y:-1};case"top-right":return{x:-1,y:-1};case"top":default:return{x:-.5,y:-1}}}var R=function(){function t(){this.animated=new s.default.ValueXY({x:0,y:0})}var e=t.prototype;return e.run=function(t,e,o){var n=e.position;this.animated.setValue(D(n)),o()},e.getStyle=function(){return s.default.accelerate({transform:[{translateX:this.animated.x.interpolate({inputRange:[-1.05,1.05],outputRange:["-105%","105%"]})},{translateY:this.animated.y.interpolate({inputRange:[-1.05,1.05],outputRange:["-105%","105%"]})}]})},t}(),W=function(){function t(){this.animated=new s.default.ValueXY({x:0,y:0})}var e=t.prototype;return e.computeStyles=function(t){var e,o;switch(t){case"left":e={x:-1.05,y:0},o={x:-1,y:0};break;case"right":e={x:.05,y:0},o={x:0,y:0};break;case"bottom":e={x:-.5,y:.05},o={x:-.5,y:0};break;case"bottom-left":e={x:0,y:.05},o={x:0,y:0};break;case"bottom-right":e={x:0,y:.05},o={x:-1,y:0};break;case"top-left":e={x:0,y:-1.05},o={x:0,y:-1};break;case"top-right":e={x:0,y:-1.05},o={x:-1,y:-1};break;case"top":default:e={x:-.5,y:-1.05},o={x:-.5,y:-1}}return{startStyle:e,endStyle:o}},e.run=function(t,e,o){var n=e.position,r=this.computeStyles(n),i=r.startStyle,a=r.endStyle,l=t.getBoundingClientRect(),p=l.left,f=l.right,u=l.width;p-=10,f+=10;var c=u*a.x;if(f+=c,(p+=c)<0){var d=p/u;a.x+=d,i.x+=d}else if(f>window.innerWidth){var h=(f-window.innerWidth)/u;a.x-=h,i.x-=h}this.animated.setValue(i),s.default.timing(this.animated,{toValue:a,duration:150,easing:s.default.Easing.inOut(s.default.Easing.cubic)}).start(o)},e.getStyle=function(){return s.default.accelerate({transform:[{translateX:this.animated.x.interpolate({inputRange:[-1.05,1.05],outputRange:["-105%","105%"]})},{translateY:this.animated.y.interpolate({inputRange:[-1.05,1.05],outputRange:["-105%","105%"]})}]})},t}(),L=function(){function t(){this.animated=new s.default.Value(0)}var e=t.prototype;return e.run=function(t,e,o){this.animated.setValue(0),s.default.spring(this.animated,{toValue:1,tension:80,friction:8,overshootClamping:!0}).start(o)},e.interpolate=function(){for(var t=arguments.length,e=new Array(t),o=0;o<t;o++)e[o]=arguments[o];return this.animated.interpolate({inputRange:[0,1],outputRange:e})},e.getStyle=function(t){var e,o=t.position,n=t.height,r=t.width,i=t.x,a=t.offsetX,l=t.clickPos,p=D(o);return n>0&&(e={height:this.interpolate(0,n),width:this.interpolate(0,r),left:this.interpolate(i+l,i+a)}),s.default.accelerate(C({},e,{overflow:"hidden",transform:[{translateY:100*p.y+"%"},{translateX:100*p.x+"%"}]}))},t}(),M=function(t){function e(e){var o,n;switch((o=t.call(this,e)||this).preventNextClose=!1,o.componentWillEnterCallback=function(){},o.close=function(t){if(o.preventNextClose&&u.default.isOpen())o.preventNextClose=!1;else{var e=o.props,n=e.popoutKey,r=e.preventCloseFromModal,i=e.preventClickPropagation,s=e.onClose;if(!r||!c.default.hasModalOpen()){if(null!=t){for(var l=t.target,p=a.default.findDOMNode(k(o));l instanceof Element;){if(l===p)return;if(null!=l.classList&&(l.classList.contains("popout-open")||l.classList.contains(b.default.layer)))return;l=l.parentNode}i&&(t.preventDefault(),t.stopPropagation())}s&&s(),f.default.close(n)}}},o.closeContext=function(t){if(null!=t)for(var e=t.target,n=a.default.findDOMNode(k(o));null!=e;){if(e===n)return void(o.preventNextClose=!0);e=e.parentNode||null}o.preventNextClose&&u.default.isOpen()?o.preventNextClose=!1:f.default.close(o.props.popoutKey)},o.updateOffsets=function(){var t=o.props,e=t.position,n=t.preventInvert,r=t.arrowAlignment,i=a.default.findDOMNode(k(o));if(!(i instanceof HTMLElement))throw new Error("domNode is not instance of HTMLElement");var s=i.offsetWidth,l=i.offsetHeight,p=!1;n||(p="top"===e||"top-right"===e||"top-left"===e?o.props.y<.5*window.innerHeight&&o.props.y-i.offsetHeight<0:o.props.y+o.props.targetHeight+14+l>=window.innerHeight)&&("bottom"===e?e="top":"bottom-left"===e?e="top-left":"bottom-right"===e?e="top-right":"top-right"===e?e="bottom-right":"top-left"===e?e="bottom-left":"top"===e&&(e="bottom"));var f={invert:p,position:e,height:l,width:s,offsetX:0,offsetY:0},u=r===S.MIDDLE?2:.5;switch(e){case"left":f.offsetX=0,f.offsetY=o.props.targetHeight*u;break;case"right":f.offsetX=o.props.targetWidth,f.offsetY=o.props.targetHeight*u;break;case"bottom":f.offsetX=o.props.targetWidth/2,f.offsetY=o.props.targetHeight;break;case"bottom-left":f.offsetX=0,f.offsetY=o.props.targetHeight;break;case"bottom-right":f.offsetX=o.props.targetWidth,f.offsetY=o.props.targetHeight;break;case"top-left":f.offsetX=0,f.offsetY=0;break;case"top-right":f.offsetX=o.props.targetWidth,f.offsetY=0;break;case"top":default:f.offsetX=o.props.targetWidth/2,f.offsetY=0}!p||"right"!==e&&"left"!==e||(o.props.closeOnScroll?f.offsetY-=l-o.props.targetHeight:f.offsetY-=o.props.y+l-window.innerHeight+10),o.setState(f,o._componentWillEnter)},o.props.animationType){case"default":n=new W;break;case"spring":n=new L;break;case"none":default:n=new R}return o.state={width:0,height:0,offsetX:null,offsetY:null,animation:n,position:"",invert:!1},o}E(e,t);var o=e.prototype;return o.componentDidMount=function(){y.ComponentDispatch.subscribe(m.ComponentActions.POPOUT_CLOSE,this.close),document.addEventListener("click",this.close,!0),document.addEventListener("contextmenu",this.closeContext,!0),this.updateOffsets()},o.componentWillEnter=function(t){this.componentWillEnterCallback=t},o._componentWillEnter=function(){if(this.componentWillEnterCallback){var t=this.componentWillEnterCallback;delete this.componentWillEnterCallback;var e=a.default.findDOMNode(this);if(!(e instanceof HTMLElement))throw new Error("node is not an instance of HTMLElement");this.state.animation.run(e,{position:this.state.position,x:this.props.x,y:this.props.y,width:this.state.width,height:this.state.height,targetWidth:this.props.targetWidth,targetHeight:this.props.targetHeight,offsetX:this.state.offsetX,offsetY:this.state.offsetY},t)}},o.componentWillLeave=function(t){t()},o.componentDidUpdate=function(t){var e=t.text,o=t.position,n=t.x,r=t.y,i=t.targetWidth,a=t.targetHeight,s=t.closeOnScroll;this.props.text===e&&this.props.position===o&&this.props.x===n&&this.props.y===r&&this.props.targetWidth===i&&this.props.targetHeight===a&&this.props.closeOnScroll===s||this.updateOffsets(),this.props.needsRerender&&f.default.didRerender(this.props.popoutKey)},o.componentWillUnmount=function(){y.ComponentDispatch.unsubscribe(m.ComponentActions.POPOUT_CLOSE,this.close),document.removeEventListener("click",this.close,!0),document.removeEventListener("contextmenu",this.closeContext,!0)},o.render=function(){var t,e=this.state,o=e.offsetX,n=e.offsetY,r=e.invert,a=e.position,l=e.animation,p=this.props,f=p.zIndexBoost,u=p.closeOnScroll,c=p.x,d=p.y,h=p.popoutKey,y=p.animationType,m=p.clickPos,b=p.render,x=p.containerClass,w=p.arrowAlignment,k=p.showArrow,E=p.forceTheme,P=C({},{left:null===o?null:c+o,top:null==n?null:d+n,zIndex:null!=f?1001+f:null},{},l.getStyle({position:a,width:this.state.width,height:this.state.height,x:c,y:d,offsetX:o,offsetY:n,clickPos:m}));P.visibility||(P.visibility=null==P.transform?"hidden":"visible");var S=((t={})[v.default.popoutInvert]=r&&u,t[v.default.noArrow]=!k,t[v.default.noShadow]=!this.props.shadow||"none"===y,t);return x&&(S[x]=!0),O(s.default.div,{className:(0,i.default)(S,v.default.popout,_[a],T[w],(0,g.getThemeClass)(E),{"force-theme":null!=E}),style:P},void 0,b({popoutKey:h,onClose:this.close,inverted:r,position:a}))},e}(r.PureComponent);M.displayName="Popout",M.defaultProps={animationType:"default",closeOnScroll:!0,preventInvert:!1,preventCloseFromModal:!1,preventClickPropagation:!1,shadow:!0,text:"",offsetX:0,offsetY:0};var N=function(t){function e(){return t.apply(this,arguments)||this}return E(e,t),e.prototype.render=function(){var t=this.props,e=t.className,o=t.popouts,n=o.some((function(t){return t.backdrop})),a=(o.find((function(t){return null!=t.zIndexBoost&&t.zIndexBoost>0}))||{}).zIndexBoost;return O(p.default,{className:(0,i.default)(v.default.popouts,e),component:"div"},void 0,O(h.default,{zIndexBoost:null!=a?a:0,isVisible:n}),o.map((function(t){var e=t.key,o=function(t,e){if(null==t)return{};var o,n,r={},i=Object.keys(t);for(n=0;n<i.length;n++)o=i[n],e.indexOf(o)>=0||(r[o]=t[o]);return r}(t,["key"]);return r.createElement(M,C({popoutKey:String(e)},o,{key:e+"-popout"}))})))},e}(r.PureComponent);N.displayName="Popouts";var Y=l.default.connectStores([d.default],(function(){return{popouts:d.default.getPopouts()}}))(N);e.default=Y},8309:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n,r=(n=o(2))&&n.__esModule?n:{default:n},i=o(1);var a={open:function(t){r.default.dirtyDispatch({type:i.ActionTypes.POPOUT_OPEN,popout:t})},close:function(t){r.default.dirtyDispatch({type:i.ActionTypes.POPOUT_CLOSE,key:t})},closeAll:function(){r.default.dirtyDispatch({type:i.ActionTypes.POPOUT_CLOSE_ALL})},rerender:function(t){r.default.dirtyDispatch({type:i.ActionTypes.POPOUT_NEEDS_RERENDER,key:t})},didRerender:function(t){r.default.dirtyDispatch({type:i.ActionTypes.POPOUT_DID_RERENDER,key:t})}};e.default=a}}]);
//# sourceMappingURL=4916ca4106799de584bb.js.map
|
