1 files changed, 1087 insertions, 2004 deletions

diff --git a/examples/common.js b/examples/common.js
index 5f073b6..74b6347 100644
--- a/examples/common.js
+++ b/examples/common.js
@@ -258,12 +258,40 @@
         // shim for using process in browser
         
         var process = module.exports = {};
+        
+        // cached from whatever global is present so that test runners that stub it
+        // don't break things.  But we need to wrap it in a try catch in case it is
+        // wrapped in strict mode code which doesn't define any globals.  It's inside a
+        // function because try/catches deoptimize in certain engines.
+        
+        var cachedSetTimeout;
+        var cachedClearTimeout;
+        
+        (function () {
+          try {
+            cachedSetTimeout = setTimeout;
+          } catch (e) {
+            cachedSetTimeout = function () {
+              throw new Error('setTimeout is not defined');
+            }
+          }
+          try {
+            cachedClearTimeout = clearTimeout;
+          } catch (e) {
+            cachedClearTimeout = function () {
+              throw new Error('clearTimeout is not defined');
+            }
+          }
+        } ())
         var queue = [];
         var draining = false;
         var currentQueue;
         var queueIndex = -1;
         
         function cleanUpNextTick() {
+            if (!draining || !currentQueue) {
+                return;
+            }
             draining = false;
             if (currentQueue.length) {
                 queue = currentQueue.concat(queue);
@@ -279,7 +307,7 @@
             if (draining) {
                 return;
             }
-            var timeout = setTimeout(cleanUpNextTick);
+            var timeout = cachedSetTimeout(cleanUpNextTick);
             draining = true;
         
             var len = queue.length;
@@ -296,7 +324,7 @@
             }
             currentQueue = null;
             draining = false;
-            clearTimeout(timeout);
+            cachedClearTimeout(timeout);
         }
         
         process.nextTick = function (fun) {
@@ -308,7 +336,7 @@
             }
             queue.push(new Item(fun, args));
             if (queue.length === 1 && !draining) {
-                setTimeout(drainQueue, 0);
+                cachedSetTimeout(drainQueue, 0);
             }
         };
         
@@ -1114,7 +1142,7 @@
          * will remain to ensure logic does not differ in production.
          */
         
-        var invariant = function (condition, format, a, b, c, d, e, f) {
+        function invariant(condition, format, a, b, c, d, e, f) {
           if (process.env.NODE_ENV !== 'production') {
             if (format === undefined) {
               throw new Error('invariant requires an error message argument');
@@ -1128,15 +1156,16 @@
             } else {
               var args = [a, b, c, d, e, f];
               var argIndex = 0;
-              error = new Error('Invariant Violation: ' + format.replace(/%s/g, function () {
+              error = new Error(format.replace(/%s/g, function () {
                 return args[argIndex++];
               }));
+              error.name = 'Invariant Violation';
             }
         
             error.framesToPop = 1; // we don't care about invariant's own frame
             throw error;
           }
-        };
+        }
         
         module.exports = invariant;
         /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(6)))
@@ -7997,6 +8026,10 @@
           }
         };
         
+        function registerNullComponentID() {
+          ReactEmptyComponentRegistry.registerNullComponentID(this._rootNodeID);
+        }
+        
         var ReactEmptyComponent = function (instantiate) {
           this._currentElement = null;
           this._rootNodeID = null;
@@ -8005,7 +8038,7 @@
         assign(ReactEmptyComponent.prototype, {
           construct: function (element) {},
           mountComponent: function (rootID, transaction, context) {
-            ReactEmptyComponentRegistry.registerNullComponentID(rootID);
+            transaction.getReactMountReady().enqueue(registerNullComponentID, this);
             this._rootNodeID = rootID;
             return ReactReconciler.mountComponent(this._renderedComponent, rootID, transaction, context);
           },
@@ -9355,6 +9388,7 @@
          */
         var EventInterface = {
           type: null,
+          target: null,
           // currentTarget is set when dispatching; no use in copying it here
           currentTarget: emptyFunction.thatReturnsNull,
           eventPhase: null,
@@ -9388,8 +9422,6 @@
           this.dispatchConfig = dispatchConfig;
           this.dispatchMarker = dispatchMarker;
           this.nativeEvent = nativeEvent;
-          this.target = nativeEventTarget;
-          this.currentTarget = nativeEventTarget;
         
           var Interface = this.constructor.Interface;
           for (var propName in Interface) {
@@ -9400,7 +9432,11 @@
             if (normalize) {
               this[propName] = normalize(nativeEvent);
             } else {
-              this[propName] = nativeEvent[propName];
+              if (propName === 'target') {
+                this.target = nativeEventTarget;
+              } else {
+                this[propName] = nativeEvent[propName];
+              }
             }
           }
         
@@ -10563,8 +10599,8 @@
              */
             // autoCapitalize and autoCorrect are supported in Mobile Safari for
             // keyboard hints.
-            autoCapitalize: null,
-            autoCorrect: null,
+            autoCapitalize: MUST_USE_ATTRIBUTE,
+            autoCorrect: MUST_USE_ATTRIBUTE,
             // autoSave allows WebKit/Blink to persist values of input fields on page reloads
             autoSave: null,
             // color is for Safari mask-icon link
@@ -10595,9 +10631,7 @@
             httpEquiv: 'http-equiv'
           },
           DOMPropertyNames: {
-            autoCapitalize: 'autocapitalize',
             autoComplete: 'autocomplete',
-            autoCorrect: 'autocorrect',
             autoFocus: 'autofocus',
             autoPlay: 'autoplay',
             autoSave: 'autosave',
@@ -13251,7 +13285,10 @@
               }
             });
         
-            nativeProps.children = content;
+            if (content) {
+              nativeProps.children = content;
+            }
+        
             return nativeProps;
           }
         
@@ -13676,7 +13713,7 @@
             var value = LinkedValueUtils.getValue(props);
         
             if (value != null) {
-              updateOptions(this, props, value);
+              updateOptions(this, Boolean(props.multiple), value);
             }
           }
         }
@@ -16711,11 +16748,14 @@
          * @typechecks
          */
         
+        /* eslint-disable fb-www/typeof-undefined */
+        
         /**
          * Same as document.activeElement but wraps in a try-catch block. In IE it is
          * not safe to call document.activeElement if there is nothing focused.
          *
-         * The activeElement will be null only if the document or document body is not yet defined.
+         * The activeElement will be null only if the document or document body is not
+         * yet defined.
          */
         'use strict';
         
@@ -16723,7 +16763,6 @@
           if (typeof document === 'undefined') {
             return null;
           }
-        
           try {
             return document.activeElement || document.body;
           } catch (e) {
@@ -18463,7 +18502,9 @@
           'setValueForProperty': 'update attribute',
           'setValueForAttribute': 'update attribute',
           'deleteValueForProperty': 'remove attribute',
-          'dangerouslyReplaceNodeWithMarkupByID': 'replace'
+          'setValueForStyles': 'update styles',
+          'replaceNodeWithMarkup': 'replace',
+          'updateTextContent': 'set textContent'
         };
         
         function getTotalTime(measurements) {
@@ -18655,19 +18696,24 @@
         'use strict';
         
         var performance = __webpack_require__(147);
-        var curPerformance = performance;
+        
+        var performanceNow;
         
         /**
          * Detect if we can use `window.performance.now()` and gracefully fallback to
          * `Date.now()` if it doesn't exist. We need to support Firefox < 15 for now
          * because of Facebook's testing infrastructure.
          */
-        if (!curPerformance || !curPerformance.now) {
-          curPerformance = Date;
+        if (performance.now) {
+          performanceNow = function () {
+            return performance.now();
+          };
+        } else {
+          performanceNow = function () {
+            return Date.now();
+          };
         }
         
-        var performanceNow = curPerformance.now.bind(curPerformance);
-        
         module.exports = performanceNow;
 
 /***/ },
@@ -18715,7 +18761,7 @@
         
         'use strict';
         
-        module.exports = '0.14.3';
+        module.exports = '0.14.8';
 
 /***/ },
 /* 149 */
@@ -20960,6 +21006,22 @@
             return this.getTime() === obj.getTime() && this.firstDayOfWeek === obj.firstDayOfWeek && this.timezoneOffset === obj.timezoneOffset && this.minimalDaysInFirstWeek === obj.minimalDaysInFirstWeek;
           },
         
+          compareToDay: function compareToDay(d2) {
+            var d1Year = this.getYear();
+            var d2Year = d2.getYear();
+            var d1Month = this.getMonth();
+            var d2Month = d2.getMonth();
+            var d1Day = this.getDayOfMonth();
+            var d2Day = d2.getDayOfMonth();
+            if (d1Year !== d2Year) {
+              return d1Year - d2Year;
+            }
+            if (d1Month !== d2Month) {
+              return d1Month - d2Month;
+            }
+            return d1Day - d2Day;
+          },
+        
           /*
            * Sets all the calendar field values or specified field and the time value
            * (millisecond offset from the Epoch) of this Calendar undefined.
@@ -20975,6 +21037,12 @@
             }
             this.time = undefined;
             this.fieldsComputed = false;
+          },
+        
+          toString: function toString() {
+            // for debug
+            var v = this;
+            return '[GregorianCalendar]: ' + v.getYear() + '/' + v.getMonth() + '/' + v.getDayOfMonth() + ' ' + v.getHourOfDay() + ':' + v.getMinutes() + ':' + v.getSeconds();
           }
         };
         
@@ -21346,6 +21414,7 @@
          Letter    Date or Time Component    Presentation    Examples
          G    Era designator    Text    AD
          y    Year    Year    1996; 96
+         Y    WeekYear    WeekYear    1996; 96
          M    Month in year    Month    July; Jul; 07
          w    Week in year    Number    27
          W    Week in month    Number    2
@@ -21382,14 +21451,17 @@
         patternChars[GregorianCalendar.WEEK_OF_MONTH] = 'W';
         patternChars[GregorianCalendar.DAY_OF_YEAR] = 'D';
         patternChars[GregorianCalendar.DAY_OF_WEEK_IN_MONTH] = 'F';
+        patternChars.push('Y');
         
-        (function init() {
-          for (var index in patternChars) {
-            if (patternChars.hasOwnProperty(index)) {
-              calendarIndexMap[patternChars[index]] = index;
-            }
+        patternChars.forEach(function (v, key) {
+          var k = key;
+          if (v === 'Y') {
+            k = GregorianCalendar.YEAR;
+          }
+          if (v) {
+            calendarIndexMap[v] = k;
           }
-        })();
+        });
         
         function mix(t, s) {
           for (var p in s) {
@@ -21694,6 +21766,13 @@
               value = calendar.getYear() > 0 ? 1 : 0;
               current = locale.eras[value];
               break;
+            case 'Y':
+              value = calendar.getWeekYear();
+              if (value <= 0) {
+                value = 1 - value;
+              }
+              current = zeroPaddingNumber(value, 2, count !== 2 ? MAX_VALUE : 2);
+              break;
             case 'y':
               value = calendar.getYear();
               if (value <= 0) {
@@ -22275,19 +22354,19 @@
         
         var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
         
-        var _modulePanel = __webpack_require__(218);
+        var _modulePanel = __webpack_require__(204);
         
         var _modulePanel2 = _interopRequireDefault(_modulePanel);
         
-        var _utilPlacements = __webpack_require__(225);
+        var _utilPlacements = __webpack_require__(212);
         
         var _utilPlacements2 = _interopRequireDefault(_utilPlacements);
         
-        var _mixinCommonMixin = __webpack_require__(219);
+        var _mixinCommonMixin = __webpack_require__(205);
         
         var _mixinCommonMixin2 = _interopRequireDefault(_mixinCommonMixin);
         
-        var _utilIndex = __webpack_require__(226);
+        var _utilIndex = __webpack_require__(213);
         
         function noop() {}
         
@@ -22566,13 +22645,13 @@
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
         var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+        var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
         
         var _react = __webpack_require__(3);
         
@@ -22582,13 +22661,25 @@
         
         var _reactDom2 = _interopRequireDefault(_reactDom);
         
-        var _rcUtil = __webpack_require__(173);
+        var _createChainedFunction = __webpack_require__(173);
+        
+        var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
+        
+        var _contains = __webpack_require__(174);
+        
+        var _contains2 = _interopRequireDefault(_contains);
+        
+        var _addEventListener = __webpack_require__(175);
         
-        var _Popup = __webpack_require__(196);
+        var _addEventListener2 = _interopRequireDefault(_addEventListener);
+        
+        var _Popup = __webpack_require__(180);
         
         var _Popup2 = _interopRequireDefault(_Popup);
         
-        var _utils = __webpack_require__(217);
+        var _utils = __webpack_require__(203);
+        
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
         
         function noop() {}
         
@@ -22596,16 +22687,21 @@
           return '';
         }
         
-        var Trigger = _react2['default'].createClass({
+        var ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur'];
+        
+        var Trigger = _react2["default"].createClass({
           displayName: 'Trigger',
         
           propTypes: {
             action: _react.PropTypes.any,
+            showAction: _react.PropTypes.any,
+            hideAction: _react.PropTypes.any,
             getPopupClassNameFromAlign: _react.PropTypes.any,
             onPopupVisibleChange: _react.PropTypes.func,
             afterPopupVisibleChange: _react.PropTypes.func,
             popup: _react.PropTypes.node.isRequired,
             popupStyle: _react.PropTypes.object,
+            prefixCls: _react.PropTypes.string,
             popupClassName: _react.PropTypes.string,
             popupPlacement: _react.PropTypes.string,
             builtinPlacements: _react.PropTypes.object,
@@ -22613,10 +22709,17 @@
             popupAnimation: _react.PropTypes.any,
             mouseEnterDelay: _react.PropTypes.number,
             mouseLeaveDelay: _react.PropTypes.number,
+            zIndex: _react.PropTypes.number,
+            focusDelay: _react.PropTypes.number,
+            blurDelay: _react.PropTypes.number,
             getPopupContainer: _react.PropTypes.func,
             destroyPopupOnHide: _react.PropTypes.bool,
+            mask: _react.PropTypes.bool,
+            onPopupAlign: _react.PropTypes.func,
             popupAlign: _react.PropTypes.object,
-            popupVisible: _react.PropTypes.bool
+            popupVisible: _react.PropTypes.bool,
+            maskTransitionName: _react.PropTypes.string,
+            maskAnimation: _react.PropTypes.string
           },
         
           getDefaultProps: function getDefaultProps() {
@@ -22625,34 +22728,39 @@
               getPopupClassNameFromAlign: returnEmptyString,
               onPopupVisibleChange: noop,
               afterPopupVisibleChange: noop,
+              onPopupAlign: noop,
               popupClassName: '',
               mouseEnterDelay: 0,
               mouseLeaveDelay: 0.1,
+              focusDelay: 0,
+              blurDelay: 0.15,
               popupStyle: {},
               destroyPopupOnHide: false,
               popupAlign: {},
               defaultPopupVisible: false,
-              action: []
+              mask: false,
+              action: [],
+              showAction: [],
+              hideAction: []
             };
           },
-        
           getInitialState: function getInitialState() {
             var props = this.props;
-            var popupVisible = undefined;
+            var popupVisible = void 0;
             if ('popupVisible' in props) {
               popupVisible = !!props.popupVisible;
             } else {
               popupVisible = !!props.defaultPopupVisible;
             }
-            return { popupVisible: popupVisible };
+            return {
+              popupVisible: popupVisible
+            };
           },
-        
           componentDidMount: function componentDidMount() {
             this.componentDidUpdate({}, {
               popupVisible: this.state.popupVisible
             });
           },
-        
           componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
             if ('popupVisible' in nextProps) {
               this.setState({
@@ -22660,18 +22768,18 @@
               });
             }
           },
-        
           componentDidUpdate: function componentDidUpdate(prevProps, prevState) {
             var _this = this;
         
             var props = this.props;
             var state = this.state;
             if (this.popupRendered) {
-              var _ret = (function () {
+              var _ret = function () {
                 var self = _this;
-                _reactDom2['default'].unstable_renderSubtreeIntoContainer(_this, _this.getPopupElement(), _this.getPopupContainer(), function renderPopup() {
+                self.popupInstance = _reactDom2["default"].unstable_renderSubtreeIntoContainer(_this, _this.getPopupElement(), _this.getPopupContainer(), function renderPopup() {
+                  /* eslint react/no-is-mounted:0 */
                   if (this.isMounted()) {
-                    self.popupDomNode = _reactDom2['default'].findDOMNode(this);
+                    self.popupDomNode = this.getPopupDomNode();
                   } else {
                     self.popupDomNode = null;
                   }
