From 8954c76a64b5c3c8cdcb0946fe0aa4b729e9405d Mon Sep 17 00:00:00 2001 From: orzorzorzorz Date: Mon, 28 Jan 2019 12:01:49 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8A=A8=E6=80=81=E7=94=9F=E6=88=90?= =?UTF-8?q?=E8=B7=AF=E7=94=B1=20(#7)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: 引入 react-router & server 启动时生成路由 * fix: 修复按需加载时根目录路径错误的问题 * chore: 移除多余静态资源处理 --- dist/index.html | 2 +- dist/mapping.json | 2 +- dist/ninoninoni.js | 21 +++++---------------- dist/vendor/1.js | 13 ++++++++++++- dist/vendor/2.js | 1 + dist/vendor/3.js | 1 + index.html | 2 +- package.json | 3 ++- scripts/build.js | 1 + server/index.js | 1 - src/index.js | 8 ++------ src/mapping.json | 2 +- src/pages/index.js | 8 +------- src/pages/mapping.js | 2 +- src/router.js | 33 +++++++++++++++++++++++++++++++++ 15 files changed, 63 insertions(+), 37 deletions(-) create mode 100644 dist/vendor/2.js create mode 100644 dist/vendor/3.js create mode 100644 src/router.js diff --git a/dist/index.html b/dist/index.html index f34df7c6d..260b9478a 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/dist/mapping.json b/dist/mapping.json index 79670696b..40d3b36ee 100644 --- a/dist/mapping.json +++ b/dist/mapping.json @@ -1 +1 @@ -[{"id":"1a79a4d60de6718e8e5b326e338ae533","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae533.json","createTime":1548578388069,"modifyTime":1548578388069},{"id":"1a79a4d60de6718e8e5b326e338ae534","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae534.json","createTime":1548578388069,"modifyTime":1548578388069}] \ No newline at end of file +[{"id":"1a79a4d60de6718e8e5b326e338ae533","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae533.json","createTime":1548647900804,"modifyTime":1548647900804},{"id":"1a79a4d60de6718e8e5b326e338ae534","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae534.json","createTime":1548647900804,"modifyTime":1548647900804}] \ No newline at end of file diff --git a/dist/ninoninoni.js b/dist/ninoninoni.js index 3171795af..8572ced02 100644 --- a/dist/ninoninoni.js +++ b/dist/ninoninoni.js @@ -1,20 +1,9 @@ -!function(n){function e(e){for(var t,r,o=e[0],i=e[1],c=0,s=[];c=0||Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a]);return t}},function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.withConfigConsumer=function(n){return function(e){return function(t){return a.createElement(h,null,function(r){var o=n.prefixCls,i=r.getPrefixCls,c=t.prefixCls,s=i(o,c);return a.createElement(e,l({},r,t,{prefixCls:s}))})}}},e.default=e.ConfigConsumer=void 0;var a=function(n){if(n&&n.__esModule)return n;var e={};if(null!=n)for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t)){var a=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(n,t):{};a.get||a.set?Object.defineProperty(e,t,a):e[t]=n[t]}return e.default=n,e}(t(1)),r=i(t(44)),o=i(t(183));function i(n){return n&&n.__esModule?n:{default:n}}function c(n){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function l(){return(l=Object.assign||function(n){for(var e=1;e=a.F1&&e<=a.F12)return!1;switch(e){case a.ALT:case a.CAPS_LOCK:case a.CONTEXT_MENU:case a.CTRL:case a.DOWN:case a.END:case a.ESC:case a.HOME:case a.INSERT:case a.LEFT:case a.MAC_FF_META:case a.META:case a.NUMLOCK:case a.NUM_CENTER:case a.PAGE_DOWN:case a.PAGE_UP:case a.PAUSE:case a.PRINT_SCREEN:case a.RIGHT:case a.SHIFT:case a.UP:case a.WIN_KEY:case a.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(n){if(n>=a.ZERO&&n<=a.NINE)return!0;if(n>=a.NUM_ZERO&&n<=a.NUM_MULTIPLY)return!0;if(n>=a.A&&n<=a.Z)return!0;if(-1!==window.navigation.userAgent.indexOf("WebKit")&&0===n)return!0;switch(n){case a.SPACE:case a.QUESTION_MARK:case a.NUM_PLUS:case a.NUM_MINUS:case a.NUM_PERIOD:case a.NUM_DIVISION:case a.SEMICOLON:case a.DASH:case a.EQUALS:case a.COMMA:case a.PERIOD:case a.SLASH:case a.APOSTROPHE:case a.SINGLE_QUOTE:case a.OPEN_SQUARE_BRACKET:case a.BACKSLASH:case a.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}};e.a=a},function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.create=e.connect=e.Provider=void 0;var a=i(t(161)),r=i(t(162)),o=i(t(165));function i(n){return n&&n.__esModule?n:{default:n}}e.Provider=a.default,e.connect=r.default,e.create=o.default},function(n,e,t){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t=function(n,e){var t=n[1]||"",a=n[3];if(!a)return t;if(e&&"function"==typeof btoa){var r=(i=a,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),o=a.sources.map(function(n){return"/*# sourceURL="+a.sourceRoot+n+" */"});return[t].concat(o).concat([r]).join("\n")}var i;return[t].join("\n")}(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var a={},r=0;r=0&&u.splice(e,1)}function v(n){var e=document.createElement("style");if(void 0===n.attrs.type&&(n.attrs.type="text/css"),void 0===n.attrs.nonce){var a=function(){0;return t.nc}();a&&(n.attrs.nonce=a)}return b(e,n.attrs),h(n,e),e}function b(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function g(n,e){var t,a,r,o;if(e.transform&&n.css){if(!(o="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=o}if(e.singleton){var i=s++;t=l||(l=v(e)),a=w.bind(null,t,i,!1),r=w.bind(null,t,i,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return void 0===n.attrs.type&&(n.attrs.type="text/css"),n.attrs.rel="stylesheet",b(e,n.attrs),h(n,e),e}(e),a=function(n,e,t){var a=t.css,r=t.sourceMap,o=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||o)&&(a=f(a));r&&(a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var i=new Blob([a],{type:"text/css"}),c=n.href;n.href=URL.createObjectURL(i),c&&URL.revokeObjectURL(c)}.bind(null,t,e),r=function(){m(t),t.href&&URL.revokeObjectURL(t.href)}):(t=v(e),a=function(n,e){var t=e.css,a=e.media;a&&n.setAttribute("media",a);if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}.bind(null,t),r=function(){m(t)});return a(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;a(n=e)}else r()}}n.exports=function(n,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=i()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var t=p(n,e);return d(t,e),function(n){for(var a=[],r=0;r0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(n).reduce(function(e,t){var a=n[t];switch(t){case"class":e.className=a,delete e.class;break;default:e[t]=a}return e},{})}var h=function(){function n(){i()(this,n),this.collection={}}return l()(n,[{key:"clear",value:function(){this.collection={}}},{key:"delete",value:function(n){return delete this.collection[n]}},{key:"get",value:function(n){return this.collection[n]}},{key:"has",value:function(n){return Boolean(this.collection[n])}},{key:"set",value:function(n,e){return this.collection[n]=e,this}},{key:"size",get:function(){return Object.keys(this.collection).length}}]),n}();function m(n,e,t){return t?u.createElement(n.tag,r()({key:e},p(n.attrs),t),(n.children||[]).map(function(t,a){return m(t,e+"-"+n.tag+"-"+a)})):u.createElement(n.tag,r()({key:e},p(n.attrs)),(n.children||[]).map(function(t,a){return m(t,e+"-"+n.tag+"-"+a)}))}function v(n){return Object(s.generate)(n)[0]}function b(n,e){switch(e){case"fill":return n+"-fill";case"outline":return n+"-o";case"twotone":return n+"-twotone";default:throw new TypeError("Unknown theme type: "+e+", name: "+n)}}}).call(this,t(79))},function(n,e,t){var a=t(33),r=t(64),o=t(48),i=Object.defineProperty;e.f=t(20)?Object.defineProperty:function(n,e,t){if(a(n),e=o(e,!0),a(t),r)try{return i(n,e,t)}catch(n){}if("get"in t||"set"in t)throw TypeError("Accessors not supported!");return"value"in t&&(n[e]=t.value),n}},function(n,e,t){n.exports=!t(34)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(n,e){var t={}.hasOwnProperty;n.exports=function(n,e){return t.call(n,e)}},function(n,e,t){(function(e){for(var a=t(191),r="undefined"==typeof window?e:window,o=["moz","webkit"],i="AnimationFrame",c=r["request"+i],l=r["cancel"+i]||r["cancelRequest"+i],s=0;!c&&s=0&&e.left>=0&&e.bottom>e.top&&e.right>e.left?e:null};var kn=function(n,e,t,a){var r=zn.clone(n),o={width:e.width,height:e.height};return a.adjustX&&r.left=t.left&&r.left+o.width>t.right&&(o.width-=r.left+o.width-t.right),a.adjustX&&r.left+o.width>t.right&&(r.left=Math.max(t.right-o.width,t.left)),a.adjustY&&r.top=t.top&&r.top+o.height>t.bottom&&(o.height-=r.top+o.height-t.bottom),a.adjustY&&r.top+o.height>t.bottom&&(r.top=Math.max(t.bottom-o.height,t.top)),zn.mix(r,o)};var Cn=function(n){var e=void 0,t=void 0,a=void 0;if(zn.isWindow(n)||9===n.nodeType){var r=zn.getWindow(n);e={left:zn.getWindowScrollLeft(r),top:zn.getWindowScrollTop(r)},t=zn.viewportWidth(r),a=zn.viewportHeight(r)}else e=zn.offset(n),t=zn.outerWidth(n),a=zn.outerHeight(n);return e.width=t,e.height=a,e};var xn=function(n,e){var t=e.charAt(0),a=e.charAt(1),r=n.width,o=n.height,i=n.left,c=n.top;return"c"===t?c+=o/2:"b"===t&&(c+=o),"c"===a?i+=r/2:"r"===a&&(i+=r),{left:i,top:c}};var Hn=function(n,e,t,a,r){var o=xn(e,t[1]),i=xn(n,t[0]),c=[i.left-o.left,i.top-o.top];return{left:n.left-c[0]+a[0]-r[0],top:n.top-c[1]+a[1]-r[1]}};function On(n,e,t){return n.leftt.right}function Vn(n,e,t){return n.topt.bottom}function Tn(n,e,t){var a=[];return zn.each(n,function(n){a.push(n.replace(e,function(n){return t[n]}))}),a}function Ln(n,e){return n[e]=-n[e],n}function Sn(n,e){return(/%$/.test(n)?parseInt(n.substring(0,n.length-1),10)/100*e:parseInt(n,10))||0}function _n(n,e){n[0]=Sn(n[0],e.width),n[1]=Sn(n[1],e.height)}var Pn=function(n,e,t,a){var r=t.points,o=t.offset||[0,0],i=t.targetOffset||[0,0],c=t.overflow,l=t.source||n;o=[].concat(o),i=[].concat(i),c=c||{};var s={},u=0,f=Mn(l),d=Cn(l);_n(o,d),_n(i,e);var p=Hn(d,e,r,o,i),h=zn.merge(d,p);if(f&&(c.adjustX||c.adjustY)&&a){if(c.adjustX&&On(p,d,f)){var m=Tn(r,/[lr]/gi,{l:"r",r:"l"}),v=Ln(o,0),b=Ln(i,0);(function(n,e,t){return n.left>t.right||n.left+e.widtht.bottom||n.top+e.height=e.right||t.top>=e.bottom}(a);return Pn(n,r,t,o)}En.__getOffsetParent=wn,En.__getVisibleRectForElement=Mn;var An=En,Nn=Object.assign||function(n){for(var e=1;e=0&&a<=c+s&&r>=0&&r<=l+u,p=[t.points[0],"cc"];return Pn(n,f,Nn({},t,{points:p}),d)};function In(n){return n&&"object"==typeof n&&n.window===n}function Dn(n){return"function"==typeof n&&n?n():null}function Fn(n){return"object"==typeof n&&n?n:null}var Rn=function(n){function e(){var t,a,r;i()(this,e);for(var o=arguments.length,c=Array(o),s=0;s1?(!t&&e&&(a.className+=" "+e),d.a.createElement("div",a)):d.a.Children.only(a.children)},e}(f.Component);Yn.propTypes={children:h.a.any,className:h.a.string,visible:h.a.bool,hiddenClassName:h.a.string};var qn=Yn,Xn=function(n){function e(){return i()(this,e),l()(this,n.apply(this,arguments))}return u()(e,n),e.prototype.render=function(){var n=this.props,e=n.className;return n.visible||(e+=" "+n.hiddenClassName),d.a.createElement("div",{className:e,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,onMouseDown:n.onMouseDown,onTouchStart:n.onTouchStart,style:n.style},d.a.createElement(qn,{className:n.prefixCls+"-content",visible:n.visible},n.children))},e}(f.Component);Xn.propTypes={hiddenClassName:h.a.string,className:h.a.string,prefixCls:h.a.string,onMouseEnter:h.a.func,onMouseLeave:h.a.func,onMouseDown:h.a.func,onTouchStart:h.a.func,children:h.a.any};var Gn=Xn,Qn=function(n){function e(t){i()(this,e);var a=l()(this,n.call(this,t));return Zn.call(a),a.state={stretchChecked:!1,targetWidth:void 0,targetHeight:void 0},a.savePopupRef=L.bind(a,"popupInstance"),a.saveAlignRef=L.bind(a,"alignInstance"),a}return u()(e,n),e.prototype.componentDidMount=function(){this.rootNode=this.getPopupDomNode(),this.setStretchSize()},e.prototype.componentDidUpdate=function(){this.setStretchSize()},e.prototype.getPopupDomNode=function(){return v.a.findDOMNode(this.popupInstance)},e.prototype.getMaskTransitionName=function(){var n=this.props,e=n.maskTransitionName,t=n.maskAnimation;return!e&&t&&(e=n.prefixCls+"-"+t),e},e.prototype.getTransitionName=function(){var n=this.props,e=n.transitionName;return!e&&n.animation&&(e=n.prefixCls+"-"+n.animation),e},e.prototype.getClassName=function(n){return this.props.prefixCls+" "+this.props.className+" "+n},e.prototype.getPopupElement=function(){var n=this,e=this.savePopupRef,t=this.state,a=t.stretchChecked,o=t.targetHeight,i=t.targetWidth,c=this.props,l=c.align,s=c.visible,u=c.prefixCls,f=c.style,p=c.getClassNameFromAlign,h=c.destroyPopupOnHide,m=c.stretch,v=c.children,b=c.onMouseEnter,g=c.onMouseLeave,y=c.onMouseDown,z=c.onTouchStart,w=this.getClassName(this.currentAlignClassName||p(l)),M=u+"-hidden";s||(this.currentAlignClassName=null);var k={};m&&(-1!==m.indexOf("height")?k.height=o:-1!==m.indexOf("minHeight")&&(k.minHeight=o),-1!==m.indexOf("width")?k.width=i:-1!==m.indexOf("minWidth")&&(k.minWidth=i),a||(k.visibility="hidden",setTimeout(function(){n.alignInstance&&n.alignInstance.forceAlign()},0)));var C={className:w,prefixCls:u,ref:e,onMouseEnter:b,onMouseLeave:g,onMouseDown:y,onTouchStart:z,style:r()({},k,f,this.getZIndexStyle())};return h?d.a.createElement(Wn.a,{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName()},s?d.a.createElement(Un,{target:this.getAlignTarget(),key:"popup",ref:this.saveAlignRef,monitorWindowResize:!0,align:l,onAlign:this.onAlign},d.a.createElement(Gn,r()({visible:!0},C),v)):null):d.a.createElement(Wn.a,{component:"",exclusive:!0,transitionAppear:!0,transitionName:this.getTransitionName(),showProp:"xVisible"},d.a.createElement(Un,{target:this.getAlignTarget(),key:"popup",ref:this.saveAlignRef,monitorWindowResize:!0,xVisible:s,childrenProps:{visible:"xVisible"},disabled:!s,align:l,onAlign:this.onAlign},d.a.createElement(Gn,r()({hiddenClassName:M},C),v)))},e.prototype.getZIndexStyle=function(){var n={},e=this.props;return void 0!==e.zIndex&&(n.zIndex=e.zIndex),n},e.prototype.getMaskElement=function(){var n=this.props,e=void 0;if(n.mask){var t=this.getMaskTransitionName();e=d.a.createElement(qn,{style:this.getZIndexStyle(),key:"mask",className:n.prefixCls+"-mask",hiddenClassName:n.prefixCls+"-mask-hidden",visible:n.visible}),t&&(e=d.a.createElement(Wn.a,{key:"mask",showProp:"visible",transitionAppear:!0,component:"",transitionName:t},e))}return e},e.prototype.render=function(){return d.a.createElement("div",null,this.getMaskElement(),this.getPopupElement())},e}(f.Component);Qn.propTypes={visible:h.a.bool,style:h.a.object,getClassNameFromAlign:h.a.func,onAlign:h.a.func,getRootDomNode:h.a.func,align:h.a.any,destroyPopupOnHide:h.a.bool,className:h.a.string,prefixCls:h.a.string,onMouseEnter:h.a.func,onMouseLeave:h.a.func,onMouseDown:h.a.func,onTouchStart:h.a.func,stretch:h.a.string,children:h.a.node,point:h.a.shape({pageX:h.a.number,pageY:h.a.number})};var Zn=function(){var n=this;this.onAlign=function(e,t){var a=n.props,r=a.getClassNameFromAlign(t);n.currentAlignClassName!==r&&(n.currentAlignClassName=r,e.className=n.getClassName(r)),a.onAlign(e,t)},this.setStretchSize=function(){var e=n.props,t=e.stretch,a=e.getRootDomNode,r=e.visible,o=n.state,i=o.stretchChecked,c=o.targetHeight,l=o.targetWidth;if(t&&r){var s=a();if(s){var u=s.offsetHeight,f=s.offsetWidth;c===u&&l===f&&i||n.setState({stretchChecked:!0,targetHeight:u,targetWidth:f})}}else i&&n.setState({stretchChecked:!1})},this.getTargetElement=function(){return n.props.getRootDomNode()},this.getAlignTarget=function(){var e=n.props.point;return e||n.getTargetElement}},$n=Qn;function Jn(){}var ne=["onClick","onMouseDown","onTouchStart","onMouseEnter","onMouseLeave","onFocus","onBlur","onContextMenu"],ee=!!m.createPortal,te={rcTrigger:h.a.shape({onPopupMouseDown:h.a.func})},ae=function(n){function e(t){i()(this,e);var a=l()(this,n.call(this,t));re.call(a);var r=void 0;return r="popupVisible"in t?!!t.popupVisible:!!t.defaultPopupVisible,a.prevPopupVisible=r,a.state={popupVisible:r},a}return u()(e,n),e.prototype.getChildContext=function(){return{rcTrigger:{onPopupMouseDown:this.onPopupMouseDown}}},e.prototype.componentWillMount=function(){var n=this;ne.forEach(function(e){n["fire"+e]=function(t){n.fireEvents(e,t)}})},e.prototype.componentDidMount=function(){this.componentDidUpdate({},{popupVisible:this.state.popupVisible})},e.prototype.componentWillReceiveProps=function(n){var e=n.popupVisible;void 0!==e&&this.setState({popupVisible:e})},e.prototype.componentDidUpdate=function(n,e){var t=this.props,a=this.state;if(ee||this.renderComponent(null,function(){e.popupVisible!==a.popupVisible&&t.afterPopupVisibleChange(a.popupVisible)}),this.prevPopupVisible=e.popupVisible,a.popupVisible){var r=void 0;return this.clickOutsideHandler||!this.isClickToHide()&&!this.isContextMenuToShow()||(r=t.getDocument(),this.clickOutsideHandler=z(r,"mousedown",this.onDocumentClick)),this.touchOutsideHandler||(r=r||t.getDocument(),this.touchOutsideHandler=z(r,"touchstart",this.onDocumentClick)),!this.contextMenuOutsideHandler1&&this.isContextMenuToShow()&&(r=r||t.getDocument(),this.contextMenuOutsideHandler1=z(r,"scroll",this.onContextMenuClose)),void(!this.contextMenuOutsideHandler2&&this.isContextMenuToShow()&&(this.contextMenuOutsideHandler2=z(window,"blur",this.onContextMenuClose)))}this.clearOutsideHandler()},e.prototype.componentWillUnmount=function(){this.clearDelayTimer(),this.clearOutsideHandler(),clearTimeout(this.mouseDownTimeout)},e.prototype.getPopupDomNode=function(){return this._component&&this._component.getPopupDomNode?this._component.getPopupDomNode():null},e.prototype.getPopupAlign=function(){var n=this.props,e=n.popupPlacement,t=n.popupAlign,a=n.builtinPlacements;return e&&a?function(n,e,t){var a=n[e]||{};return r()({},a,t)}(a,e,t):t},e.prototype.setPopupVisible=function(n,e){var t=this.props.alignPoint;this.clearDelayTimer(),this.state.popupVisible!==n&&("popupVisible"in this.props||this.setState({popupVisible:n}),this.props.onPopupVisibleChange(n)),t&&e&&this.setPoint(e)},e.prototype.delaySetPopupVisible=function(n,e,t){var a=this,r=1e3*e;if(this.clearDelayTimer(),r){var o=t?{pageX:t.pageX,pageY:t.pageY}:null;this.delayTimer=setTimeout(function(){a.setPopupVisible(n,o),a.clearDelayTimer()},r)}else this.setPopupVisible(n,t)},e.prototype.clearDelayTimer=function(){this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},e.prototype.clearOutsideHandler=function(){this.clickOutsideHandler&&(this.clickOutsideHandler.remove(),this.clickOutsideHandler=null),this.contextMenuOutsideHandler1&&(this.contextMenuOutsideHandler1.remove(),this.contextMenuOutsideHandler1=null),this.contextMenuOutsideHandler2&&(this.contextMenuOutsideHandler2.remove(),this.contextMenuOutsideHandler2=null),this.touchOutsideHandler&&(this.touchOutsideHandler.remove(),this.touchOutsideHandler=null)},e.prototype.createTwoChains=function(n){var e=this.props.children.props,t=this.props;return e[n]&&t[n]?this["fire"+n]:e[n]||t[n]},e.prototype.isClickToShow=function(){var n=this.props,e=n.action,t=n.showAction;return-1!==e.indexOf("click")||-1!==t.indexOf("click")},e.prototype.isContextMenuToShow=function(){var n=this.props,e=n.action,t=n.showAction;return-1!==e.indexOf("contextMenu")||-1!==t.indexOf("contextMenu")},e.prototype.isClickToHide=function(){var n=this.props,e=n.action,t=n.hideAction;return-1!==e.indexOf("click")||-1!==t.indexOf("click")},e.prototype.isMouseEnterToShow=function(){var n=this.props,e=n.action,t=n.showAction;return-1!==e.indexOf("hover")||-1!==t.indexOf("mouseEnter")},e.prototype.isMouseLeaveToHide=function(){var n=this.props,e=n.action,t=n.hideAction;return-1!==e.indexOf("hover")||-1!==t.indexOf("mouseLeave")},e.prototype.isFocusToShow=function(){var n=this.props,e=n.action,t=n.showAction;return-1!==e.indexOf("focus")||-1!==t.indexOf("focus")},e.prototype.isBlurToHide=function(){var n=this.props,e=n.action,t=n.hideAction;return-1!==e.indexOf("focus")||-1!==t.indexOf("blur")},e.prototype.forcePopupAlign=function(){this.state.popupVisible&&this._component&&this._component.alignInstance&&this._component.alignInstance.forceAlign()},e.prototype.fireEvents=function(n,e){var t=this.props.children.props[n];t&&t(e);var a=this.props[n];a&&a(e)},e.prototype.close=function(){this.setPopupVisible(!1)},e.prototype.render=function(){var n=this,e=this.state.popupVisible,t=this.props,a=t.children,r=t.forceRender,o=t.alignPoint,i=t.className,c=d.a.Children.only(a),l={key:"trigger"};this.isContextMenuToShow()?l.onContextMenu=this.onContextMenu:l.onContextMenu=this.createTwoChains("onContextMenu"),this.isClickToHide()||this.isClickToShow()?(l.onClick=this.onClick,l.onMouseDown=this.onMouseDown,l.onTouchStart=this.onTouchStart):(l.onClick=this.createTwoChains("onClick"),l.onMouseDown=this.createTwoChains("onMouseDown"),l.onTouchStart=this.createTwoChains("onTouchStart")),this.isMouseEnterToShow()?(l.onMouseEnter=this.onMouseEnter,o&&(l.onMouseMove=this.onMouseMove)):l.onMouseEnter=this.createTwoChains("onMouseEnter"),this.isMouseLeaveToHide()?l.onMouseLeave=this.onMouseLeave:l.onMouseLeave=this.createTwoChains("onMouseLeave"),this.isFocusToShow()||this.isBlurToHide()?(l.onFocus=this.onFocus,l.onBlur=this.onBlur):(l.onFocus=this.createTwoChains("onFocus"),l.onBlur=this.createTwoChains("onBlur"));var s=V()(c&&c.props&&c.props.className,i);s&&(l.className=s);var u=d.a.cloneElement(c,l);if(!ee)return d.a.createElement(C,{parent:this,visible:e,autoMount:!1,forceRender:r,getComponent:this.getComponent,getContainer:this.getContainer},function(e){var t=e.renderComponent;return n.renderComponent=t,u});var f=void 0;return(e||this._component||r)&&(f=d.a.createElement(H,{key:"portal",getContainer:this.getContainer,didUpdate:this.handlePortalUpdate},this.getComponent())),[u,f]},e}(d.a.Component);ae.propTypes={children:h.a.any,action:h.a.oneOfType([h.a.string,h.a.arrayOf(h.a.string)]),showAction:h.a.any,hideAction:h.a.any,getPopupClassNameFromAlign:h.a.any,onPopupVisibleChange:h.a.func,afterPopupVisibleChange:h.a.func,popup:h.a.oneOfType([h.a.node,h.a.func]).isRequired,popupStyle:h.a.object,prefixCls:h.a.string,popupClassName:h.a.string,className:h.a.string,popupPlacement:h.a.string,builtinPlacements:h.a.object,popupTransitionName:h.a.oneOfType([h.a.string,h.a.object]),popupAnimation:h.a.any,mouseEnterDelay:h.a.number,mouseLeaveDelay:h.a.number,zIndex:h.a.number,focusDelay:h.a.number,blurDelay:h.a.number,getPopupContainer:h.a.func,getDocument:h.a.func,forceRender:h.a.bool,destroyPopupOnHide:h.a.bool,mask:h.a.bool,maskClosable:h.a.bool,onPopupAlign:h.a.func,popupAlign:h.a.object,popupVisible:h.a.bool,defaultPopupVisible:h.a.bool,maskTransitionName:h.a.oneOfType([h.a.string,h.a.object]),maskAnimation:h.a.string,stretch:h.a.string,alignPoint:h.a.bool},ae.contextTypes=te,ae.childContextTypes=te,ae.defaultProps={prefixCls:"rc-trigger-popup",getPopupClassNameFromAlign:function(){return""},getDocument:function(){return window.document},onPopupVisibleChange:Jn,afterPopupVisibleChange:Jn,onPopupAlign:Jn,popupClassName:"",mouseEnterDelay:0,mouseLeaveDelay:.1,focusDelay:0,blurDelay:.15,popupStyle:{},destroyPopupOnHide:!1,popupAlign:{},defaultPopupVisible:!1,mask:!1,maskClosable:!0,action:[],showAction:[],hideAction:[]};var re=function(){var n=this;this.onMouseEnter=function(e){var t=n.props.mouseEnterDelay;n.fireEvents("onMouseEnter",e),n.delaySetPopupVisible(!0,t,t?null:e)},this.onMouseMove=function(e){n.fireEvents("onMouseMove",e),n.setPoint(e)},this.onMouseLeave=function(e){n.fireEvents("onMouseLeave",e),n.delaySetPopupVisible(!1,n.props.mouseLeaveDelay)},this.onPopupMouseEnter=function(){n.clearDelayTimer()},this.onPopupMouseLeave=function(e){e.relatedTarget&&!e.relatedTarget.setTimeout&&n._component&&n._component.getPopupDomNode&&b(n._component.getPopupDomNode(),e.relatedTarget)||n.delaySetPopupVisible(!1,n.props.mouseLeaveDelay)},this.onFocus=function(e){n.fireEvents("onFocus",e),n.clearDelayTimer(),n.isFocusToShow()&&(n.focusTime=Date.now(),n.delaySetPopupVisible(!0,n.props.focusDelay))},this.onMouseDown=function(e){n.fireEvents("onMouseDown",e),n.preClickTime=Date.now()},this.onTouchStart=function(e){n.fireEvents("onTouchStart",e),n.preTouchTime=Date.now()},this.onBlur=function(e){n.fireEvents("onBlur",e),n.clearDelayTimer(),n.isBlurToHide()&&n.delaySetPopupVisible(!1,n.props.blurDelay)},this.onContextMenu=function(e){e.preventDefault(),n.fireEvents("onContextMenu",e),n.setPopupVisible(!0,e)},this.onContextMenuClose=function(){n.isContextMenuToShow()&&n.close()},this.onClick=function(e){if(n.fireEvents("onClick",e),n.focusTime){var t=void 0;if(n.preClickTime&&n.preTouchTime?t=Math.min(n.preClickTime,n.preTouchTime):n.preClickTime?t=n.preClickTime:n.preTouchTime&&(t=n.preTouchTime),Math.abs(t-n.focusTime)<20)return;n.focusTime=0}n.preClickTime=0,n.preTouchTime=0,e&&e.preventDefault&&e.preventDefault();var a=!n.state.popupVisible;(n.isClickToHide()&&!a||a&&n.isClickToShow())&&n.setPopupVisible(!n.state.popupVisible,e)},this.onPopupMouseDown=function(){var e=n.context.rcTrigger,t=void 0===e?{}:e;n.hasPopupMouseDown=!0,clearTimeout(n.mouseDownTimeout),n.mouseDownTimeout=setTimeout(function(){n.hasPopupMouseDown=!1},0),t.onPopupMouseDown&&t.onPopupMouseDown.apply(t,arguments)},this.onDocumentClick=function(e){if(!n.props.mask||n.props.maskClosable){var t=e.target;b(Object(m.findDOMNode)(n),t)||n.hasPopupMouseDown||n.close()}},this.getRootDomNode=function(){return Object(m.findDOMNode)(n)},this.getPopupClassNameFromAlign=function(e){var t=[],a=n.props,r=a.popupPlacement,o=a.builtinPlacements,i=a.prefixCls,c=a.alignPoint,l=a.getPopupClassNameFromAlign;return r&&o&&t.push(function(n,e,t,a){var r=t.points;for(var o in n)if(n.hasOwnProperty(o)&&T(n[o].points,r,a))return e+"-placement-"+o;return""}(o,i,e,c)),l&&t.push(l(e)),t.join(" ")},this.getComponent=function(){var e=n.props,t=e.prefixCls,a=e.destroyPopupOnHide,o=e.popupClassName,i=e.action,c=e.onPopupAlign,l=e.popupAnimation,s=e.popupTransitionName,u=e.popupStyle,f=e.mask,p=e.maskAnimation,h=e.maskTransitionName,m=e.zIndex,v=e.popup,b=e.stretch,g=e.alignPoint,y=n.state,z=y.popupVisible,w=y.point,M=n.getPopupAlign(),k={};return n.isMouseEnterToShow()&&(k.onMouseEnter=n.onPopupMouseEnter),n.isMouseLeaveToHide()&&(k.onMouseLeave=n.onPopupMouseLeave),k.onMouseDown=n.onPopupMouseDown,k.onTouchStart=n.onPopupMouseDown,d.a.createElement($n,r()({prefixCls:t,destroyPopupOnHide:a,visible:z,point:g&&w,className:o,action:i,align:M,onAlign:c,animation:l,getClassNameFromAlign:n.getPopupClassNameFromAlign},k,{stretch:b,getRootDomNode:n.getRootDomNode,style:u,mask:f,zIndex:m,transitionName:s,maskAnimation:p,maskTransitionName:h,ref:n.savePopup}),"function"==typeof v?v():v)},this.getContainer=function(){var e=n.props,t=document.createElement("div");return t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.width="100%",(e.getPopupContainer?e.getPopupContainer(Object(m.findDOMNode)(n)):e.getDocument().body).appendChild(t),t},this.setPoint=function(e){n.props.alignPoint&&e&&n.setState({point:{pageX:e.pageX,pageY:e.pageY}})},this.handlePortalUpdate=function(){n.prevPopupVisible!==n.state.popupVisible&&n.props.afterPopupVisibleChange(n.state.popupVisible)},this.savePopup=function(e){n._component=e}};e.a=ae},function(n,e,t){"use strict";var a=t(2),r=t.n(a),o=t(8),i=t.n(o),c=t(4),l=t.n(c),s=t(9),u=t.n(s),f=t(3),d=t.n(f),p=t(5),h=t.n(p),m=t(1),v=t.n(m),b=t(0),g=t.n(b);function y(n){var e=[];return v.a.Children.forEach(n,function(n){e.push(n)}),e}function z(n,e){var t=null;return n&&n.forEach(function(n){t||n&&n.key===e&&(t=n)}),t}function w(n,e,t){var a=null;return n&&n.forEach(function(n){if(n&&n.key===e&&n.props[t]){if(a)throw new Error("two child with same key for children");a=n}}),a}var M=t(6),k=t.n(M),C=t(45),x={isAppearSupported:function(n){return n.transitionName&&n.transitionAppear||n.animation.appear},isEnterSupported:function(n){return n.transitionName&&n.transitionEnter||n.animation.enter},isLeaveSupported:function(n){return n.transitionName&&n.transitionLeave||n.animation.leave},allowAppearCallback:function(n){return n.transitionAppear||n.animation.appear},allowEnterCallback:function(n){return n.transitionEnter||n.animation.enter},allowLeaveCallback:function(n){return n.transitionLeave||n.animation.leave}},H={enter:"transitionEnter",appear:"transitionAppear",leave:"transitionLeave"},O=function(n){function e(){return l()(this,e),d()(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return h()(e,n),u()(e,[{key:"componentWillUnmount",value:function(){this.stop()}},{key:"componentWillEnter",value:function(n){x.isEnterSupported(this.props)?this.transition("enter",n):n()}},{key:"componentWillAppear",value:function(n){x.isAppearSupported(this.props)?this.transition("appear",n):n()}},{key:"componentWillLeave",value:function(n){x.isLeaveSupported(this.props)?this.transition("leave",n):n()}},{key:"transition",value:function(n,e){var t=this,a=k.a.findDOMNode(this),r=this.props,o=r.transitionName,i="object"==typeof o;this.stop();var c=function(){t.stopper=null,e()};if((C.isCssAnimationSupported||!r.animation[n])&&o&&r[H[n]]){var l=i?o[n]:o+"-"+n,s=l+"-active";i&&o[n+"Active"]&&(s=o[n+"Active"]),this.stopper=Object(C.default)(a,{name:l,active:s},c)}else this.stopper=r.animation[n](a,c)}},{key:"stop",value:function(){var n=this.stopper;n&&(this.stopper=null,n.stop())}},{key:"render",value:function(){return this.props.children}}]),e}(v.a.Component);O.propTypes={children:g.a.any};var V=O,T="rc_animate_"+Date.now();function L(n){var e=n.children;return v.a.isValidElement(e)&&!e.key?v.a.cloneElement(e,{key:T}):e}function S(){}var _=function(n){function e(n){l()(this,e);var t=d()(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,n));return P.call(t),t.currentlyAnimatingKeys={},t.keysToEnter=[],t.keysToLeave=[],t.state={children:y(L(n))},t.childrenRefs={},t}return h()(e,n),u()(e,[{key:"componentDidMount",value:function(){var n=this,e=this.props.showProp,t=this.state.children;e&&(t=t.filter(function(n){return!!n.props[e]})),t.forEach(function(e){e&&n.performAppear(e.key)})}},{key:"componentWillReceiveProps",value:function(n){var e=this;this.nextProps=n;var t=y(L(n)),a=this.props;a.exclusive&&Object.keys(this.currentlyAnimatingKeys).forEach(function(n){e.stop(n)});var r,o,c,l,s=a.showProp,u=this.currentlyAnimatingKeys,f=a.exclusive?y(L(a)):this.state.children,d=[];s?(f.forEach(function(n){var e=n&&z(t,n.key),a=void 0;(a=e&&e.props[s]||!n.props[s]?e:v.a.cloneElement(e||n,i()({},s,!0)))&&d.push(a)}),t.forEach(function(n){n&&z(f,n.key)||d.push(n)})):(r=t,o=[],c={},l=[],f.forEach(function(n){n&&z(r,n.key)?l.length&&(c[n.key]=l,l=[]):l.push(n)}),r.forEach(function(n){n&&Object.prototype.hasOwnProperty.call(c,n.key)&&(o=o.concat(c[n.key])),o.push(n)}),d=o=o.concat(l)),this.setState({children:d}),t.forEach(function(n){var t=n&&n.key;if(!n||!u[t]){var a=n&&z(f,t);if(s){var r=n.props[s];if(a)!w(f,t,s)&&r&&e.keysToEnter.push(t);else r&&e.keysToEnter.push(t)}else a||e.keysToEnter.push(t)}}),f.forEach(function(n){var a=n&&n.key;if(!n||!u[a]){var r=n&&z(t,a);if(s){var o=n.props[s];if(r)!w(t,a,s)&&o&&e.keysToLeave.push(a);else o&&e.keysToLeave.push(a)}else r||e.keysToLeave.push(a)}})}},{key:"componentDidUpdate",value:function(){var n=this.keysToEnter;this.keysToEnter=[],n.forEach(this.performEnter);var e=this.keysToLeave;this.keysToLeave=[],e.forEach(this.performLeave)}},{key:"isValidChildByKey",value:function(n,e){var t=this.props.showProp;return t?w(n,e,t):z(n,e)}},{key:"stop",value:function(n){delete this.currentlyAnimatingKeys[n];var e=this.childrenRefs[n];e&&e.stop()}},{key:"render",value:function(){var n=this,e=this.props;this.nextProps=e;var t=this.state.children,a=null;t&&(a=t.map(function(t){if(null==t)return t;if(!t.key)throw new Error("must set key for children");return v.a.createElement(V,{key:t.key,ref:function(e){n.childrenRefs[t.key]=e},animation:e.animation,transitionName:e.transitionName,transitionEnter:e.transitionEnter,transitionAppear:e.transitionAppear,transitionLeave:e.transitionLeave},t)}));var o=e.component;if(o){var i=e;return"string"==typeof o&&(i=r()({className:e.className,style:e.style},e.componentProps)),v.a.createElement(o,i,a)}return a[0]||null}}]),e}(v.a.Component);_.isAnimate=!0,_.propTypes={component:g.a.any,componentProps:g.a.object,animation:g.a.object,transitionName:g.a.oneOfType([g.a.string,g.a.object]),transitionEnter:g.a.bool,transitionAppear:g.a.bool,exclusive:g.a.bool,transitionLeave:g.a.bool,onEnd:g.a.func,onEnter:g.a.func,onLeave:g.a.func,onAppear:g.a.func,showProp:g.a.string,children:g.a.node},_.defaultProps={animation:{},component:"span",componentProps:{},transitionEnter:!0,transitionLeave:!0,transitionAppear:!1,onEnd:S,onEnter:S,onLeave:S,onAppear:S};var P=function(){var n=this;this.performEnter=function(e){n.childrenRefs[e]&&(n.currentlyAnimatingKeys[e]=!0,n.childrenRefs[e].componentWillEnter(n.handleDoneAdding.bind(n,e,"enter")))},this.performAppear=function(e){n.childrenRefs[e]&&(n.currentlyAnimatingKeys[e]=!0,n.childrenRefs[e].componentWillAppear(n.handleDoneAdding.bind(n,e,"appear")))},this.handleDoneAdding=function(e,t){var a=n.props;if(delete n.currentlyAnimatingKeys[e],!a.exclusive||a===n.nextProps){var r=y(L(a));n.isValidChildByKey(r,e)?"appear"===t?x.allowAppearCallback(a)&&(a.onAppear(e),a.onEnd(e,!0)):x.allowEnterCallback(a)&&(a.onEnter(e),a.onEnd(e,!0)):n.performLeave(e)}},this.performLeave=function(e){n.childrenRefs[e]&&(n.currentlyAnimatingKeys[e]=!0,n.childrenRefs[e].componentWillLeave(n.handleDoneLeaving.bind(n,e)))},this.handleDoneLeaving=function(e){var t=n.props;if(delete n.currentlyAnimatingKeys[e],!t.exclusive||t===n.nextProps){var a,r,o,i,c=y(L(t));if(n.isValidChildByKey(c,e))n.performEnter(e);else{var l=function(){x.allowLeaveCallback(t)&&(t.onLeave(e),t.onEnd(e,!1))};a=n.state.children,r=c,o=t.showProp,(i=a.length===r.length)&&a.forEach(function(n,e){var t=r[e];n&&t&&(n&&!t||!n&&t?i=!1:n.key!==t.key?i=!1:o&&n.props[o]!==t.props[o]&&(i=!1))}),i?l():n.setState({children:c},l)}}}};e.a=_},function(n,e){var t;t=function(){return this}();try{t=t||new Function("return this")()}catch(n){"object"==typeof window&&(t=window)}n.exports=t},function(n,e,t){var a=t(26);n.exports=function(n){if(!a(n))throw TypeError(n+" is not an object!");return n}},function(n,e){n.exports=function(n){try{return!!n()}catch(n){return!0}}},function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=o(t(8));e.toArray=i,e.getActiveIndex=function(n,e){for(var t=i(n),a=0;a=0;(e||a)&&t.restoreModeVerticalFromInline()},t.handleClick=function(n){t.handleOpenChange([]);var e=t.props.onClick;e&&e(n)},t.handleOpenChange=function(n){t.setOpenKeys(n);var e=t.props.onOpenChange;e&&e(n)},t.renderMenu=function(n){var e,o,c,l=n.getPopupContainer,s=n.getPrefixCls,u=t.props,f=u.prefixCls,d=u.className,p=u.theme,h=t.getRealMenuMode(),v=t.getMenuOpenAnimation(h),b=s("menu",f),g=(0,i.default)(d,"".concat(b,"-").concat(p),(e={},o="".concat(b,"-inline-collapsed"),c=t.getInlineCollapsed(),o in e?Object.defineProperty(e,o,{value:c,enumerable:!0,configurable:!0,writable:!0}):e[o]=c,e)),y={openKeys:t.state.openKeys,onOpenChange:t.handleOpenChange,className:g,mode:h};"inline"!==h?(y.onClick=t.handleClick,y.openTransitionName=v):y.openAnimation=v;var z=t.context.collapsedWidth;return!t.getInlineCollapsed()||0!==z&&"0"!==z&&"0px"!==z?a.createElement(r.default,m({getPopupContainer:l},t.props,y,{prefixCls:b,onTransitionEnd:t.handleTransitionEnd,onMouseEnter:t.handleMouseEnter})):null},(0,f.default)(!("onOpen"in n||"onClose"in n),"`onOpen` and `onClose` are removed, please use `onOpenChange` instead, see: https://u.ant.design/menu-on-open-change."),(0,f.default)(!("inlineCollapsed"in n&&"inline"!==n.mode),"`inlineCollapsed` should only be used when Menu's `mode` is inline."),"openKeys"in n?o=n.openKeys:"defaultOpenKeys"in n&&(o=n.defaultOpenKeys),t.state={openKeys:o||[]},t}var t,o,c;return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),e&&y(n,e)}(e,a.Component),t=e,(o=[{key:"getChildContext",value:function(){return{inlineCollapsed:this.getInlineCollapsed(),antdMenuTheme:this.props.theme}}},{key:"componentWillReceiveProps",value:function(n,e){"inline"===this.props.mode&&"inline"!==n.mode&&(this.switchingModeFromInline=!0),"openKeys"in n?this.setState({openKeys:n.openKeys}):((n.inlineCollapsed&&!this.props.inlineCollapsed||e.siderCollapsed&&!this.context.siderCollapsed)&&(this.switchingModeFromInline=!0,this.inlineOpenKeys=this.state.openKeys,this.setState({openKeys:[]})),(!n.inlineCollapsed&&this.props.inlineCollapsed||!e.siderCollapsed&&this.context.siderCollapsed)&&(this.setState({openKeys:this.inlineOpenKeys}),this.inlineOpenKeys=[]))}},{key:"restoreModeVerticalFromInline",value:function(){this.switchingModeFromInline&&(this.switchingModeFromInline=!1,this.setState({}))}},{key:"setOpenKeys",value:function(n){"openKeys"in this.props||this.setState({openKeys:n})}},{key:"getRealMenuMode",value:function(){var n=this.getInlineCollapsed();if(this.switchingModeFromInline&&n)return"inline";var e=this.props.mode;return n?"vertical":e}},{key:"getInlineCollapsed",value:function(){var n=this.props.inlineCollapsed;return void 0!==this.context.siderCollapsed?this.context.siderCollapsed:n}},{key:"getMenuOpenAnimation",value:function(n){var e=this.props,t=e.openAnimation,a=e.openTransitionName,r=t||a;return void 0===t&&void 0===a&&("horizontal"===n?r="slide-up":"inline"===n?r=u.default:this.switchingModeFromInline?(r="",this.switchingModeFromInline=!1):r="zoom-big"),r}},{key:"render",value:function(){return a.createElement(s.ConfigConsumer,null,this.renderMenu)}}])&&v(t.prototype,o),c&&v(t,c),e}();e.default=z,z.Divider=r.Divider,z.Item=l.default,z.SubMenu=c.default,z.ItemGroup=r.ItemGroup,z.defaultProps={className:"",theme:"light",focusable:!1},z.childContextTypes={inlineCollapsed:o.bool,antdMenuTheme:o.string},z.contextTypes={siderCollapsed:o.bool,collapsedWidth:o.oneOfType([o.number,o.string])}},function(n,e,t){"use strict"; +!function(e){function t(t){for(var n,o,i=t[0],a=t[1],l=0,c=[];l0?a:t)(n)}},function(n,e,t){var a=t(52)("keys"),r=t(41);n.exports=function(n){return a[n]||(a[n]=r(n))}},function(n,e,t){var a=t(17),r=t(16),o=r["__core-js_shared__"]||(r["__core-js_shared__"]={});(n.exports=function(n,e){return o[n]||(o[n]=void 0!==e?e:{})})("versions",[]).push({version:a.version,mode:t(40)?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},function(n,e){n.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(n,e){e.f=Object.getOwnPropertySymbols},function(n,e){n.exports={}},function(n,e,t){var a=t(33),r=t(135),o=t(53),i=t(51)("IE_PROTO"),c=function(){},l=function(){var n,e=t(65)("iframe"),a=o.length;for(e.style.display="none",t(136).appendChild(e),e.src="javascript:",(n=e.contentWindow.document).open(),n.write(" \ No newline at end of file +
\ No newline at end of file diff --git a/package.json b/package.json index 34db9ff71..29234085e 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,8 @@ "mini-xmind": "^1.0.3", "nino-cli": "^0.2.5", "pre-commit": "^1.2.2", - "prettier": "^1.15.3" + "prettier": "^1.15.3", + "react-router-dom": "^4.3.1" }, "pre-commit": [ "lint-staged" diff --git a/scripts/build.js b/scripts/build.js index e0b96aaae..d5583c9e4 100644 --- a/scripts/build.js +++ b/scripts/build.js @@ -6,6 +6,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin'); module.exports = { output: { path: path.join(cwd + '/dist'), + publicPath: '/dist/', }, plugins: [ new HtmlWebpackPlugin({ diff --git a/server/index.js b/server/index.js index a478dbaff..4d278e269 100644 --- a/server/index.js +++ b/server/index.js @@ -37,7 +37,6 @@ app.use(bodyParser()); app.use(router.routes()); app.use(KoaStatic(process.cwd())); -app.use(KoaStatic(path.join(process.cwd(), 'dist'))); app.listen(9099); // eslint-disable-next-line diff --git a/src/index.js b/src/index.js index 809e42eb2..c3fcc3dc3 100644 --- a/src/index.js +++ b/src/index.js @@ -1,11 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; -import Demo from './pages'; +import App from './router'; const MOUNT_NODE = document.getElementById('root'); -ReactDOM.render(, MOUNT_NODE); - -if (module.hot) { - module.hot.accept(); -} +ReactDOM.render(, MOUNT_NODE); diff --git a/src/mapping.json b/src/mapping.json index 79670696b..40d3b36ee 100644 --- a/src/mapping.json +++ b/src/mapping.json @@ -1 +1 @@ -[{"id":"1a79a4d60de6718e8e5b326e338ae533","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae533.json","createTime":1548578388069,"modifyTime":1548578388069},{"id":"1a79a4d60de6718e8e5b326e338ae534","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae534.json","createTime":1548578388069,"modifyTime":1548578388069}] \ No newline at end of file +[{"id":"1a79a4d60de6718e8e5b326e338ae533","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae533.json","createTime":1548647900804,"modifyTime":1548647900804},{"id":"1a79a4d60de6718e8e5b326e338ae534","title":"test1","thumbnailUrl":"dist/assets/5795774_0.jpg","hoverText":"测试 layout-1a79a4d60de6718e8e5b326e338ae534.json","createTime":1548647900804,"modifyTime":1548647900804}] \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 45f0af632..ec11fbcde 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -27,13 +27,7 @@ export default class MainPage extends Component { }; handleClick = ({ id }) => { - import('./mapping').then(target => { - this.setState({ - Detail: target.default, - status: 'detail', - mappingId: id, - }); - }); + location.hash = `/${id}`; }; generateMainPage = () => { diff --git a/src/pages/mapping.js b/src/pages/mapping.js index 6908f2d2a..344cdc10a 100644 --- a/src/pages/mapping.js +++ b/src/pages/mapping.js @@ -15,7 +15,7 @@ export default class mapping extends Component { componentDidMount = () => { // eslint-disable-next-line - console.log(this.props.id); + console.log(location); }; render = () => { diff --git a/src/router.js b/src/router.js new file mode 100644 index 000000000..3007af317 --- /dev/null +++ b/src/router.js @@ -0,0 +1,33 @@ +import React, { Component, Suspense, lazy } from 'react'; +import { HashRouter as Router, Route, Switch } from 'react-router-dom'; +const MainPage = lazy(() => import('./pages')); +const MappingDetail = lazy(() => import('./pages/mapping')); +import mapping from './mapping.json'; + +export default class Entry extends Component { + render = () => { + return ( + + 加载中...}> + + } + exact + /> + {mapping.map(item => { + const { id } = item; + return ( + } + /> + ); + })} + + + + ); + }; +}