@@ -22679,14 +22787,14 @@
                     props.afterPopupVisibleChange(state.popupVisible);
                   }
                 });
-                if (props.action.indexOf('click') !== -1) {
+                if (_this.isClickToHide()) {
                   if (state.popupVisible) {
                     if (!_this.clickOutsideHandler) {
-                      _this.clickOutsideHandler = _rcUtil.Dom.addEventListener(document, 'mousedown', _this.onDocumentClick);
-                      _this.touchOutsideHandler = _rcUtil.Dom.addEventListener(document, 'touchstart', _this.onDocumentClick);
+                      _this.clickOutsideHandler = (0, _addEventListener2["default"])(document, 'mousedown', _this.onDocumentClick);
+                      _this.touchOutsideHandler = (0, _addEventListener2["default"])(document, 'touchstart', _this.onDocumentClick);
                     }
                     return {
-                      v: undefined
+                      v: void 0
                     };
                   }
                 }
@@ -22696,28 +22804,19 @@
                   _this.clickOutsideHandler = null;
                   _this.touchOutsideHandler = null;
                 }
-              })();
+              }();
         
-              if (typeof _ret === 'object') return _ret.v;
+              if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
             }
           },
-        
           componentWillUnmount: function componentWillUnmount() {
             var popupContainer = this.popupContainer;
             if (popupContainer) {
-              _reactDom2['default'].unmountComponentAtNode(popupContainer);
-              if (this.props.getPopupContainer) {
-                var mountNode = this.props.getPopupContainer();
-                mountNode.removeChild(popupContainer);
-              } else {
-                document.body.removeChild(popupContainer);
-              }
+              _reactDom2["default"].unmountComponentAtNode(popupContainer);
+              popupContainer.parentNode.removeChild(popupContainer);
               this.popupContainer = null;
             }
-            if (this.delayTimer) {
-              clearTimeout(this.delayTimer);
-              this.delayTimer = null;
-            }
+            this.clearDelayTimer();
             if (this.clickOutsideHandler) {
               this.clickOutsideHandler.remove();
               this.touchOutsideHandler.remove();
@@ -22725,36 +22824,41 @@
               this.touchOutsideHandler = null;
             }
           },
-        
           onMouseEnter: function onMouseEnter() {
             this.delaySetPopupVisible(true, this.props.mouseEnterDelay);
           },
-        
-          onMouseLeave: function onMouseLeave() {
+          onMouseLeave: function onMouseLeave(e) {
+            // https://github.com/react-component/trigger/pull/13
+            // react bug?
+            if (e.relatedTarget && !e.relatedTarget.setTimeout && (0, _contains2["default"])(this.popupContainer, e.relatedTarget)) {
+              return;
+            }
             this.delaySetPopupVisible(false, this.props.mouseLeaveDelay);
           },
-        
           onFocus: function onFocus() {
-            this.focusTime = Date.now();
-            this.setPopupVisible(true);
+            // incase focusin and focusout
+            this.clearDelayTimer();
+            if (this.isFocusToShow()) {
+              this.focusTime = Date.now();
+              this.delaySetPopupVisible(true, this.props.focusDelay);
+            }
           },
-        
           onMouseDown: function onMouseDown() {
             this.preClickTime = Date.now();
           },
-        
           onTouchStart: function onTouchStart() {
             this.preTouchTime = Date.now();
           },
-        
           onBlur: function onBlur() {
-            this.setPopupVisible(false);
+            this.clearDelayTimer();
+            if (this.isBlurToHide()) {
+              this.delaySetPopupVisible(false, this.props.blurDelay);
+            }
           },
-        
           onClick: function onClick(event) {
             // focus will trigger click
             if (this.focusTime) {
-              var preTime = undefined;
+              var preTime = void 0;
               if (this.preClickTime && this.preTouchTime) {
                 preTime = Math.min(this.preClickTime, this.preTouchTime);
               } else if (this.preClickTime) {
@@ -22770,36 +22874,34 @@
             this.preClickTime = 0;
             this.preTouchTime = 0;
             event.preventDefault();
-            this.setPopupVisible(!this.state.popupVisible);
+            var nextVisible = !this.state.popupVisible;
+            if (this.isClickToHide() && !nextVisible || nextVisible && this.isClickToShow()) {
+              this.setPopupVisible(!this.state.popupVisible);
+            }
           },
-        
           onDocumentClick: function onDocumentClick(event) {
             var target = event.target;
-            var root = _reactDom2['default'].findDOMNode(this);
+            var root = (0, _reactDom.findDOMNode)(this);
             var popupNode = this.getPopupDomNode();
-            if (!_rcUtil.Dom.contains(root, target) && !_rcUtil.Dom.contains(popupNode, target)) {
+            if (!(0, _contains2["default"])(root, target) && !(0, _contains2["default"])(popupNode, target)) {
               this.setPopupVisible(false);
             }
           },
-        
           getPopupDomNode: function getPopupDomNode() {
             // for test
             return this.popupDomNode;
           },
-        
+          getRootDomNode: function getRootDomNode() {
+            return _reactDom2["default"].findDOMNode(this);
+          },
           getPopupContainer: function getPopupContainer() {
             if (!this.popupContainer) {
               this.popupContainer = document.createElement('div');
-              if (this.props.getPopupContainer) {
-                var mountNode = this.props.getPopupContainer();
-                mountNode.appendChild(this.popupContainer);
-              } else {
-                document.body.appendChild(this.popupContainer);
-              }
+              var mountNode = this.props.getPopupContainer ? this.props.getPopupContainer((0, _reactDom.findDOMNode)(this)) : document.body;
+              mountNode.appendChild(this.popupContainer);
             }
             return this.popupContainer;
           },
-        
           getPopupClassNameFromAlign: function getPopupClassNameFromAlign(align) {
             var className = [];
             var props = this.props;
@@ -22815,7 +22917,6 @@
             }
             return className.join(' ');
           },
-        
           getPopupAlign: function getPopupAlign() {
             var props = this.props;
             var popupPlacement = props.popupPlacement;
@@ -22827,34 +22928,43 @@
             }
             return popupAlign;
           },
-        
           getPopupElement: function getPopupElement() {
             var props = this.props;
             var state = this.state;
+        
             var mouseProps = {};
-            if (props.action.indexOf('hover') !== -1) {
+            if (this.isMouseEnterToShow()) {
               mouseProps.onMouseEnter = this.onMouseEnter;
+            }
+            if (this.isMouseLeaveToHide()) {
               mouseProps.onMouseLeave = this.onMouseLeave;
             }
-            return _react2['default'].createElement(
-              _Popup2['default'],
-              _extends({ prefixCls: props.prefixCls,
+            return _react2["default"].createElement(
+              _Popup2["default"],
+              _extends({
+                prefixCls: props.prefixCls,
                 destroyPopupOnHide: props.destroyPopupOnHide,
                 visible: state.popupVisible,
                 className: props.popupClassName,
                 action: props.action,
                 align: this.getPopupAlign(),
+                onAlign: props.onPopupAlign,
                 animation: props.popupAnimation,
                 getClassNameFromAlign: this.getPopupClassNameFromAlign
               }, mouseProps, {
-                wrap: this,
+                getRootDomNode: this.getRootDomNode,
                 style: props.popupStyle,
-                transitionName: props.popupTransitionName }),
+                mask: props.mask,
+                zIndex: props.zIndex,
+                transitionName: props.popupTransitionName,
+                maskAnimation: props.maskAnimation,
+                maskTransitionName: props.maskTransitionName
+              }),
               props.popup
             );
           },
-        
           setPopupVisible: function setPopupVisible(popupVisible) {
+            this.clearDelayTimer();
             if (this.state.popupVisible !== popupVisible) {
               if (!('popupVisible' in this.props)) {
                 this.setState({
@@ -22864,1552 +22974,118 @@
               this.props.onPopupVisibleChange(popupVisible);
             }
           },
-        
           delaySetPopupVisible: function delaySetPopupVisible(visible, delayS) {
             var _this2 = this;
         
             var delay = delayS * 1000;
-            if (this.delayTimer) {
-              clearTimeout(this.delayTimer);
-              this.delayTimer = null;
-            }
+            this.clearDelayTimer();
             if (delay) {
               this.delayTimer = setTimeout(function () {
                 _this2.setPopupVisible(visible);
-                _this2.delayTimer = null;
+                _this2.clearDelayTimer();
               }, delay);
             } else {
               this.setPopupVisible(visible);
             }
           },
-        
-          render: function render() {
-            this.popupRendered = this.popupRendered || this.state.popupVisible;
-            var props = this.props;
-            var children = props.children;
-            var child = _react2['default'].Children.only(children);
-            var childProps = child.props || {};
-            var newChildProps = {};
-            var trigger = props.action;
-            if (trigger.indexOf('click') !== -1) {
-              newChildProps.onClick = (0, _rcUtil.createChainedFunction)(this.onClick, childProps.onClick);
-              newChildProps.onMouseDown = (0, _rcUtil.createChainedFunction)(this.onMouseDown, childProps.onMouseDown);
-              newChildProps.onTouchStart = (0, _rcUtil.createChainedFunction)(this.onTouchStart, childProps.onTouchStart);
-            }
-            if (trigger.indexOf('hover') !== -1) {
-              newChildProps.onMouseEnter = (0, _rcUtil.createChainedFunction)(this.onMouseEnter, childProps.onMouseEnter);
-              newChildProps.onMouseLeave = (0, _rcUtil.createChainedFunction)(this.onMouseLeave, childProps.onMouseLeave);
-            }
-            if (trigger.indexOf('focus') !== -1) {
-              newChildProps.onFocus = (0, _rcUtil.createChainedFunction)(this.onFocus, childProps.onFocus);
-              newChildProps.onBlur = (0, _rcUtil.createChainedFunction)(this.onBlur, childProps.onBlur);
+          clearDelayTimer: function clearDelayTimer() {
+            if (this.delayTimer) {
+              clearTimeout(this.delayTimer);
+              this.delayTimer = null;
             }
-        
-            return _react2['default'].cloneElement(child, newChildProps);
-          }
-        });
-        
-        exports['default'] = Trigger;
-        module.exports = exports['default'];
-
-/***/ },
-/* 173 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        module.exports = {
-          guid: __webpack_require__(174),
-          classSet: __webpack_require__(175),
-          joinClasses: __webpack_require__(178),
-          KeyCode: __webpack_require__(179),
-          PureRenderMixin: __webpack_require__(180),
-          shallowEqual: __webpack_require__(181),
-          createChainedFunction: __webpack_require__(187),
-          Dom: {
-            addEventListener: __webpack_require__(188),
-            contains: __webpack_require__(193)
           },
-          Children: {
-            toArray: __webpack_require__(194),
-            mapSelf: __webpack_require__(195)
-          }
-        };
-
-/***/ },
-/* 174 */
-/***/ function(module, exports) {
-
-        'use strict';
-        
-        var seed = 0;
-        module.exports = function guid() {
-          return Date.now() + '_' + seed++;
-        };
-
-/***/ },
-/* 175 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        var deprecate = __webpack_require__(176);
-        var classNames = __webpack_require__(177);
-        
-        module.exports = deprecate(classNames, '`rcUtil.classSet()` is deprecated, use `classNames()` by `require(\'classnames\')` instead');
-
-/***/ },
-/* 176 */
-/***/ function(module, exports) {
-
-        /* WEBPACK VAR INJECTION */(function(global) {
-        /**
-         * Module exports.
-         */
-        
-        module.exports = deprecate;
-        
-        /**
-         * Mark that a method should not be used.
-         * Returns a modified function which warns once by default.
-         *
-         * If `localStorage.noDeprecation = true` is set, then it is a no-op.
-         *
-         * If `localStorage.throwDeprecation = true` is set, then deprecated functions
-         * will throw an Error when invoked.
-         *
-         * If `localStorage.traceDeprecation = true` is set, then deprecated functions
-         * will invoke `console.trace()` instead of `console.error()`.
-         *
-         * @param {Function} fn - the function to deprecate
-         * @param {String} msg - the string to print to the console when `fn` is invoked
-         * @returns {Function} a new "deprecated" version of `fn`
-         * @api public
-         */
-        
-        function deprecate (fn, msg) {
-          if (config('noDeprecation')) {
-            return fn;
-          }
-        
-          var warned = false;
-          function deprecated() {
-            if (!warned) {
-              if (config('throwDeprecation')) {
-                throw new Error(msg);
-              } else if (config('traceDeprecation')) {
-                console.trace(msg);
-              } else {
-                console.warn(msg);
-              }
-              warned = true;
-            }
-            return fn.apply(this, arguments);
-          }
-        
-          return deprecated;
-        }
-        
-        /**
-         * Checks `localStorage` for boolean values for the given `name`.
-         *
-         * @param {String} name
-         * @returns {Boolean}
-         * @api private
-         */
-        
-        function config (name) {
-          // accessing global.localStorage can trigger a DOMException in sandboxed iframes
-          try {
-            if (!global.localStorage) return false;
-          } catch (_) {
-            return false;
-          }
-          var val = global.localStorage[name];
-          if (null == val) return false;
-          return String(val).toLowerCase() === 'true';
-        }
-        
-        /* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
-
-/***/ },
-/* 177 */
-/***/ function(module, exports, __webpack_require__) {
-
-        var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
-          Copyright (c) 2015 Jed Watson.
-          Licensed under the MIT License (MIT), see
-          http://jedwatson.github.io/classnames
-        */
-        /* global define */
-        
-        (function () {
-                'use strict';
-        
-                var hasOwn = {}.hasOwnProperty;
-        
-                function classNames () {
-                        var classes = '';
-        
-                        for (var i = 0; i < arguments.length; i++) {
-                                var arg = arguments[i];
-                                if (!arg) continue;
-        
-                                var argType = typeof arg;
-        
-                                if (argType === 'string' || argType === 'number') {
-                                        classes += ' ' + arg;
-                                } else if (Array.isArray(arg)) {
-                                        classes += ' ' + classNames.apply(null, arg);
-                                } else if (argType === 'object') {
-                                        for (var key in arg) {
-                                                if (hasOwn.call(arg, key) && arg[key]) {
-                                                        classes += ' ' + key;
-                                                }
-                                        }
-                                }
-                        }
-        
-                        return classes.substr(1);
-                }
-        
-                if (typeof module !== 'undefined' && module.exports) {
-                        module.exports = classNames;
-                } else if (true) {
-                        // register as 'classnames', consistent with npm package name
-                        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
-                                return classNames;
-                        }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-                } else {
-                        window.classNames = classNames;
-                }
-        }());
-
-
-/***/ },
-/* 178 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        var deprecate = __webpack_require__(176);
-        var classNames = __webpack_require__(177);
-        
-        module.exports = deprecate(classNames, '`rcUtil.joinClasses()` is deprecated, use `classNames()` by `require(\'classnames\')` instead');
-
-/***/ },
-/* 179 */
-/***/ function(module, exports) {
-
-        /**
-         * @ignore
-         * some key-codes definition and utils from closure-library
-         * @author yiminghe@gmail.com
-         */
-        
-        'use strict';
-        
-        var KeyCode = {
-          /**
-           * MAC_ENTER
-           */
-          MAC_ENTER: 3,
-          /**
-           * BACKSPACE
-           */
-          BACKSPACE: 8,
-          /**
-           * TAB
-           */
-          TAB: 9,
-          /**
-           * NUMLOCK on FF/Safari Mac
-           */
-          NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
-          /**
-           * ENTER
-           */
-          ENTER: 13,
-          /**
-           * SHIFT
-           */
-          SHIFT: 16,
-          /**
-           * CTRL
-           */
-          CTRL: 17,
-          /**
-           * ALT
-           */
-          ALT: 18,
-          /**
-           * PAUSE
-           */
-          PAUSE: 19,
-          /**
-           * CAPS_LOCK
-           */
-          CAPS_LOCK: 20,
-          /**
-           * ESC
-           */
-          ESC: 27,
-          /**
-           * SPACE
-           */
-          SPACE: 32,
-          /**
-           * PAGE_UP
-           */
-          PAGE_UP: 33, // also NUM_NORTH_EAST
-          /**
-           * PAGE_DOWN
-           */
-          PAGE_DOWN: 34, // also NUM_SOUTH_EAST
-          /**
-           * END
-           */
-          END: 35, // also NUM_SOUTH_WEST
-          /**
-           * HOME
-           */
-          HOME: 36, // also NUM_NORTH_WEST
-          /**
-           * LEFT
-           */
-          LEFT: 37, // also NUM_WEST
-          /**
-           * UP
-           */
-          UP: 38, // also NUM_NORTH
-          /**
-           * RIGHT
-           */
-          RIGHT: 39, // also NUM_EAST
-          /**
-           * DOWN
-           */
-          DOWN: 40, // also NUM_SOUTH
-          /**
-           * PRINT_SCREEN
-           */
-          PRINT_SCREEN: 44,
-          /**
-           * INSERT
-           */
-          INSERT: 45, // also NUM_INSERT
-          /**
-           * DELETE
-           */
-          DELETE: 46, // also NUM_DELETE
-          /**
-           * ZERO
-           */
-          ZERO: 48,
-          /**
-           * ONE
-           */
-          ONE: 49,
-          /**
-           * TWO
-           */
-          TWO: 50,
-          /**
-           * THREE
-           */
-          THREE: 51,
-          /**
-           * FOUR
-           */
-          FOUR: 52,
-          /**
-           * FIVE
-           */
-          FIVE: 53,
-          /**
-           * SIX
-           */
-          SIX: 54,
-          /**
-           * SEVEN
-           */
-          SEVEN: 55,
-          /**
-           * EIGHT
-           */
-          EIGHT: 56,
-          /**
-           * NINE
-           */
-          NINE: 57,
-          /**
-           * QUESTION_MARK
-           */
-          QUESTION_MARK: 63, // needs localization
-          /**
-           * A
-           */
-          A: 65,
-          /**
-           * B
-           */
-          B: 66,
-          /**
-           * C
-           */
-          C: 67,
-          /**
-           * D
-           */
-          D: 68,
-          /**
-           * E
-           */
-          E: 69,
-          /**
-           * F
-           */
-          F: 70,
-          /**
-           * G
-           */
-          G: 71,
-          /**
-           * H
-           */
-          H: 72,
-          /**
-           * I
-           */
-          I: 73,
-          /**
-           * J
-           */
-          J: 74,
-          /**
-           * K
-           */
-          K: 75,
-          /**
-           * L
-           */
-          L: 76,
-          /**
-           * M
-           */
-          M: 77,
-          /**
-           * N
-           */
-          N: 78,
-          /**
-           * O
-           */
-          O: 79,
-          /**
-           * P
-           */
-          P: 80,
-          /**
-           * Q
-           */
-          Q: 81,
-          /**
-           * R
-           */
-          R: 82,
-          /**
-           * S
-           */
-          S: 83,
-          /**
-           * T
-           */
-          T: 84,
-          /**
-           * U
-           */
-          U: 85,
-          /**
-           * V
-           */
-          V: 86,
-          /**
-           * W
-           */
-          W: 87,
-          /**
-           * X
-           */
-          X: 88,
-          /**
-           * Y
-           */
-          Y: 89,
-          /**
-           * Z
-           */
-          Z: 90,
-          /**
-           * META
-           */
-          META: 91, // WIN_KEY_LEFT
-          /**
-           * WIN_KEY_RIGHT
-           */
-          WIN_KEY_RIGHT: 92,
-          /**
-           * CONTEXT_MENU
-           */
-          CONTEXT_MENU: 93,
-          /**
-           * NUM_ZERO
-           */
-          NUM_ZERO: 96,
-          /**
-           * NUM_ONE
-           */
-          NUM_ONE: 97,
-          /**
-           * NUM_TWO
-           */
-          NUM_TWO: 98,
-          /**
-           * NUM_THREE
-           */
-          NUM_THREE: 99,
-          /**
-           * NUM_FOUR
-           */
-          NUM_FOUR: 100,
-          /**
-           * NUM_FIVE
-           */
-          NUM_FIVE: 101,
-          /**
-           * NUM_SIX
-           */
-          NUM_SIX: 102,
-          /**
-           * NUM_SEVEN
-           */
-          NUM_SEVEN: 103,
-          /**
-           * NUM_EIGHT
-           */
-          NUM_EIGHT: 104,
-          /**
-           * NUM_NINE
-           */
-          NUM_NINE: 105,
-          /**
-           * NUM_MULTIPLY
-           */
-          NUM_MULTIPLY: 106,
-          /**
-           * NUM_PLUS
-           */
-          NUM_PLUS: 107,
-          /**
-           * NUM_MINUS
-           */
-          NUM_MINUS: 109,
-          /**
-           * NUM_PERIOD
-           */
-          NUM_PERIOD: 110,
-          /**
-           * NUM_DIVISION
-           */
-          NUM_DIVISION: 111,
-          /**
-           * F1
-           */
-          F1: 112,
-          /**
-           * F2
-           */
-          F2: 113,
-          /**
-           * F3
-           */
-          F3: 114,
-          /**
-           * F4
-           */
-          F4: 115,
-          /**
-           * F5
-           */
-          F5: 116,
-          /**
-           * F6
-           */
-          F6: 117,
-          /**
-           * F7
-           */
-          F7: 118,
-          /**
-           * F8
-           */
-          F8: 119,
-          /**
-           * F9
-           */
-          F9: 120,
-          /**
-           * F10
-           */
-          F10: 121,
-          /**
-           * F11
-           */
-          F11: 122,
-          /**
-           * F12
-           */
-          F12: 123,
-          /**
-           * NUMLOCK
-           */
-          NUMLOCK: 144,
-          /**
-           * SEMICOLON
-           */
-          SEMICOLON: 186, // needs localization
-          /**
-           * DASH
-           */
-          DASH: 189, // needs localization
-          /**
-           * EQUALS
-           */
-          EQUALS: 187, // needs localization
-          /**
-           * COMMA
-           */
-          COMMA: 188, // needs localization
-          /**
-           * PERIOD
-           */
-          PERIOD: 190, // needs localization
-          /**
-           * SLASH
-           */
-          SLASH: 191, // needs localization
-          /**
-           * APOSTROPHE
-           */
-          APOSTROPHE: 192, // needs localization
-          /**
-           * SINGLE_QUOTE
-           */
-          SINGLE_QUOTE: 222, // needs localization
-          /**
-           * OPEN_SQUARE_BRACKET
-           */
-          OPEN_SQUARE_BRACKET: 219, // needs localization
-          /**
-           * BACKSLASH
-           */
-          BACKSLASH: 220, // needs localization
-          /**
-           * CLOSE_SQUARE_BRACKET
-           */
-          CLOSE_SQUARE_BRACKET: 221, // needs localization
-          /**
-           * WIN_KEY
-           */
-          WIN_KEY: 224,
-          /**
-           * MAC_FF_META
-           */
-          MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
-          /**
-           * WIN_IME
-           */
-          WIN_IME: 229
-        };
-        
-        /*
-         whether text and modified key is entered at the same time.
-         */
-        KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
-          var keyCode = e.keyCode;
-          if (e.altKey && !e.ctrlKey || e.metaKey ||
-          // Function keys don't generate text
-          keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
-            return false;
-          }
-        
-          // The following keys are quite harmless, even in combination with
-          // CTRL, ALT or SHIFT.
-          switch (keyCode) {
-            case KeyCode.ALT:
-            case KeyCode.CAPS_LOCK:
-            case KeyCode.CONTEXT_MENU:
-            case KeyCode.CTRL:
-            case KeyCode.DOWN:
-            case KeyCode.END:
-            case KeyCode.ESC:
-            case KeyCode.HOME:
-            case KeyCode.INSERT:
-            case KeyCode.LEFT:
-            case KeyCode.MAC_FF_META:
-            case KeyCode.META:
-            case KeyCode.NUMLOCK:
-            case KeyCode.NUM_CENTER:
-            case KeyCode.PAGE_DOWN:
-            case KeyCode.PAGE_UP:
-            case KeyCode.PAUSE:
-            case KeyCode.PRINT_SCREEN:
-            case KeyCode.RIGHT:
-            case KeyCode.SHIFT:
-            case KeyCode.UP:
-            case KeyCode.WIN_KEY:
-            case KeyCode.WIN_KEY_RIGHT:
-              return false;
-            default:
-              return true;
-          }
-        };
-        
-        /*
-         whether character is entered.
-         */
-        KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
-          if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
-            return true;
-          }
-        
-          if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
-            return true;
-          }
-        
-          if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
-            return true;
-          }
-        
-          // Safari sends zero key code for non-latin characters.
-          if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
-            return true;
-          }
-        
-          switch (keyCode) {
-            case KeyCode.SPACE:
-            case KeyCode.QUESTION_MARK:
-            case KeyCode.NUM_PLUS:
-            case KeyCode.NUM_MINUS:
-            case KeyCode.NUM_PERIOD:
-            case KeyCode.NUM_DIVISION:
-            case KeyCode.SEMICOLON:
-            case KeyCode.DASH:
-            case KeyCode.EQUALS:
-            case KeyCode.COMMA:
-            case KeyCode.PERIOD:
-            case KeyCode.SLASH:
-            case KeyCode.APOSTROPHE:
-            case KeyCode.SINGLE_QUOTE:
-            case KeyCode.OPEN_SQUARE_BRACKET:
-            case KeyCode.BACKSLASH:
-            case KeyCode.CLOSE_SQUARE_BRACKET:
-              return true;
-            default:
-              return false;
-          }
-        };
-        
-        module.exports = KeyCode;
-
-/***/ },
-/* 180 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        var shallowEqual = __webpack_require__(181);
-        
-        /**
-         * If your React component's render function is "pure", e.g. it will render the
-         * same result given the same props and state, provide this Mixin for a
-         * considerable performance boost.
-         *
-         * Most React components have pure render functions.
-         *
-         * Example:
-         *
-         *   const ReactComponentWithPureRenderMixin =
-         *     require('ReactComponentWithPureRenderMixin');
-         *   React.createClass({
-         *     mixins: [ReactComponentWithPureRenderMixin],
-         *
-         *     render: function() {
-         *       return <div className={this.props.className}>foo</div>;
-         *     }
-         *   });
-         *
-         * Note: This only checks shallow equality for props and state. If these contain
-         * complex data structures this mixin may have false-negatives for deeper
-         * differences. Only mixin to components which have simple props and state, or
-         * use `forceUpdate()` when you know deep data structures have changed.
-         */
-        var ReactComponentWithPureRenderMixin = {
-          shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
-            return !shallowEqual(this.props, nextProps) || !shallowEqual(this.state, nextState);
-          }
-        };
-        
-        module.exports = ReactComponentWithPureRenderMixin;
-
-/***/ },
-/* 181 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
+          isClickToShow: function isClickToShow() {
+            var _props = this.props;
+            var action = _props.action;
+            var showAction = _props.showAction;
         
-        var shallowEqual = __webpack_require__(182);
+            return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;
+          },
+          isClickToHide: function isClickToHide() {
+            var _props2 = this.props;
+            var action = _props2.action;
+            var hideAction = _props2.hideAction;
         
-        module.exports = shallowEqual;
-
-/***/ },
-/* 182 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
+            return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;
+          },
+          isMouseEnterToShow: function isMouseEnterToShow() {
+            var _props3 = this.props;
+            var action = _props3.action;
+            var showAction = _props3.showAction;
         
-        var fetchKeys = __webpack_require__(183);
+            return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;
+          },
+          isMouseLeaveToHide: function isMouseLeaveToHide() {
+            var _props4 = this.props;
+            var action = _props4.action;
+            var hideAction = _props4.hideAction;
         
-        module.exports = function shallowEqual(objA, objB, compare, compareContext) {
+            return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;
+          },
+          isFocusToShow: function isFocusToShow() {
+            var _props5 = this.props;
+            var action = _props5.action;
+            var showAction = _props5.showAction;
         
-            var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
+            return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;
+          },
+          isBlurToHide: function isBlurToHide() {
+            var _props6 = this.props;
+            var action = _props6.action;
+            var hideAction = _props6.hideAction;
         
-            if (ret !== void 0) {
-                return !!ret;
+            return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;
+          },
+          forcePopupAlign: function forcePopupAlign() {
+            if (this.state.popupVisible && this.popupInstance && this.popupInstance.alignInstance) {
+              this.popupInstance.alignInstance.forceAlign();
             }
+          },
+          render: function render() {
+            this.popupRendered = this.popupRendered || this.state.popupVisible;
+            var props = this.props;
+            var children = props.children;
+            var child = _react2["default"].Children.only(children);
+            var childProps = child.props || {};
+            var newChildProps = {};
         
-            if (objA === objB) {
-                return true;
+            if (this.isClickToHide() || this.isClickToShow()) {
+              newChildProps.onClick = (0, _createChainedFunction2["default"])(this.onClick, childProps.onClick);
+              newChildProps.onMouseDown = (0, _createChainedFunction2["default"])(this.onMouseDown, childProps.onMouseDown);
+              newChildProps.onTouchStart = (0, _createChainedFunction2["default"])(this.onTouchStart, childProps.onTouchStart);
             }
-        
-            if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-                return false;
+            if (this.isMouseEnterToShow()) {
+              newChildProps.onMouseEnter = (0, _createChainedFunction2["default"])(this.onMouseEnter, childProps.onMouseEnter);
             }
-        
-            var keysA = fetchKeys(objA);
-            var keysB = fetchKeys(objB);
-        
-            var len = keysA.length;
-            if (len !== keysB.length) {
-                return false;
+            if (this.isMouseLeaveToHide()) {
+              newChildProps.onMouseLeave = (0, _createChainedFunction2["default"])(this.onMouseLeave, childProps.onMouseLeave);
             }
-        
-            compareContext = compareContext || null;
-        
-            // Test for A's keys different from B.
-            var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-            for (var i = 0; i < len; i++) {
-                var key = keysA[i];
-                if (!bHasOwnProperty(key)) {
-                    return false;
-                }
-                var valueA = objA[key];
-                var valueB = objB[key];
-        
-                var _ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-                if (_ret === false || _ret === void 0 && valueA !== valueB) {
-                    return false;
-                }
+            if (this.isFocusToShow() || this.isBlurToHide()) {
+              newChildProps.onFocus = (0, _createChainedFunction2["default"])(this.onFocus, childProps.onFocus);
+              newChildProps.onBlur = (0, _createChainedFunction2["default"])(this.onBlur, childProps.onBlur);
             }
         
-            return true;
-        };
-
-/***/ },
-/* 183 */
-/***/ function(module, exports, __webpack_require__) {
-
-        /**
-         * lodash 3.1.2 (Custom Build) <https://lodash.com/>
-         * Build: `lodash modern modularize exports="npm" -o ./`
-         * Copyright 2012-2015 The Dojo Foundation <http://dojofoundation.org/>
-         * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-         * Copyright 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-         * Available under MIT license <https://lodash.com/license>
-         */
-        var getNative = __webpack_require__(184),
-            isArguments = __webpack_require__(185),
-            isArray = __webpack_require__(186);
-        
-        /** Used to detect unsigned integer values. */
-        var reIsUint = /^\d+$/;
-        
-        /** Used for native method references. */
-        var objectProto = Object.prototype;
-        
-        /** Used to check objects for own properties. */
-        var hasOwnProperty = objectProto.hasOwnProperty;
-        
-        /* Native method references for those with the same name as other `lodash` methods. */
-        var nativeKeys = getNative(Object, 'keys');
-        
-        /**
-         * Used as the [maximum length](http://ecma-international.org/ecma-262/6.0/#sec-number.max_safe_integer)
-         * of an array-like value.
-         */
-        var MAX_SAFE_INTEGER = 9007199254740991;
-        
-        /**
-         * The base implementation of `_.property` without support for deep paths.
-         *
-         * @private
-         * @param {string} key The key of the property to get.
-         * @returns {Function} Returns the new function.
-         */
-        function baseProperty(key) {
-          return function(object) {
-            return object == null ? undefined : object[key];
-          };
-        }
-        
-        /**
-         * Gets the "length" property value of `object`.
-         *
-         * **Note:** This function is used to avoid a [JIT bug](https://bugs.webkit.org/show_bug.cgi?id=142792)
-         * that affects Safari on at least iOS 8.1-8.3 ARM64.
-         *
-         * @private
-         * @param {Object} object The object to query.
-         * @returns {*} Returns the "length" value.
-         */
-        var getLength = baseProperty('length');
-        
-        /**
-         * Checks if `value` is array-like.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
-         */
-        function isArrayLike(value) {
-          return value != null && isLength(getLength(value));
-        }
-        
-        /**
-         * Checks if `value` is a valid array-like index.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
-         * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
-         */
-        function isIndex(value, length) {
-          value = (typeof value == 'number' || reIsUint.test(value)) ? +value : -1;
-          length = length == null ? MAX_SAFE_INTEGER : length;
-          return value > -1 && value % 1 == 0 && value < length;
-        }
-        
-        /**
-         * Checks if `value` is a valid array-like length.
-         *
-         * **Note:** This function is based on [`ToLength`](http://ecma-international.org/ecma-262/6.0/#sec-tolength).
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
-         */
-        function isLength(value) {
-          return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-        }
-        
-        /**
-         * A fallback implementation of `Object.keys` which creates an array of the
-         * own enumerable property names of `object`.
-         *
-         * @private
-         * @param {Object} object The object to query.
-         * @returns {Array} Returns the array of property names.
-         */
-        function shimKeys(object) {
-          var props = keysIn(object),
-              propsLength = props.length,
-              length = propsLength && object.length;
-        
-          var allowIndexes = !!length && isLength(length) &&
-            (isArray(object) || isArguments(object));
-        
-          var index = -1,
-              result = [];
-        
-          while (++index < propsLength) {
-            var key = props[index];
-            if ((allowIndexes && isIndex(key, length)) || hasOwnProperty.call(object, key)) {
-              result.push(key);
-            }
-          }
-          return result;
-        }
-        
-        /**
-         * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.
-         * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-         * @example
-         *
-         * _.isObject({});
-         * // => true
-         *
-         * _.isObject([1, 2, 3]);
-         * // => true
-         *
-         * _.isObject(1);
-         * // => false
-         */
-        function isObject(value) {
-          // Avoid a V8 JIT bug in Chrome 19-20.
-          // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
-          var type = typeof value;
-          return !!value && (type == 'object' || type == 'function');
-        }
-        
-        /**
-         * Creates an array of the own enumerable property names of `object`.
-         *
-         * **Note:** Non-object values are coerced to objects. See the
-         * [ES spec](http://ecma-international.org/ecma-262/6.0/#sec-object.keys)
-         * for more details.
-         *
-         * @static
-         * @memberOf _
-         * @category Object
-         * @param {Object} object The object to query.
-         * @returns {Array} Returns the array of property names.
-         * @example
-         *
-         * function Foo() {
-         *   this.a = 1;
-         *   this.b = 2;
-         * }
-         *
-         * Foo.prototype.c = 3;
-         *
-         * _.keys(new Foo);
-         * // => ['a', 'b'] (iteration order is not guaranteed)
-         *
-         * _.keys('hi');
-         * // => ['0', '1']
-         */
-        var keys = !nativeKeys ? shimKeys : function(object) {
-          var Ctor = object == null ? undefined : object.constructor;
-          if ((typeof Ctor == 'function' && Ctor.prototype === object) ||
-              (typeof object != 'function' && isArrayLike(object))) {
-            return shimKeys(object);
-          }
-          return isObject(object) ? nativeKeys(object) : [];
-        };
-        
-        /**
-         * Creates an array of the own and inherited enumerable property names of `object`.
-         *
-         * **Note:** Non-object values are coerced to objects.
-         *
-         * @static
-         * @memberOf _
-         * @category Object
-         * @param {Object} object The object to query.
-         * @returns {Array} Returns the array of property names.
-         * @example
-         *
-         * function Foo() {
-         *   this.a = 1;
-         *   this.b = 2;
-         * }
-         *
-         * Foo.prototype.c = 3;
-         *
-         * _.keysIn(new Foo);
-         * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
-         */
-        function keysIn(object) {
-          if (object == null) {
-            return [];
-          }
-          if (!isObject(object)) {
-            object = Object(object);
-          }
-          var length = object.length;
-          length = (length && isLength(length) &&
-            (isArray(object) || isArguments(object)) && length) || 0;
-        
-          var Ctor = object.constructor,
-              index = -1,
-              isProto = typeof Ctor == 'function' && Ctor.prototype === object,
-              result = Array(length),
-              skipIndexes = length > 0;
-        
-          while (++index < length) {
-            result[index] = (index + '');
-          }
-          for (var key in object) {
-            if (!(skipIndexes && isIndex(key, length)) &&
-                !(key == 'constructor' && (isProto || !hasOwnProperty.call(object, key)))) {
-              result.push(key);
-            }
-          }
-          return result;
-        }
-        
-        module.exports = keys;
-
-
-/***/ },
-/* 184 */
-/***/ function(module, exports) {
-
-        /**
-         * lodash 3.9.1 (Custom Build) <https://lodash.com/>
-         * Build: `lodash modern modularize exports="npm" -o ./`
-         * Copyright 2012-2015 The Dojo Foundation <http://dojofoundation.org/>
-         * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-         * Copyright 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-         * Available under MIT license <https://lodash.com/license>
-         */
-        
-        /** `Object#toString` result references. */
-        var funcTag = '[object Function]';
-        
-        /** Used to detect host constructors (Safari > 5). */
-        var reIsHostCtor = /^\[object .+?Constructor\]$/;
-        
-        /**
-         * Checks if `value` is object-like.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-         */
-        function isObjectLike(value) {
-          return !!value && typeof value == 'object';
-        }
-        
-        /** Used for native method references. */
-        var objectProto = Object.prototype;
-        
-        /** Used to resolve the decompiled source of functions. */
-        var fnToString = Function.prototype.toString;
-        
-        /** Used to check objects for own properties. */
-        var hasOwnProperty = objectProto.hasOwnProperty;
-        
-        /**
-         * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
-         * of values.
-         */
-        var objToString = objectProto.toString;
-        
-        /** Used to detect if a method is native. */
-        var reIsNative = RegExp('^' +
-          fnToString.call(hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
-          .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-        );
-        
-        /**
-         * Gets the native function at `key` of `object`.
-         *
-         * @private
-         * @param {Object} object The object to query.
-         * @param {string} key The key of the method to get.
-         * @returns {*} Returns the function if it's native, else `undefined`.
-         */
-        function getNative(object, key) {
-          var value = object == null ? undefined : object[key];
-          return isNative(value) ? value : undefined;
-        }
-        
-        /**
-         * Checks if `value` is classified as a `Function` object.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
-         * @example
-         *
-         * _.isFunction(_);
-         * // => true
-         *
-         * _.isFunction(/abc/);
-         * // => false
-         */
-        function isFunction(value) {
-          // The use of `Object#toString` avoids issues with the `typeof` operator
-          // in older versions of Chrome and Safari which return 'function' for regexes
-          // and Safari 8 equivalents which return 'object' for typed array constructors.
-          return isObject(value) && objToString.call(value) == funcTag;
-        }
-        
-        /**
-         * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.
-         * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-         * @example
-         *
-         * _.isObject({});
-         * // => true
-         *
-         * _.isObject([1, 2, 3]);
-         * // => true
-         *
-         * _.isObject(1);
-         * // => false
-         */
-        function isObject(value) {
-          // Avoid a V8 JIT bug in Chrome 19-20.
-          // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
-          var type = typeof value;
-          return !!value && (type == 'object' || type == 'function');
-        }
-        
-        /**
-         * Checks if `value` is a native function.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is a native function, else `false`.
-         * @example
-         *
-         * _.isNative(Array.prototype.push);
-         * // => true
-         *
-         * _.isNative(_);
-         * // => false
-         */
-        function isNative(value) {
-          if (value == null) {
-            return false;
-          }
-          if (isFunction(value)) {
-            return reIsNative.test(fnToString.call(value));
-          }
-          return isObjectLike(value) && reIsHostCtor.test(value);
-        }
-        
-        module.exports = getNative;
-
-
-/***/ },
-/* 185 */
-/***/ function(module, exports) {
-
-        /**
-         * lodash 3.0.4 (Custom Build) <https://lodash.com/>
-         * Build: `lodash modern modularize exports="npm" -o ./`
-         * Copyright 2012-2015 The Dojo Foundation <http://dojofoundation.org/>
-         * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-         * Copyright 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-         * Available under MIT license <https://lodash.com/license>
-         */
-        
-        /**
-         * Checks if `value` is object-like.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-         */
-        function isObjectLike(value) {
-          return !!value && typeof value == 'object';
-        }
-        
-        /** Used for native method references. */
-        var objectProto = Object.prototype;
-        
-        /** Used to check objects for own properties. */
-        var hasOwnProperty = objectProto.hasOwnProperty;
-        
-        /** Native method references. */
-        var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-        
-        /**
-         * Used as the [maximum length](http://ecma-international.org/ecma-262/6.0/#sec-number.max_safe_integer)
-         * of an array-like value.
-         */
-        var MAX_SAFE_INTEGER = 9007199254740991;
-        
-        /**
-         * The base implementation of `_.property` without support for deep paths.
-         *
-         * @private
-         * @param {string} key The key of the property to get.
-         * @returns {Function} Returns the new function.
-         */
-        function baseProperty(key) {
-          return function(object) {
-            return object == null ? undefined : object[key];
-          };
-        }
-        
-        /**
-         * Gets the "length" property value of `object`.
-         *
-         * **Note:** This function is used to avoid a [JIT bug](https://bugs.webkit.org/show_bug.cgi?id=142792)
-         * that affects Safari on at least iOS 8.1-8.3 ARM64.
-         *
-         * @private
-         * @param {Object} object The object to query.
-         * @returns {*} Returns the "length" value.
-         */
-        var getLength = baseProperty('length');
-        
-        /**
-         * Checks if `value` is array-like.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
-         */
-        function isArrayLike(value) {
-          return value != null && isLength(getLength(value));
-        }
-        
-        /**
-         * Checks if `value` is a valid array-like length.
-         *
-         * **Note:** This function is based on [`ToLength`](http://ecma-international.org/ecma-262/6.0/#sec-tolength).
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
-         */
-        function isLength(value) {
-          return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-        }
-        
-        /**
-         * Checks if `value` is classified as an `arguments` object.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
-         * @example
-         *
-         * _.isArguments(function() { return arguments; }());
-         * // => true
-         *
-         * _.isArguments([1, 2, 3]);
-         * // => false
-         */
-        function isArguments(value) {
-          return isObjectLike(value) && isArrayLike(value) &&
-            hasOwnProperty.call(value, 'callee') && !propertyIsEnumerable.call(value, 'callee');
-        }
-        
-        module.exports = isArguments;
-
-
-/***/ },
-/* 186 */
-/***/ function(module, exports) {
-
-        /**
-         * lodash 3.0.4 (Custom Build) <https://lodash.com/>
-         * Build: `lodash modern modularize exports="npm" -o ./`
-         * Copyright 2012-2015 The Dojo Foundation <http://dojofoundation.org/>
-         * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-         * Copyright 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-         * Available under MIT license <https://lodash.com/license>
-         */
-        
-        /** `Object#toString` result references. */
-        var arrayTag = '[object Array]',
-            funcTag = '[object Function]';
-        
-        /** Used to detect host constructors (Safari > 5). */
-        var reIsHostCtor = /^\[object .+?Constructor\]$/;
-        
-        /**
-         * Checks if `value` is object-like.
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-         */
-        function isObjectLike(value) {
-          return !!value && typeof value == 'object';
-        }
-        
-        /** Used for native method references. */
-        var objectProto = Object.prototype;
-        
-        /** Used to resolve the decompiled source of functions. */
-        var fnToString = Function.prototype.toString;
-        
-        /** Used to check objects for own properties. */
-        var hasOwnProperty = objectProto.hasOwnProperty;
-        
-        /**
-         * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
-         * of values.
-         */
-        var objToString = objectProto.toString;
-        
-        /** Used to detect if a method is native. */
-        var reIsNative = RegExp('^' +
-          fnToString.call(hasOwnProperty).replace(/[\\^$.*+?()[\]{}|]/g, '\\$&')
-          .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-        );
-        
-        /* Native method references for those with the same name as other `lodash` methods. */
-        var nativeIsArray = getNative(Array, 'isArray');
-        
-        /**
-         * Used as the [maximum length](http://ecma-international.org/ecma-262/6.0/#sec-number.max_safe_integer)
-         * of an array-like value.
-         */
-        var MAX_SAFE_INTEGER = 9007199254740991;
-        
-        /**
-         * Gets the native function at `key` of `object`.
-         *
-         * @private
-         * @param {Object} object The object to query.
-         * @param {string} key The key of the method to get.
-         * @returns {*} Returns the function if it's native, else `undefined`.
-         */
-        function getNative(object, key) {
-          var value = object == null ? undefined : object[key];
-          return isNative(value) ? value : undefined;
-        }
-        
-        /**
-         * Checks if `value` is a valid array-like length.
-         *
-         * **Note:** This function is based on [`ToLength`](http://ecma-international.org/ecma-262/6.0/#sec-tolength).
-         *
-         * @private
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
-         */
-        function isLength(value) {
-          return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-        }
-        
-        /**
-         * Checks if `value` is classified as an `Array` object.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
-         * @example
-         *
-         * _.isArray([1, 2, 3]);
-         * // => true
-         *
-         * _.isArray(function() { return arguments; }());
-         * // => false
-         */
-        var isArray = nativeIsArray || function(value) {
-          return isObjectLike(value) && isLength(value.length) && objToString.call(value) == arrayTag;
-        };
-        
-        /**
-         * Checks if `value` is classified as a `Function` object.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is correctly classified, else `false`.
-         * @example
-         *
-         * _.isFunction(_);
-         * // => true
-         *
-         * _.isFunction(/abc/);
-         * // => false
-         */
-        function isFunction(value) {
-          // The use of `Object#toString` avoids issues with the `typeof` operator
-          // in older versions of Chrome and Safari which return 'function' for regexes
-          // and Safari 8 equivalents which return 'object' for typed array constructors.
-          return isObject(value) && objToString.call(value) == funcTag;
-        }
-        
-        /**
-         * Checks if `value` is the [language type](https://es5.github.io/#x8) of `Object`.
-         * (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-         * @example
-         *
-         * _.isObject({});
-         * // => true
-         *
-         * _.isObject([1, 2, 3]);
-         * // => true
-         *
-         * _.isObject(1);
-         * // => false
-         */
-        function isObject(value) {
-          // Avoid a V8 JIT bug in Chrome 19-20.
-          // See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
-          var type = typeof value;
-          return !!value && (type == 'object' || type == 'function');
-        }
+            ALL_HANDLERS.forEach(function (handler) {
+              var newFn = void 0;
+              if (props[handler] && newChildProps[handler]) {
+                newFn = (0, _createChainedFunction2["default"])(props[handler], newChildProps[handler]);
+              } else {
+                newFn = props[handler] || newChildProps[handler];
+              }
+              if (newFn) {
+                newChildProps[handler] = newFn;
+              }
+            });
         
-        /**
-         * Checks if `value` is a native function.
-         *
-         * @static
-         * @memberOf _
-         * @category Lang
-         * @param {*} value The value to check.
-         * @returns {boolean} Returns `true` if `value` is a native function, else `false`.
-         * @example
-         *
-         * _.isNative(Array.prototype.push);
-         * // => true
-         *
-         * _.isNative(_);
-         * // => false
-         */
-        function isNative(value) {
-          if (value == null) {
-            return false;
-          }
-          if (isFunction(value)) {
-            return reIsNative.test(fnToString.call(value));
+            return _react2["default"].cloneElement(child, newChildProps);
           }
-          return isObjectLike(value) && reIsHostCtor.test(value);
-        }
+        });
         
-        module.exports = isArray;
-
+        exports["default"] = Trigger;
+        module.exports = exports['default'];
 
 /***/ },
-/* 187 */
+/* 173 */
 /***/ function(module, exports) {
 
         /**
@@ -24436,7 +23112,25 @@
         module.exports = createChainedFunction;
 
 /***/ },
-/* 188 */
+/* 174 */
+/***/ function(module, exports) {
+
+        "use strict";
+        
+        module.exports = function contains(root, n) {
+          var node = n;
+          while (node) {
+            if (node === root) {
+              return true;
+            }
+            node = node.parentNode;
+          }
+        
+          return false;
+        };
+
+/***/ },
+/* 175 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -24448,7 +23142,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _addDomEventListener = __webpack_require__(189);
+        var _addDomEventListener = __webpack_require__(176);
         
         var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
         
@@ -24467,7 +23161,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 189 */
+/* 176 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -24479,7 +23173,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _EventObject = __webpack_require__(190);
+        var _EventObject = __webpack_require__(177);
         
         var _EventObject2 = _interopRequireDefault(_EventObject);
         
@@ -24509,7 +23203,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 190 */
+/* 177 */
 /***/ function(module, exports, __webpack_require__) {
 
         /**
@@ -24526,11 +23220,11 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _EventBaseObject = __webpack_require__(191);
+        var _EventBaseObject = __webpack_require__(178);
         
         var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
         
-        var _objectAssign = __webpack_require__(192);
+        var _objectAssign = __webpack_require__(179);
         
         var _objectAssign2 = _interopRequireDefault(_objectAssign);
         
@@ -24792,7 +23486,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 191 */
+/* 178 */
 /***/ function(module, exports) {
 
         /**
@@ -24860,11 +23554,11 @@
         module.exports = exports["default"];
 
 /***/ },
-/* 192 */
+/* 179 */
 /***/ function(module, exports) {
 
-        /* eslint-disable no-unused-vars */
         'use strict';
+        /* eslint-disable no-unused-vars */
         var hasOwnProperty = Object.prototype.hasOwnProperty;
         var propIsEnumerable = Object.prototype.propertyIsEnumerable;
         
@@ -24876,7 +23570,51 @@
                 return Object(val);
         }
         
-        module.exports = Object.assign || function (target, source) {
+        function shouldUseNative() {
+                try {
+                        if (!Object.assign) {
+                                return false;
+                        }
+        
+                        // Detect buggy property enumeration order in older V8 versions.
+        
+                        // https://bugs.chromium.org/p/v8/issues/detail?id=4118
+                        var test1 = new String('abc');  // eslint-disable-line
+                        test1[5] = 'de';
+                        if (Object.getOwnPropertyNames(test1)[0] === '5') {
+                                return false;
+                        }
+        
+                        // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+                        var test2 = {};
+                        for (var i = 0; i < 10; i++) {
+                                test2['_' + String.fromCharCode(i)] = i;
+                        }
+                        var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+                                return test2[n];
+                        });
+                        if (order2.join('') !== '0123456789') {
+                                return false;
+                        }
+        
+                        // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+                        var test3 = {};
+                        'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+                                test3[letter] = letter;
+                        });
+                        if (Object.keys(Object.assign({}, test3)).join('') !==
+                                        'abcdefghijklmnopqrst') {
+                                return false;
+                        }
+        
+                        return true;
+                } catch (e) {
+                        // We don't expect any of the above to throw, but better to be safe.
+                        return false;
+                }
+        }
+        
+        module.exports = shouldUseNative() ? Object.assign : function (target, source) {
                 var from;
                 var to = toObject(target);
                 var symbols;
@@ -24905,67 +23643,16 @@
 
 
 /***/ },
-/* 193 */
-/***/ function(module, exports) {
-
-        "use strict";
-        
-        module.exports = function contains(root, n) {
-          var node = n;
-          while (node) {
-            if (node === root) {
-              return true;
-            }
-            node = node.parentNode;
-          }
-        
-          return false;
-        };
-
-/***/ },
-/* 194 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        var React = __webpack_require__(3);
-        
-        module.exports = function toArray(children) {
-          var ret = [];
-          React.Children.forEach(children, function each(c) {
-            ret.push(c);
-          });
-          return ret;
-        };
-
-/***/ },
-/* 195 */
-/***/ function(module, exports, __webpack_require__) {
-
-        'use strict';
-        
-        var React = __webpack_require__(3);
-        
-        function mirror(o) {
-          return o;
-        }
-        
-        module.exports = function mapSelf(children) {
-          // return ReactFragment
-          return React.Children.map(children, mirror);
-        };
-
-/***/ },
-/* 196 */
+/* 180 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+        var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
         
         var _react = __webpack_require__(3);
         
@@ -24975,35 +23662,44 @@
         
         var _reactDom2 = _interopRequireDefault(_reactDom);
         
-        var _rcAlign = __webpack_require__(197);
+        var _rcAlign = __webpack_require__(181);
         
         var _rcAlign2 = _interopRequireDefault(_rcAlign);
         
-        var _rcAnimate = __webpack_require__(208);
+        var _rcAnimate = __webpack_require__(192);
         
         var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
         
-        var _PopupInner = __webpack_require__(216);
+        var _PopupInner = __webpack_require__(201);
         
         var _PopupInner2 = _interopRequireDefault(_PopupInner);
         
-        var Popup = _react2['default'].createClass({
+        var _LazyRenderBox = __webpack_require__(202);
+        
+        var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
+        
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        var Popup = _react2["default"].createClass({
           displayName: 'Popup',
         
           propTypes: {
             visible: _react.PropTypes.bool,
-            wrap: _react.PropTypes.object,
             style: _react.PropTypes.object,
             getClassNameFromAlign: _react.PropTypes.func,
+            onAlign: _react.PropTypes.func,
+            getRootDomNode: _react.PropTypes.func,
             onMouseEnter: _react.PropTypes.func,
+            align: _react.PropTypes.any,
+            destroyPopupOnHide: _react.PropTypes.bool,
             className: _react.PropTypes.string,
+            prefixCls: _react.PropTypes.string,
             onMouseLeave: _react.PropTypes.func
           },
         
           componentDidMount: function componentDidMount() {
             this.rootNode = this.getPopupDomNode();
           },
-        
           onAlign: function onAlign(popupDomNode, align) {
             var props = this.props;
             var alignClassName = props.getClassNameFromAlign(props.align);
@@ -25012,16 +23708,23 @@
               this.currentAlignClassName = currentAlignClassName;
               popupDomNode.className = this.getClassName(currentAlignClassName);
             }
+            props.onAlign(popupDomNode, align);
           },
-        
           getPopupDomNode: function getPopupDomNode() {
-            return _reactDom2['default'].findDOMNode(this);
+            return _reactDom2["default"].findDOMNode(this.refs.popup);
           },
-        
           getTarget: function getTarget() {
-            return _reactDom2['default'].findDOMNode(this.props.wrap);
+            return this.props.getRootDomNode();
+          },
+          getMaskTransitionName: function getMaskTransitionName() {
+            var props = this.props;
+            var transitionName = props.maskTransitionName;
+            var animation = props.maskAnimation;
+            if (!transitionName && animation) {
+              transitionName = props.prefixCls + '-' + animation;
+            }
+            return transitionName;
           },
-        
           getTransitionName: function getTransitionName() {
             var props = this.props;
             var transitionName = props.transitionName;
@@ -25030,17 +23733,10 @@
             }
             return transitionName;
           },
-        
           getClassName: function getClassName(currentAlignClassName) {
-            var props = this.props;
-            var prefixCls = props.prefixCls;
-        
-            var className = prefixCls + ' ' + props.className + ' ';
-            className += currentAlignClassName;
-            return className;
+            return this.props.prefixCls + ' ' + this.props.className + ' ' + currentAlignClassName;
           },
-        
-          render: function render() {
+          getPopupElement: function getPopupElement() {
             var props = this.props;
             var align = props.align;
             var style = props.style;
@@ -25053,100 +23749,158 @@
             if (!visible) {
               this.currentAlignClassName = null;
             }
+            var newStyle = _extends({}, style, this.getZIndexStyle());
+            var popupInnerProps = {
+              className: className,
+              prefixCls: prefixCls,
+              ref: 'popup',
+              onMouseEnter: props.onMouseEnter,
+              onMouseLeave: props.onMouseLeave,
+              style: newStyle
+            };
             if (destroyPopupOnHide) {
-              return _react2['default'].createElement(
-                _rcAnimate2['default'],
-                { component: '',
+              return _react2["default"].createElement(
+                _rcAnimate2["default"],
+                {
+                  component: '',
                   exclusive: true,
                   transitionAppear: true,
-                  transitionName: this.getTransitionName() },
-                visible ? _react2['default'].createElement(
-                  _rcAlign2['default'],
-                  { target: this.getTarget,
+                  transitionName: this.getTransitionName()
+                },
+                visible ? _react2["default"].createElement(
+                  _rcAlign2["default"],
+                  {
+                    target: this.getTarget,
                     key: 'popup',
+                    ref: this.saveAlign,
                     monitorWindowResize: true,
                     align: align,
-                    onAlign: this.onAlign },
-                  _react2['default'].createElement(
-                    _PopupInner2['default'],
-                    { className: className,
-                      visible: true,
-                      onMouseEnter: props.onMouseEnter,
-                      onMouseLeave: props.onMouseLeave,
-                      style: style },
+                    onAlign: this.onAlign
+                  },
+                  _react2["default"].createElement(
+                    _PopupInner2["default"],
+                    _extends({
+                      visible: true
+                    }, popupInnerProps),
                     props.children
                   )
                 ) : null
               );
             }
-            return _react2['default'].createElement(
-              _rcAnimate2['default'],
-              { component: '',
+            return _react2["default"].createElement(
+              _rcAnimate2["default"],
+              {
+                component: '',
                 exclusive: true,
                 transitionAppear: true,
                 transitionName: this.getTransitionName(),
-                showProp: 'xVisible' },
-              _react2['default'].createElement(
-                _rcAlign2['default'],
-                { target: this.getTarget,
+                showProp: 'xVisible'
+              },
+              _react2["default"].createElement(
+                _rcAlign2["default"],
+                {
+                  target: this.getTarget,
                   key: 'popup',
+                  ref: this.saveAlign,
                   monitorWindowResize: true,
                   xVisible: visible,
-                  childrenProps: {
-                    visible: 'xVisible'
-                  },
+                  childrenProps: { visible: 'xVisible' },
                   disabled: !visible,
                   align: align,
-                  onAlign: this.onAlign },
-                _react2['default'].createElement(
-                  _PopupInner2['default'],
-                  { className: className,
-                    hiddenClassName: hiddenClassName,
-                    onMouseEnter: props.onMouseEnter,
-                    onMouseLeave: props.onMouseLeave,
-                    style: style },
+                  onAlign: this.onAlign
+                },
+                _react2["default"].createElement(
+                  _PopupInner2["default"],
+                  _extends({
+                    hiddenClassName: hiddenClassName
+                  }, popupInnerProps),
                   props.children
                 )
               )
             );
+          },
+          getZIndexStyle: function getZIndexStyle() {
+            var style = {};
+            var props = this.props;
+            if (props.zIndex !== undefined) {
+              style.zIndex = props.zIndex;
+            }
+            return style;
+          },
+          getMaskElement: function getMaskElement() {
+            var props = this.props;
+            var maskElement = void 0;
+            if (props.mask) {
+              var maskTransition = this.getMaskTransitionName();
+              maskElement = _react2["default"].createElement(_LazyRenderBox2["default"], {
+                style: this.getZIndexStyle(),
+                key: 'mask',
+                className: props.prefixCls + '-mask',
+                hiddenClassName: props.prefixCls + '-mask-hidden',
+                visible: props.visible
+              });
+              if (maskTransition) {
+                maskElement = _react2["default"].createElement(
+                  _rcAnimate2["default"],
+                  {
+                    key: 'mask',
+                    showProp: 'visible',
+                    transitionAppear: true,
+                    component: '',
+                    transitionName: maskTransition
+                  },
+                  maskElement
+                );
+              }
+            }
+            return maskElement;
+          },
+          saveAlign: function saveAlign(align) {
+            this.alignInstance = align;
+          },
+          render: function render() {
+            return _react2["default"].createElement(
+              'div',
+              null,
+              this.getMaskElement(),
+              this.getPopupElement()
+            );
           }
         });
         
-        exports['default'] = Popup;
+        exports["default"] = Popup;
         module.exports = exports['default'];
 
 /***/ },
-/* 197 */
+/* 181 */
 /***/ function(module, exports, __webpack_require__) {
 
-        // export this package's api
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
-        var _Align = __webpack_require__(198);
+        var _Align = __webpack_require__(182);
         
         var _Align2 = _interopRequireDefault(_Align);
         
-        exports['default'] = _Align2['default'];
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        exports["default"] = _Align2["default"]; // export this package's api
+        
         module.exports = exports['default'];
 
 /***/ },
-/* 198 */
+/* 182 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
         var _react = __webpack_require__(3);
         
         var _react2 = _interopRequireDefault(_react);
@@ -25155,18 +23909,22 @@
         
         var _reactDom2 = _interopRequireDefault(_reactDom);
         
-        var _domAlign = __webpack_require__(199);
+        var _domAlign = __webpack_require__(183);
         
         var _domAlign2 = _interopRequireDefault(_domAlign);
         
-        var _rcUtil = __webpack_require__(173);
+        var _addEventListener = __webpack_require__(175);
         
-        var _isWindow = __webpack_require__(207);
+        var _addEventListener2 = _interopRequireDefault(_addEventListener);
+        
+        var _isWindow = __webpack_require__(191);
         
         var _isWindow2 = _interopRequireDefault(_isWindow);
         
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
         function buffer(fn, ms) {
-          var timer = undefined;
+          var timer = void 0;
           return function bufferFn() {
             if (timer) {
               clearTimeout(timer);
@@ -25175,7 +23933,7 @@
           };
         }
         
-        var Align = _react2['default'].createClass({
+        var Align = _react2["default"].createClass({
           displayName: 'Align',
         
           propTypes: {
@@ -25195,37 +23953,31 @@
                 return window;
               },
               onAlign: function onAlign() {},
+        
               monitorBufferTime: 50,
               monitorWindowResize: false,
               disabled: false
             };
           },
-        
           componentDidMount: function componentDidMount() {
             var props = this.props;
             // if parent ref not attached .... use document.getElementById
-            if (!props.disabled) {
-              var source = _reactDom2['default'].findDOMNode(this);
-              props.onAlign(source, (0, _domAlign2['default'])(source, props.target(), props.align));
-              if (props.monitorWindowResize) {
-                this.startMonitorWindowResize();
-              }
+            this.forceAlign();
+            if (!props.disabled && props.monitorWindowResize) {
+              this.startMonitorWindowResize();
             }
           },
-        
           componentDidUpdate: function componentDidUpdate(prevProps) {
             var reAlign = false;
             var props = this.props;
-            var currentTarget = undefined;
         
             if (!props.disabled) {
               if (prevProps.disabled || prevProps.align !== props.align) {
                 reAlign = true;
-                currentTarget = props.target();
               } else {
                 var lastTarget = prevProps.target();
-                currentTarget = props.target();
-                if ((0, _isWindow2['default'])(lastTarget) && (0, _isWindow2['default'])(currentTarget)) {
+                var currentTarget = props.target();
+                if ((0, _isWindow2["default"])(lastTarget) && (0, _isWindow2["default"])(currentTarget)) {
                   reAlign = false;
                 } else if (lastTarget !== currentTarget) {
                   reAlign = true;
@@ -25234,8 +23986,7 @@
             }
         
             if (reAlign) {
-              var source = _reactDom2['default'].findDOMNode(this);
-              props.onAlign(source, (0, _domAlign2['default'])(source, currentTarget, props.align));
+              this.forceAlign();
             }
         
             if (props.monitorWindowResize && !props.disabled) {
@@ -25244,38 +23995,33 @@
               this.stopMonitorWindowResize();
             }
           },
-        
           componentWillUnmount: function componentWillUnmount() {
             this.stopMonitorWindowResize();
           },
-        
-          onWindowResize: function onWindowResize() {
-            var props = this.props;
-            if (!props.disabled) {
-              var source = _reactDom2['default'].findDOMNode(this);
-              props.onAlign(source, (0, _domAlign2['default'])(source, props.target(), props.align));
-            }
-          },
-        
           startMonitorWindowResize: function startMonitorWindowResize() {
             if (!this.resizeHandler) {
-              this.resizeHandler = _rcUtil.Dom.addEventListener(window, 'resize', buffer(this.onWindowResize, this.props.monitorBufferTime));
+              this.resizeHandler = (0, _addEventListener2["default"])(window, 'resize', buffer(this.forceAlign, this.props.monitorBufferTime));
             }
           },
-        
           stopMonitorWindowResize: function stopMonitorWindowResize() {
             if (this.resizeHandler) {
               this.resizeHandler.remove();
               this.resizeHandler = null;
             }
           },
-        
+          forceAlign: function forceAlign() {
+            var props = this.props;
+            if (!props.disabled) {
+              var source = _reactDom2["default"].findDOMNode(this);
+              props.onAlign(source, (0, _domAlign2["default"])(source, props.target(), props.align));
+            }
+          },
           render: function render() {
             var _props = this.props;
             var childrenProps = _props.childrenProps;
             var children = _props.children;
         
-            var child = _react2['default'].Children.only(children);
+            var child = _react2["default"].Children.only(children);
             if (childrenProps) {
               var newProps = {};
               for (var prop in childrenProps) {
@@ -25283,17 +24029,17 @@
                   newProps[prop] = this.props[childrenProps[prop]];
                 }
               }
-              return _react2['default'].cloneElement(child, newProps);
+              return _react2["default"].cloneElement(child, newProps);
             }
             return child;
           }
         });
         
-        exports['default'] = Align;
+        exports["default"] = Align;
         module.exports = exports['default'];
 
 /***/ },
-/* 199 */
+/* 183 */
 /***/ function(module, exports, __webpack_require__) {
 
         /**
@@ -25309,27 +24055,27 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _utils = __webpack_require__(200);
+        var _utils = __webpack_require__(184);
         
         var _utils2 = _interopRequireDefault(_utils);
         
-        var _getOffsetParent = __webpack_require__(201);
+        var _getOffsetParent = __webpack_require__(185);
         
         var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
         
-        var _getVisibleRectForElement = __webpack_require__(202);
+        var _getVisibleRectForElement = __webpack_require__(186);
         
         var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
         
-        var _adjustForViewport = __webpack_require__(203);
+        var _adjustForViewport = __webpack_require__(187);
         
         var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
         
-        var _getRegion = __webpack_require__(204);
+        var _getRegion = __webpack_require__(188);
         
         var _getRegion2 = _interopRequireDefault(_getRegion);
         
-        var _getElFuturePos = __webpack_require__(205);
+        var _getElFuturePos = __webpack_require__(189);
         
         var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
         
@@ -25343,6 +24089,14 @@
           return elFuturePos.top < visibleRect.top || elFuturePos.top + elRegion.height > visibleRect.bottom;
         }
         
+        function isCompleteFailX(elFuturePos, elRegion, visibleRect) {
+          return elFuturePos.left > visibleRect.right || elFuturePos.left + elRegion.width < visibleRect.left;
+        }
+        
+        function isCompleteFailY(elFuturePos, elRegion, visibleRect) {
+          return elFuturePos.top > visibleRect.bottom || elFuturePos.top + elRegion.height < visibleRect.top;
+        }
+        
         function flip(points, reg, map) {
           var ret = [];
           _utils2['default'].each(points, function (p) {
@@ -25405,30 +24159,42 @@
             if (overflow.adjustX) {
               // 如果横向不能放下
               if (isFailX(elFuturePos, elRegion, visibleRect)) {
-                fail = 1;
                 // 对齐位置反下
-                points = flip(points, /[lr]/ig, {
+                var newPoints = flip(points, /[lr]/ig, {
                   l: 'r',
                   r: 'l'
                 });
                 // 偏移量也反下
-                offset = flipOffset(offset, 0);
-                targetOffset = flipOffset(targetOffset, 0);
+                var newOffset = flipOffset(offset, 0);
+                var newTargetOffset = flipOffset(targetOffset, 0);
+                var newElFuturePos = (0, _getElFuturePos2['default'])(elRegion, refNodeRegion, newPoints, newOffset, newTargetOffset);
+                if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {
+                  fail = 1;
+                  points = newPoints;
+                  offset = newOffset;
+                  targetOffset = newTargetOffset;
+                }
               }
             }
         
             if (overflow.adjustY) {
               // 如果纵向不能放下
               if (isFailY(elFuturePos, elRegion, visibleRect)) {
-                fail = 1;
                 // 对齐位置反下
-                points = flip(points, /[tb]/ig, {
+                var newPoints = flip(points, /[tb]/ig, {
                   t: 'b',
                   b: 't'
                 });
                 // 偏移量也反下
-                offset = flipOffset(offset, 1);
-                targetOffset = flipOffset(targetOffset, 1);
+                var newOffset = flipOffset(offset, 1);
+                var newTargetOffset = flipOffset(targetOffset, 1);
+                var newElFuturePos = (0, _getElFuturePos2['default'])(elRegion, refNodeRegion, newPoints, newOffset, newTargetOffset);
+                if (!isCompleteFailY(newElFuturePos, elRegion, visibleRect)) {
+                  fail = 1;
+                  points = newPoints;
+                  offset = newOffset;
+                  targetOffset = newTargetOffset;
+                }
               }
             }
         
@@ -25496,7 +24262,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 200 */
+/* 184 */
 /***/ function(module, exports) {
 
         'use strict';
@@ -25994,7 +24760,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 201 */
+/* 185 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -26005,7 +24771,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _utils = __webpack_require__(200);
+        var _utils = __webpack_require__(184);
         
         var _utils2 = _interopRequireDefault(_utils);
         
@@ -26052,7 +24818,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 202 */
+/* 186 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -26063,11 +24829,11 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _utils = __webpack_require__(200);
+        var _utils = __webpack_require__(184);
         
         var _utils2 = _interopRequireDefault(_utils);
         
-        var _getOffsetParent = __webpack_require__(201);
+        var _getOffsetParent = __webpack_require__(185);
         
         var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
         
@@ -26133,7 +24899,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 203 */
+/* 187 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -26144,7 +24910,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _utils = __webpack_require__(200);
+        var _utils = __webpack_require__(184);
         
         var _utils2 = _interopRequireDefault(_utils);
         
@@ -26193,7 +24959,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 204 */
+/* 188 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -26204,7 +24970,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _utils = __webpack_require__(200);
+        var _utils = __webpack_require__(184);
         
         var _utils2 = _interopRequireDefault(_utils);
         
@@ -26234,7 +25000,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 205 */
+/* 189 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -26245,7 +25011,7 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _getAlignOffset = __webpack_require__(206);
+        var _getAlignOffset = __webpack_require__(190);
         
         var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
         
@@ -26275,7 +25041,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 206 */
+/* 190 */
 /***/ function(module, exports) {
 
         /**
@@ -26320,7 +25086,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 207 */
+/* 191 */
 /***/ function(module, exports) {
 
         "use strict";
@@ -26329,59 +25095,58 @@
           value: true
         });
         exports["default"] = isWindow;
-        
         function isWindow(obj) {
           /* eslint no-eq-null: 0 */
           /* eslint eqeqeq: 0 */
           return obj != null && obj == obj.window;
         }
-        
-        module.exports = exports["default"];
+        module.exports = exports['default'];
 
 /***/ },
-/* 208 */
+/* 192 */
 /***/ function(module, exports, __webpack_require__) {
 
-        // export this package's api
         'use strict';
         
-        module.exports = __webpack_require__(209);
+        // export this package's api
+        module.exports = __webpack_require__(193);
 
 /***/ },
-/* 209 */
+/* 193 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
-        function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-        
         var _react = __webpack_require__(3);
         
         var _react2 = _interopRequireDefault(_react);
         
-        var _ChildrenUtils = __webpack_require__(210);
+        var _ChildrenUtils = __webpack_require__(194);
         
-        var _AnimateChild = __webpack_require__(211);
+        var _AnimateChild = __webpack_require__(195);
         
         var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
         
-        var _util = __webpack_require__(215);
+        var _util = __webpack_require__(200);
         
         var _util2 = _interopRequireDefault(_util);
         
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+        
         var defaultKey = 'rc_animate_' + Date.now();
         
+        
         function getChildrenFromProps(props) {
           var children = props.children;
-          if (_react2['default'].isValidElement(children)) {
+          if (_react2["default"].isValidElement(children)) {
             if (!children.key) {
-              return _react2['default'].cloneElement(children, {
+              return _react2["default"].cloneElement(children, {
                 key: defaultKey
               });
             }
@@ -26391,22 +25156,22 @@
         
         function noop() {}
         
-        var Animate = _react2['default'].createClass({
+        var Animate = _react2["default"].createClass({
           displayName: 'Animate',
         
           propTypes: {
-            component: _react2['default'].PropTypes.any,
-            animation: _react2['default'].PropTypes.object,
-            transitionName: _react2['default'].PropTypes.string,
-            transitionEnter: _react2['default'].PropTypes.bool,
-            transitionAppear: _react2['default'].PropTypes.bool,
-            exclusive: _react2['default'].PropTypes.bool,
-            transitionLeave: _react2['default'].PropTypes.bool,
-            onEnd: _react2['default'].PropTypes.func,
-            onEnter: _react2['default'].PropTypes.func,
-            onLeave: _react2['default'].PropTypes.func,
-            onAppear: _react2['default'].PropTypes.func,
-            showProp: _react2['default'].PropTypes.string
+            component: _react2["default"].PropTypes.any,
+            animation: _react2["default"].PropTypes.object,
+            transitionName: _react2["default"].PropTypes.string,
+            transitionEnter: _react2["default"].PropTypes.bool,
+            transitionAppear: _react2["default"].PropTypes.bool,
+            exclusive: _react2["default"].PropTypes.bool,
+            transitionLeave: _react2["default"].PropTypes.bool,
+            onEnd: _react2["default"].PropTypes.func,
+            onEnter: _react2["default"].PropTypes.func,
+            onLeave: _react2["default"].PropTypes.func,
+            onAppear: _react2["default"].PropTypes.func,
+            showProp: _react2["default"].PropTypes.string
           },
         
           getDefaultProps: function getDefaultProps() {
@@ -26422,7 +25187,6 @@
               onAppear: noop
             };
           },
-        
           getInitialState: function getInitialState() {
             this.currentlyAnimatingKeys = {};
             this.keysToEnter = [];
@@ -26431,7 +25195,6 @@
               children: (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(this.props))
             };
           },
-        
           componentDidMount: function componentDidMount() {
             var _this = this;
         
@@ -26446,25 +25209,30 @@
               _this.performAppear(child.key);
             });
           },
-        
           componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
             var _this2 = this;
         
+            this.nextProps = nextProps;
             var nextChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(nextProps));
             var props = this.props;
+            // exclusive needs immediate response
+            if (props.exclusive) {
+              Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
+                _this2.stop(key);
+              });
+            }
             var showProp = props.showProp;
             var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
             // last props children if exclusive
-            // exclusive needs immediate response
-            var currentChildren = this.state.children;
+            var currentChildren = props.exclusive ? (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props)) : this.state.children;
             // in case destroy in showProp mode
             var newChildren = [];
             if (showProp) {
               currentChildren.forEach(function (currentChild) {
                 var nextChild = (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, currentChild.key);
-                var newChild = undefined;
+                var newChild = void 0;
                 if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
-                  newChild = _react2['default'].cloneElement(nextChild || currentChild, _defineProperty({}, showProp, true));
+                  newChild = _react2["default"].cloneElement(nextChild || currentChild, _defineProperty({}, showProp, true));
                 } else {
                   newChild = nextChild;
                 }
@@ -26528,26 +25296,14 @@
               }
             });
           },
-        
-          componentDidUpdate: function componentDidUpdate(prevProps) {
-            var _this3 = this;
-        
-            // exclusive needs immediate response
-            if (this.props.exclusive && this.props !== prevProps) {
-              Object.keys(this.currentlyAnimatingKeys).forEach(function (key) {
-                _this3.stop(key);
-              });
-            }
-            if (this.isMounted()) {
-              var keysToEnter = this.keysToEnter;
-              this.keysToEnter = [];
-              keysToEnter.forEach(this.performEnter);
-              var keysToLeave = this.keysToLeave;
-              this.keysToLeave = [];
-              keysToLeave.forEach(this.performLeave);
-            }
+          componentDidUpdate: function componentDidUpdate() {
+            var keysToEnter = this.keysToEnter;
+            this.keysToEnter = [];
+            keysToEnter.forEach(this.performEnter);
+            var keysToLeave = this.keysToLeave;
+            this.keysToLeave = [];
+            keysToLeave.forEach(this.performLeave);
           },
-        
           performEnter: function performEnter(key) {
             // may already remove by exclusive
             if (this.refs[key]) {
@@ -26555,36 +25311,37 @@
               this.refs[key].componentWillEnter(this.handleDoneAdding.bind(this, key, 'enter'));
             }
           },
-        
           performAppear: function performAppear(key) {
             if (this.refs[key]) {
               this.currentlyAnimatingKeys[key] = true;
               this.refs[key].componentWillAppear(this.handleDoneAdding.bind(this, key, 'appear'));
             }
           },
-        
           handleDoneAdding: function handleDoneAdding(key, type) {
             var props = this.props;
             delete this.currentlyAnimatingKeys[key];
+            // if update on exclusive mode, skip check
+            if (props.exclusive && props !== this.nextProps) {
+              return;
+            }
             var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
             if (!this.isValidChildByKey(currentChildren, key)) {
               // exclusive will not need this
               this.performLeave(key);
             } else {
               if (type === 'appear') {
-                if (_util2['default'].allowAppearCallback(props)) {
+                if (_util2["default"].allowAppearCallback(props)) {
                   props.onAppear(key);
                   props.onEnd(key, true);
                 }
               } else {
-                if (_util2['default'].allowEnterCallback(props)) {
+                if (_util2["default"].allowEnterCallback(props)) {
                   props.onEnter(key);
                   props.onEnd(key, true);
                 }
               }
             }
           },
-        
           performLeave: function performLeave(key) {
             // may already remove by exclusive
             if (this.refs[key]) {
@@ -26592,27 +25349,30 @@
               this.refs[key].componentWillLeave(this.handleDoneLeaving.bind(this, key));
             }
           },
-        
           handleDoneLeaving: function handleDoneLeaving(key) {
             var props = this.props;
             delete this.currentlyAnimatingKeys[key];
+            // if update on exclusive mode, skip check
+            if (props.exclusive && props !== this.nextProps) {
+              return;
+            }
             var currentChildren = (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(props));
             // in case state change is too fast
             if (this.isValidChildByKey(currentChildren, key)) {
               this.performEnter(key);
             } else {
-              if (_util2['default'].allowLeaveCallback(props)) {
-                props.onLeave(key);
-                props.onEnd(key, false);
-              }
+              /* eslint react/no-is-mounted:0 */
               if (this.isMounted() && !(0, _ChildrenUtils.isSameChildren)(this.state.children, currentChildren, props.showProp)) {
                 this.setState({
                   children: currentChildren
                 });
               }
+              if (_util2["default"].allowLeaveCallback(props)) {
+                props.onLeave(key);
+                props.onEnd(key, false);
+              }
             }
           },
-        
           isValidChildByKey: function isValidChildByKey(currentChildren, key) {
             var showProp = this.props.showProp;
             if (showProp) {
@@ -26620,7 +25380,6 @@
             }
             return (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
           },
-        
           stop: function stop(key) {
             delete this.currentlyAnimatingKeys[key];
             var component = this.refs[key];
@@ -26628,18 +25387,21 @@
               component.stop();
             }
           },
-        
           render: function render() {
             var props = this.props;
+            this.nextProps = props;
             var stateChildren = this.state.children;
             var children = null;
             if (stateChildren) {
               children = stateChildren.map(function (child) {
+                if (child === null) {
+                  return child;
+                }
                 if (!child.key) {
                   throw new Error('must set key for <rc-animate> children');
                 }
-                return _react2['default'].createElement(
-                  _AnimateChild2['default'],
+                return _react2["default"].createElement(
+                  _AnimateChild2["default"],
                   {
                     key: child.key,
                     ref: child.key,
@@ -26647,14 +25409,15 @@
                     transitionName: props.transitionName,
                     transitionEnter: props.transitionEnter,
                     transitionAppear: props.transitionAppear,
-                    transitionLeave: props.transitionLeave },
+                    transitionLeave: props.transitionLeave
+                  },
                   child
                 );
               });
             }
             var Component = props.component;
             if (Component) {
-              return _react2['default'].createElement(
+              return _react2["default"].createElement(
                 Component,
                 this.props,
                 children
@@ -26664,16 +25427,16 @@
           }
         });
         
-        exports['default'] = Animate;
+        exports["default"] = Animate;
         module.exports = exports['default'];
 
 /***/ },
-/* 210 */
+/* 194 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         exports.toArrayChildren = toArrayChildren;
@@ -26683,15 +25446,15 @@
         exports.isSameChildren = isSameChildren;
         exports.mergeChildren = mergeChildren;
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
         var _react = __webpack_require__(3);
         
         var _react2 = _interopRequireDefault(_react);
         
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
         function toArrayChildren(children) {
           var ret = [];
-          _react2['default'].Children.forEach(children, function (child) {
+          _react2["default"].Children.forEach(children, function (child) {
             ret.push(child);
           });
           return ret;
@@ -26786,17 +25549,15 @@
         }
 
 /***/ },
-/* 211 */
+/* 195 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
         var _react = __webpack_require__(3);
         
         var _react2 = _interopRequireDefault(_react);
@@ -26805,59 +25566,60 @@
         
         var _reactDom2 = _interopRequireDefault(_reactDom);
         
-        var _cssAnimation = __webpack_require__(212);
+        var _cssAnimation = __webpack_require__(196);
         
         var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
         
-        var _util = __webpack_require__(215);
+        var _util = __webpack_require__(200);
         
         var _util2 = _interopRequireDefault(_util);
         
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
         var transitionMap = {
           enter: 'transitionEnter',
           appear: 'transitionAppear',
           leave: 'transitionLeave'
         };
         
-        var AnimateChild = _react2['default'].createClass({
+        var AnimateChild = _react2["default"].createClass({
           displayName: 'AnimateChild',
         
           propTypes: {
-            children: _react2['default'].PropTypes.any
+            children: _react2["default"].PropTypes.any
           },
         
           componentWillUnmount: function componentWillUnmount() {
             this.stop();
           },
-        
           componentWillEnter: function componentWillEnter(done) {
-            if (_util2['default'].isEnterSupported(this.props)) {
+            if (_util2["default"].isEnterSupported(this.props)) {
               this.transition('enter', done);
             } else {
-              done();
+              setTimeout(done, 0);
             }
           },
-        
           componentWillAppear: function componentWillAppear(done) {
-            if (_util2['default'].isAppearSupported(this.props)) {
+            if (_util2["default"].isAppearSupported(this.props)) {
               this.transition('appear', done);
             } else {
-              done();
+              setTimeout(done, 0);
             }
           },
-        
           componentWillLeave: function componentWillLeave(done) {
-            if (_util2['default'].isLeaveSupported(this.props)) {
+            if (_util2["default"].isLeaveSupported(this.props)) {
               this.transition('leave', done);
             } else {
-              done();
+              // always sync, do not interupt with react component life cycle
+              // update hidden -> animate hidden ->
+              // didUpdate -> animate leave -> unmount (if animate is none)
+              setTimeout(done, 0);
             }
           },
-        
           transition: function transition(animationType, finishCallback) {
             var _this = this;
         
-            var node = _reactDom2['default'].findDOMNode(this);
+            var node = _reactDom2["default"].findDOMNode(this);
             var props = this.props;
             var transitionName = props.transitionName;
             this.stop();
@@ -26866,12 +25628,11 @@
               finishCallback();
             };
             if ((_cssAnimation.isCssAnimationSupported || !props.animation[animationType]) && transitionName && props[transitionMap[animationType]]) {
-              this.stopper = (0, _cssAnimation2['default'])(node, transitionName + '-' + animationType, end);
+              this.stopper = (0, _cssAnimation2["default"])(node, transitionName + '-' + animationType, end);
             } else {
               this.stopper = props.animation[animationType](node, end);
             }
           },
-        
           stop: function stop() {
             var stopper = this.stopper;
             if (stopper) {
@@ -26879,28 +25640,45 @@
               stopper.stop();
             }
           },
-        
           render: function render() {
             return this.props.children;
           }
         });
         
-        exports['default'] = AnimateChild;
+        exports["default"] = AnimateChild;
         module.exports = exports['default'];
 
 /***/ },
-/* 212 */
+/* 196 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        var Event = __webpack_require__(213);
-        var Css = __webpack_require__(214);
-        var isCssAnimationSupported = Event.endEvents.length !== 0;
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+        
+        var _Event = __webpack_require__(197);
+        
+        var _Event2 = _interopRequireDefault(_Event);
+        
+        var _componentClasses = __webpack_require__(198);
+        
+        var _componentClasses2 = _interopRequireDefault(_componentClasses);
+        
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        var isCssAnimationSupported = _Event2["default"].endEvents.length !== 0;
+        
+        
+        var capitalPrefixes = ['Webkit', 'Moz', 'O',
+        // ms is special .... !
+        'ms'];
+        var prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
         
         function getDuration(node, name) {
           var style = window.getComputedStyle(node);
-          var prefixes = ['-webkit-', '-moz-', '-o-', 'ms-', ''];
+        
           var ret = '';
           for (var i = 0; i < prefixes.length; i++) {
             ret = style.getPropertyValue(prefixes[i] + name);
@@ -26933,9 +25711,19 @@
           }
         }
         
-        var cssAnimation = function cssAnimation(node, transitionName, callback) {
+        var cssAnimation = function cssAnimation(node, transitionName, endCallback) {
           var className = transitionName;
           var activeClassName = className + '-active';
+          var end = endCallback;
+          var start = void 0;
+          var active = void 0;
+          var nodeClasses = (0, _componentClasses2["default"])(node);
+        
+          if (endCallback && Object.prototype.toString.call(endCallback) === '[object Object]') {
+            end = endCallback.end;
+            start = endCallback.start;
+            active = endCallback.active;
+          }
         
           if (node.rcEndListener) {
             node.rcEndListener();
@@ -26953,28 +25741,35 @@
         
             clearBrowserBugTimeout(node);
         
-            Css.removeClass(node, className);
-            Css.removeClass(node, activeClassName);
+            nodeClasses.remove(className);
+            nodeClasses.remove(activeClassName);
         
-            Event.removeEndEventListener(node, node.rcEndListener);
+            _Event2["default"].removeEndEventListener(node, node.rcEndListener);
             node.rcEndListener = null;
         
-            // Usually this optional callback is used for informing an owner of
+            // Usually this optional end is used for informing an owner of
             // a leave animation and telling it to remove the child.
-            if (callback) {
-              callback();
+            if (end) {
+              end();
             }
           };
         
-          Event.addEndEventListener(node, node.rcEndListener);
+          _Event2["default"].addEndEventListener(node, node.rcEndListener);
         
-          Css.addClass(node, className);
+          if (start) {
+            start();
+          }
+          nodeClasses.add(className);
         
           node.rcAnimTimeout = setTimeout(function () {
             node.rcAnimTimeout = null;
-            Css.addClass(node, activeClassName);
+            nodeClasses.add(activeClassName);
+            if (active) {
+              setTimeout(active, 0);
+            }
             fixBrowserByTimeout(node);
-          }, 0);
+            // 30ms for firefox
+          }, 30);
         
           return {
             stop: function stop() {
@@ -27002,7 +25797,7 @@
         
             clearBrowserBugTimeout(node);
         
-            Event.removeEndEventListener(node, node.rcEndListener);
+            _Event2["default"].removeEndEventListener(node, node.rcEndListener);
             node.rcEndListener = null;
         
             // Usually this optional callback is used for informing an owner of
@@ -27012,7 +25807,7 @@
             }
           };
         
-          Event.addEndEventListener(node, node.rcEndListener);
+          _Event2["default"].addEndEventListener(node, node.rcEndListener);
         
           node.rcAnimTimeout = setTimeout(function () {
             for (var s in style) {
@@ -27033,25 +25828,25 @@
             property = '';
           }
           property = property || '';
-          ['Webkit', 'Moz', 'O',
-          // ms is special .... !
-          'ms'].forEach(function (prefix) {
+          capitalPrefixes.forEach(function (prefix) {
             node.style[prefix + 'Transition' + property] = v;
           });
         };
         
-        cssAnimation.addClass = Css.addClass;
-        cssAnimation.removeClass = Css.removeClass;
         cssAnimation.isCssAnimationSupported = isCssAnimationSupported;
         
-        module.exports = cssAnimation;
+        exports["default"] = cssAnimation;
+        module.exports = exports['default'];
 
 /***/ },
-/* 213 */
+/* 197 */
 /***/ function(module, exports) {
 
         'use strict';
         
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
         var EVENT_NAME_MAP = {
           transitionend: {
             transition: 'transitionend',
@@ -27097,7 +25892,7 @@
           }
         }
         
-        if (typeof window !== 'undefined') {
+        if (typeof window !== 'undefined' && typeof document !== 'undefined') {
           detectEvents();
         }
         
@@ -27120,6 +25915,7 @@
             });
           },
         
+        
           endEvents: endEvents,
         
           removeEndEventListener: function removeEndEventListener(node, eventListener) {
@@ -27132,41 +25928,220 @@
           }
         };
         
-        module.exports = TransitionEvents;
+        exports["default"] = TransitionEvents;
+        module.exports = exports['default'];
 
 /***/ },
-/* 214 */
-/***/ function(module, exports) {
+/* 198 */
+/***/ function(module, exports, __webpack_require__) {
 
-        'use strict';
+        /**
+         * Module dependencies.
+         */
+        
+        try {
+          var index = __webpack_require__(199);
+        } catch (err) {
+          var index = __webpack_require__(199);
+        }
+        
+        /**
+         * Whitespace regexp.
+         */
         
-        var SPACE = ' ';
-        var RE_CLASS = /[\n\t\r]/g;
+        var re = /\s+/;
         
-        function norm(elemClass) {
-          return (SPACE + elemClass + SPACE).replace(RE_CLASS, SPACE);
+        /**
+         * toString reference.
+         */
+        
+        var toString = Object.prototype.toString;
+        
+        /**
+         * Wrap `el` in a `ClassList`.
+         *
+         * @param {Element} el
+         * @return {ClassList}
+         * @api public
+         */
+        
+        module.exports = function(el){
+          return new ClassList(el);
+        };
+        
+        /**
+         * Initialize a new ClassList for `el`.
+         *
+         * @param {Element} el
+         * @api private
+         */
+        
+        function ClassList(el) {
+          if (!el || !el.nodeType) {
+            throw new Error('A DOM element reference is required');
+          }
+          this.el = el;
+          this.list = el.classList;
         }
         
-        module.exports = {
-          addClass: function addClass(elem, className) {
-            elem.className += ' ' + className;
-          },
+        /**
+         * Add class `name` if not already present.
+         *
+         * @param {String} name
+         * @return {ClassList}
+         * @api public
+         */
+        
+        ClassList.prototype.add = function(name){
+          // classList
+          if (this.list) {
+            this.list.add(name);
+            return this;
+          }
+        
+          // fallback
+          var arr = this.array();
+          var i = index(arr, name);
+          if (!~i) arr.push(name);
+          this.el.className = arr.join(' ');
+          return this;
+        };
+        
+        /**
+         * Remove class `name` when present, or
+         * pass a regular expression to remove
+         * any which match.
+         *
+         * @param {String|RegExp} name
+         * @return {ClassList}
+         * @api public
+         */
+        
+        ClassList.prototype.remove = function(name){
+          if ('[object RegExp]' == toString.call(name)) {
+            return this.removeMatching(name);
+          }
+        
+          // classList
+          if (this.list) {
+            this.list.remove(name);
+            return this;
+          }
+        
+          // fallback
+          var arr = this.array();
+          var i = index(arr, name);
+          if (~i) arr.splice(i, 1);
+          this.el.className = arr.join(' ');
+          return this;
+        };
+        
+        /**
+         * Remove all classes matching `re`.
+         *
+         * @param {RegExp} re
+         * @return {ClassList}
+         * @api private
+         */
+        
+        ClassList.prototype.removeMatching = function(re){
+          var arr = this.array();
+          for (var i = 0; i < arr.length; i++) {
+            if (re.test(arr[i])) {
+              this.remove(arr[i]);
+            }
+          }
+          return this;
+        };
+        
+        /**
+         * Toggle class `name`, can force state via `force`.
+         *
+         * For browsers that support classList, but do not support `force` yet,
+         * the mistake will be detected and corrected.
+         *
+         * @param {String} name
+         * @param {Boolean} force
+         * @return {ClassList}
+         * @api public
+         */
         
-          removeClass: function removeClass(elem, n) {
-            var elemClass = elem.className.trim();
-            var className = norm(elemClass);
-            var needle = n.trim();
-            needle = SPACE + needle + SPACE;
-            // 一个 cls 有可能多次出现：'link link2 link link3 link'
-            while (className.indexOf(needle) >= 0) {
-              className = className.replace(needle, SPACE);
+        ClassList.prototype.toggle = function(name, force){
+          // classList
+          if (this.list) {
+            if ("undefined" !== typeof force) {
+              if (force !== this.list.toggle(name, force)) {
+                this.list.toggle(name); // toggle again to correct
+              }
+            } else {
+              this.list.toggle(name);
             }
-            elem.className = className.trim();
+            return this;
+          }
+        
+          // fallback
+          if ("undefined" !== typeof force) {
+            if (!force) {
+              this.remove(name);
+            } else {
+              this.add(name);
+            }
+          } else {
+            if (this.has(name)) {
+              this.remove(name);
+            } else {
+              this.add(name);
+            }
+          }
+        
+          return this;
+        };
+        
+        /**
+         * Return an array of classes.
+         *
+         * @return {Array}
+         * @api public
+         */
+        
+        ClassList.prototype.array = function(){
+          var className = this.el.getAttribute('class') || '';
+          var str = className.replace(/^\s+|\s+$/g, '');
+          var arr = str.split(re);
+          if ('' === arr[0]) arr.shift();
+          return arr;
+        };
+        
+        /**
+         * Check if class `name` is present.
+         *
+         * @param {String} name
+         * @return {ClassList}
+         * @api public
+         */
+        
+        ClassList.prototype.has =
+        ClassList.prototype.contains = function(name){
+          return this.list
+            ? this.list.contains(name)
+            : !! ~index(this.array(), name);
+        };
+
+
+/***/ },
+/* 199 */
+/***/ function(module, exports) {
+
+        module.exports = function(arr, obj){
+          if (arr.indexOf) return arr.indexOf(obj);
+          for (var i = 0; i < arr.length; ++i) {
+            if (arr[i] === obj) return i;
           }
+          return -1;
         };
 
 /***/ },
-/* 215 */
+/* 200 */
 /***/ function(module, exports) {
 
         "use strict";
@@ -27184,7 +26159,6 @@
           isLeaveSupported: function isLeaveSupported(props) {
             return props.transitionName && props.transitionLeave || props.animation.leave;
           },
-        
           allowAppearCallback: function allowAppearCallback(props) {
             return props.transitionAppear || props.animation.appear;
           },
@@ -27196,30 +26170,35 @@
           }
         };
         exports["default"] = util;
-        module.exports = exports["default"];
+        module.exports = exports['default'];
 
 /***/ },
-/* 216 */
+/* 201 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-        
         var _react = __webpack_require__(3);
         
         var _react2 = _interopRequireDefault(_react);
         
-        var PopupInner = _react2['default'].createClass({
+        var _LazyRenderBox = __webpack_require__(202);
+        
+        var _LazyRenderBox2 = _interopRequireDefault(_LazyRenderBox);
+        
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        var PopupInner = _react2["default"].createClass({
           displayName: 'PopupInner',
         
           propTypes: {
             hiddenClassName: _react.PropTypes.string,
             className: _react.PropTypes.string,
+            prefixCls: _react.PropTypes.string,
             onMouseEnter: _react.PropTypes.func,
             onMouseLeave: _react.PropTypes.func,
             children: _react.PropTypes.any
@@ -27230,45 +26209,95 @@
             if (!props.visible) {
               className += ' ' + props.hiddenClassName;
             }
-            return _react2['default'].createElement(
+            return _react2["default"].createElement(
               'div',
-              { className: className,
+              {
+                className: className,
                 onMouseEnter: props.onMouseEnter,
                 onMouseLeave: props.onMouseLeave,
-                style: props.style },
-              props.children
+                style: props.style
+              },
+              _react2["default"].createElement(
+                _LazyRenderBox2["default"],
+                { className: props.prefixCls + '-content', visible: props.visible },
+                props.children
+              )
             );
           }
         });
         
-        exports['default'] = PopupInner;
+        exports["default"] = PopupInner;
         module.exports = exports['default'];
 
 /***/ },
-/* 217 */
+/* 202 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
         
-        Object.defineProperty(exports, '__esModule', {
+        Object.defineProperty(exports, "__esModule", {
           value: true
         });
-        exports.getAlignFromPlacement = getAlignFromPlacement;
-        exports.getPopupClassNameFromAlign = getPopupClassNameFromAlign;
         
-        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+        var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
         
-        var _objectAssign = __webpack_require__(192);
+        var _react = __webpack_require__(3);
         
-        var _objectAssign2 = _interopRequireDefault(_objectAssign);
+        var _react2 = _interopRequireDefault(_react);
         
+        function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+        
+        var LazyRenderBox = _react2["default"].createClass({
+          displayName: 'LazyRenderBox',
+        
+          propTypes: {
+            children: _react.PropTypes.any,
+            className: _react.PropTypes.string,
+            visible: _react.PropTypes.bool,
+            hiddenClassName: _react.PropTypes.string
+          },
+          shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
+            return nextProps.hiddenClassName || nextProps.visible;
+          },
+          render: function render() {
+            if (this.props.hiddenClassName) {
+              var className = this.props.className;
+              if (!this.props.visible) {
+                className += ' ' + this.props.hiddenClassName;
+              }
+              return _react2["default"].createElement('div', _extends({}, this.props, { className: className }));
+            }
+            if (_react2["default"].Children.count(this.props.children) > 1) {
+              return _react2["default"].createElement('div', this.props);
+            }
+            return _react2["default"].Children.only(this.props.children);
+          }
+        });
+        
+        exports["default"] = LazyRenderBox;
+        module.exports = exports['default'];
+
+/***/ },
+/* 203 */
+/***/ function(module, exports) {
+
+        'use strict';
+        
+        Object.defineProperty(exports, "__esModule", {
+          value: true
+        });
+        
+        var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+        
+        exports.getAlignFromPlacement = getAlignFromPlacement;
+        exports.getPopupClassNameFromAlign = getPopupClassNameFromAlign;
         function isPointsEq(a1, a2) {
           return a1[0] === a2[0] && a1[1] === a2[1];
         }
         
         function getAlignFromPlacement(builtinPlacements, placementStr, align) {
           var baseAlign = builtinPlacements[placementStr] || {};
-          return (0, _objectAssign2['default'])({}, baseAlign, align);
+          return _extends({}, baseAlign, align);
         }
         
         function getPopupClassNameFromAlign(builtinPlacements, prefixCls, align) {
@@ -27284,7 +26313,7 @@
         }
 
 /***/ },
-/* 218 */
+/* 204 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27299,15 +26328,15 @@
         
         var _react2 = _interopRequireDefault(_react);
         
-        var _mixinCommonMixin = __webpack_require__(219);
+        var _mixinCommonMixin = __webpack_require__(205);
         
         var _mixinCommonMixin2 = _interopRequireDefault(_mixinCommonMixin);
         
-        var _Header = __webpack_require__(221);
+        var _Header = __webpack_require__(207);
         
         var _Header2 = _interopRequireDefault(_Header);
         
-        var _Combobox = __webpack_require__(223);
+        var _Combobox = __webpack_require__(209);
         
         var _Combobox2 = _interopRequireDefault(_Combobox);
         
@@ -27452,7 +26481,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 219 */
+/* 205 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27465,7 +26494,7 @@
         
         var _react = __webpack_require__(3);
         
-        var _localeEn_US = __webpack_require__(220);
+        var _localeEn_US = __webpack_require__(206);
         
         var _localeEn_US2 = _interopRequireDefault(_localeEn_US);
         
@@ -27485,7 +26514,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 220 */
+/* 206 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27512,7 +26541,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 221 */
+/* 207 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27527,7 +26556,7 @@
         
         var _react2 = _interopRequireDefault(_react);
         
-        var _utilSelection = __webpack_require__(222);
+        var _utilSelection = __webpack_require__(208);
         
         var _utilSelection2 = _interopRequireDefault(_utilSelection);
         
@@ -27709,7 +26738,7 @@
           },
         
           selectRange: function selectRange() {
-            this.refs.input.focus();
+            this.refs.input.select();
             if (this.props.currentSelectPanel && this.refs.input.value) {
               var selectionRangeStart = 0;
               var selectionRangeEnd = 0;
@@ -27745,7 +26774,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 222 */
+/* 208 */
 /***/ function(module, exports) {
 
         'use strict';
@@ -27776,7 +26805,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 223 */
+/* 209 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27791,7 +26820,7 @@
         
         var _react2 = _interopRequireDefault(_react);
         
-        var _Select = __webpack_require__(224);
+        var _Select = __webpack_require__(210);
         
         var _Select2 = _interopRequireDefault(_Select);
         
@@ -27957,7 +26986,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 224 */
+/* 210 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -27978,7 +27007,7 @@
         
         var _reactDom2 = _interopRequireDefault(_reactDom);
         
-        var _classnames2 = __webpack_require__(177);
+        var _classnames2 = __webpack_require__(211);
         
         var _classnames3 = _interopRequireDefault(_classnames2);
         
@@ -28095,7 +27124,61 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 225 */
+/* 211 */
+/***/ function(module, exports, __webpack_require__) {
+
+        var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+          Copyright (c) 2016 Jed Watson.
+          Licensed under the MIT License (MIT), see
+          http://jedwatson.github.io/classnames
+        */
+        /* global define */
+        
+        (function () {
+                'use strict';
+        
+                var hasOwn = {}.hasOwnProperty;
+        
+                function classNames () {
+                        var classes = [];
+        
+                        for (var i = 0; i < arguments.length; i++) {
+                                var arg = arguments[i];
+                                if (!arg) continue;
+        
+                                var argType = typeof arg;
+        
+                                if (argType === 'string' || argType === 'number') {
+                                        classes.push(arg);
+                                } else if (Array.isArray(arg)) {
+                                        classes.push(classNames.apply(null, arg));
+                                } else if (argType === 'object') {
+                                        for (var key in arg) {
+                                                if (hasOwn.call(arg, key) && arg[key]) {
+                                                        classes.push(key);
+                                                }
+                                        }
+                                }
+                        }
+        
+                        return classes.join(' ');
+                }
+        
+                if (typeof module !== 'undefined' && module.exports) {
+                        module.exports = classNames;
+                } else if (true) {
+                        // register as 'classnames', consistent with npm package name
+                        !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
+                                return classNames;
+                        }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+                } else {
+                        window.classNames = classNames;
+                }
+        }());
+
+
+/***/ },
+/* 212 */
 /***/ function(module, exports) {
 
         'use strict';
@@ -28141,7 +27224,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 226 */
+/* 213 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -28165,7 +27248,7 @@
         }
 
 /***/ },
-/* 227 */
+/* 214 */
 /***/ function(module, exports, __webpack_require__) {
 
         'use strict';
@@ -28176,11 +27259,11 @@
         
         function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
         
-        var _gregorianCalendarFormatLibLocaleZh_CN = __webpack_require__(228);
+        var _gregorianCalendarFormatLibLocaleZh_CN = __webpack_require__(215);
         
         var _gregorianCalendarFormatLibLocaleZh_CN2 = _interopRequireDefault(_gregorianCalendarFormatLibLocaleZh_CN);
         
-        var _gregorianCalendarLibLocaleZh_CN = __webpack_require__(229);
+        var _gregorianCalendarLibLocaleZh_CN = __webpack_require__(216);
         
         var _gregorianCalendarLibLocaleZh_CN2 = _interopRequireDefault(_gregorianCalendarLibLocaleZh_CN);
         
@@ -28192,7 +27275,7 @@
         module.exports = exports['default'];
 
 /***/ },
-/* 228 */
+/* 215 */
 /***/ function(module, exports) {
 
         'use strict';
@@ -28211,7 +27294,7 @@
         };
 
 /***/ },
-/* 229 */
+/* 216 */
 /***/ function(module, exports) {
 
         /*