UNPKG

bee-viewer/dist/demo.js

Version:
332 kBJavaScriptView Raw
1/******/ (function(modules) { // webpackBootstrap
2/******/ 	// The module cache
3/******/ 	var installedModules = {};
4/******/
5/******/ 	// The require function
6/******/ 	function __webpack_require__(moduleId) {
7/******/
8/******/ 		// Check if module is in cache
9/******/ 		if(installedModules[moduleId])
10/******/ 			return installedModules[moduleId].exports;
11/******/
12/******/ 		// Create a new module (and put it into the cache)
13/******/ 		var module = installedModules[moduleId] = {
14/******/ 			exports: {},
15/******/ 			id: moduleId,
16/******/ 			loaded: false
17/******/ 		};
18/******/
19/******/ 		// Execute the module function
20/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21/******/
22/******/ 		// Flag the module as loaded
23/******/ 		module.loaded = true;
24/******/
25/******/ 		// Return the exports of the module
26/******/ 		return module.exports;
27/******/ 	}
28/******/
29/******/
30/******/ 	// expose the modules object (__webpack_modules__)
31/******/ 	__webpack_require__.m = modules;
32/******/
33/******/ 	// expose the module cache
34/******/ 	__webpack_require__.c = installedModules;
35/******/
36/******/ 	// __webpack_public_path__
37/******/ 	__webpack_require__.p = "";
38/******/
39/******/ 	// Load entry module and return exports
40/******/ 	return __webpack_require__(0);
41/******/ })
42/************************************************************************/
43/******/ ([
44/* 0 */
45/***/ (function(module, exports, __webpack_require__) {
46
'use strict';

var _beeLayout = __webpack_require__(1);

var _beePanel = __webpack_require__(8);

var _beeButton = __webpack_require__(78);

var _beeButton2 = _interopRequireDefault(_beeButton);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _src = __webpack_require__(80);

var _src2 = _interopRequireDefault(_src);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var CARET = _react2['default'].createElement('i', { className: 'uf uf-arrow-down' });

var CARETUP = _react2['default'].createElement('i', { className: 'uf uf-arrow-up' });

var Demo1 = __webpack_require__(83);var Demo2 = __webpack_require__(84);var DemoArray = [{ "example": _react2['default'].createElement(Demo1, null), "title": " 单个图片查看", "code": "/**\n*\n* @title 单个图片查看\n* @description 单个图片查看\n*\n*/\nimport React, { Component } from 'react';\nimport { Viewer } from 'tinper-bee';\n\nclass Demo1 extends Component {\n\n    shown=(e)=>{\n        console.log(e,'shwon')\n    }\n    hidden=(e)=>{\n        console.log(e,'hidden')\n    }\n    render () {\n        return (\n            <Viewer shown={this.shown} hidden={this.hidden}>\n                <img id=\"image\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg' alt=\"Picture\"/>\n            </Viewer>\n        )\n    }\n}\n", "desc": " 单个图片查看" }, { "example": _react2['default'].createElement(Demo2, null), "title": " 图片列表查看", "code": "/**\n*\n* @title 图片列表查看\n* @description 图片列表查看。 img 的 data-original 写高清大图地址。src写缩略图地址\n*\n*/\nimport React, { Component } from 'react';\nimport { Viewer } from 'tinper-bee';\n\nclass Demo2 extends Component {\n\n    render () {\n        return (\n            <Viewer>\n                <div>\n                    <img data-original=\"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-5-min.jpg\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg' alt=\"Picture\"/>\n                    <img data-original=\"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-4-min.jpg\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg' alt=\"Picture\"/>\n                    <img data-original=\"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg' alt=\"Picture\"/>\n                    <img data-original=\"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-4-min.jpg' alt=\"Picture\"/>\n                    <img data-original=\"http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg\" src='http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-5-min.jpg' alt=\"Picture\"/>\n                </div>\n            </Viewer>\n        )\n    }\n}\n", "desc": " 图片列表查看。 img 的 data-original 写高清大图地址。src写缩略图地址" }];

var Demo = function (_Component) {
   _inherits(Demo, _Component);

   function Demo(props) {
       _classCallCheck(this, Demo);

       var _this = _possibleConstructorReturn(this, _Component.call(this, props));

       _this.state = {
           open: false
       };
       _this.handleClick = _this.handleClick.bind(_this);
       return _this;
   }

   Demo.prototype.handleClick = function handleClick() {
       this.setState({ open: !this.state.open });
   };

   Demo.prototype.render = function render() {
       var _props = this.props,
           title = _props.title,
           example = _props.example,
           code = _props.code,
           desc = _props.desc;

       var caret = this.state.open ? CARETUP : CARET;
       var text = this.state.open ? "隐藏代码" : "查看代码";

       var footer = _react2['default'].createElement(
           _beeButton2['default'],
           { shape: 'block', onClick: this.handleClick },
           caret,
           text
       );
       return _react2['default'].createElement(
           _beeLayout.Col,
           { md: 12 },
           _react2['default'].createElement(
               'h3',
               null,
               title
           ),
           _react2['default'].createElement(
               'p',
               null,
               desc
           ),
           _react2['default'].createElement(
               _beePanel.Panel,
               { collapsible: true, headerContent: true, expanded: this.state.open, colors: 'bordered', header: example, footer: footer, footerStyle: { padding: 0 } },
               _react2['default'].createElement(
                   'pre',
                   null,
                   _react2['default'].createElement(
                       'code',
                       { className: 'hljs javascript' },
                       code
                   )
               )
           )
       );
   };

   return Demo;
}(_react.Component);

var DemoGroup = function (_Component2) {
   _inherits(DemoGroup, _Component2);

   function DemoGroup(props) {
       _classCallCheck(this, DemoGroup);

       return _possibleConstructorReturn(this, _Component2.call(this, props));
   }

   DemoGroup.prototype.render = function render() {
       return _react2['default'].createElement(
           _beeLayout.Row,
           null,
           DemoArray.map(function (child, index) {

               return _react2['default'].createElement(Demo, { example: child.example, title: child.title, code: child.code, desc: child.desc, key: index });
           })
       );
   };

   return DemoGroup;
}(_react.Component);

_reactDom2['default'].render(_react2['default'].createElement(DemoGroup, null), document.getElementById('tinperBeeDemo'));
176
177/***/ }),
178/* 1 */
179/***/ (function(module, exports, __webpack_require__) {
180
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.Con = exports.Row = exports.Col = undefined;

var _Col2 = __webpack_require__(2);

var _Col3 = _interopRequireDefault(_Col2);

var _Row2 = __webpack_require__(6);

var _Row3 = _interopRequireDefault(_Row2);

var _Layout = __webpack_require__(7);

var _Layout2 = _interopRequireDefault(_Layout);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports.Col = _Col3["default"];
exports.Row = _Row3["default"];
exports.Con = _Layout2["default"];
205
206/***/ }),
207/* 2 */
208/***/ (function(module, exports, __webpack_require__) {
209
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 componentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string]),

 /**
  * xs显示列数
  */
 xs: _propTypes2["default"].number,
 /**
  * sm显示列数
  */
 sm: _propTypes2["default"].number,
 /**
  * md显示列数
  */
 md: _propTypes2["default"].number,
 /**
  * lg显示列数
  */
 lg: _propTypes2["default"].number,
 /**
  * xs偏移列数
  */
 xsOffset: _propTypes2["default"].number,
 /**
  * sm偏移列数
  */
 smOffset: _propTypes2["default"].number,
 /**
  * md偏移列数
  */
 mdOffset: _propTypes2["default"].number,
 /**
  * lg偏移列数
  */
 lgOffset: _propTypes2["default"].number,
 /**
  * xs右偏移列数
  */
 xsPush: _propTypes2["default"].number,
 /**
  * sm右偏移列数
  */
 smPush: _propTypes2["default"].number,
 /**
  * md右偏移列数
  */
 mdPush: _propTypes2["default"].number,
 /**
  * lg右偏移列数
  */
 lgPush: _propTypes2["default"].number,
 /**
  * xs左偏移列数
  */
 xsPull: _propTypes2["default"].number,
 /**
  * sm左偏移列数
  */
 smPull: _propTypes2["default"].number,
 /**
  * md左偏移列数
  */
 mdPull: _propTypes2["default"].number,
 /**
  * lg左偏移列数
  */
 lgPull: _propTypes2["default"].number
};

var defaultProps = {
 componentClass: 'div',
 clsPrefix: 'u-col'
};

var DEVICE_SIZES = ['lg', 'md', 'sm', 'xs'];

var Col = function (_Component) {
 _inherits(Col, _Component);

 function Col() {
   _classCallCheck(this, Col);

   return _possibleConstructorReturn(this, _Component.apply(this, arguments));
 }

 Col.prototype.render = function render() {
   var _props = this.props,
       Component = _props.componentClass,
       className = _props.className,
       clsPrefix = _props.clsPrefix,
       others = _objectWithoutProperties(_props, ['componentClass', 'className', 'clsPrefix']);

   var tbClass = [];
   /**
    * 对传入props做样式转化
    * @type {[type]}
    */
   DEVICE_SIZES.forEach(function (size) {
     function popProp(propSuffix, modifier) {
       var propName = '' + size + propSuffix;
       var propValue = others[propName];

       if (propValue != undefined && propValue != null) {
         tbClass.push(clsPrefix + '-' + size + modifier + '-' + propValue);
       }

       delete others[propName];
     }

     popProp('', '');
     popProp('Offset', '-offset');
     popProp('Push', '-push');
     popProp('Pull', '-pull');
   });

   return _react2["default"].createElement(
     Component,
     _extends({
       className: (0, _classnames2["default"])(tbClass, className)
     }, others),
     this.props.children
   );
 };

 return Col;
}(_react.Component);

Col.defaultProps = defaultProps;
Col.propTypes = propTypes;

exports["default"] = Col;
module.exports = exports['default'];
374
375/***/ }),
376/* 3 */
377/***/ (function(module, exports, __webpack_require__) {
378
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
 Copyright (c) 2017 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) && arg.length) {
			var inner = classNames.apply(null, arg);
			if (inner) {
				classes.push(inner);
			}
		} 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) {
	classNames.default = classNames;
	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;
}
}());
431
432
433/***/ }),
434/* 4 */
435/***/ (function(module, exports) {
436
module.exports = React;
438
439/***/ }),
440/* 5 */
441/***/ (function(module, exports) {
442
module.exports = PropTypes;
444
445/***/ }),
446/* 6 */
447/***/ (function(module, exports, __webpack_require__) {
448
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 componentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string])
};

var defaultProps = {
 componentClass: 'div',
 clsPrefix: 'u-row'
};

var Row = function (_Component) {
 _inherits(Row, _Component);

 function Row() {
   _classCallCheck(this, Row);

   return _possibleConstructorReturn(this, _Component.apply(this, arguments));
 }

 Row.prototype.render = function render() {
   var _props = this.props,
       Component = _props.componentClass,
       clsPrefix = _props.clsPrefix,
       className = _props.className,
       others = _objectWithoutProperties(_props, ['componentClass', 'clsPrefix', 'className']);

   var bsclass = '' + clsPrefix;

   return _react2["default"].createElement(
     Component,
     _extends({}, others, {
       className: (0, _classnames2["default"])(bsclass, className)
     }),
     this.props.children
   );
 };

 return Row;
}(_react.Component);

Row.propTypes = propTypes;
Row.defaultProps = defaultProps;

exports["default"] = Row;
module.exports = exports['default'];
525
526/***/ }),
527/* 7 */
528/***/ (function(module, exports, __webpack_require__) {
529
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return 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; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 /**
  * Adds `container-fluid` class.
  */
 fluid: _propTypes2["default"].bool,
 /**
  * You can use a custom element for this component
  */
 componentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string])
};

var defaultProps = {
 componentClass: 'div',
 fluid: false,
 clsPrefix: 'u-container'
};

var Con = function (_React$Component) {
 _inherits(Con, _React$Component);

 function Con() {
   _classCallCheck(this, Con);

   return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
 }

 Con.prototype.render = function render() {
   var _tbclass;

   var _props = this.props,
       fluid = _props.fluid,
       Component = _props.componentClass,
       clsPrefix = _props.clsPrefix,
       className = _props.className,
       others = _objectWithoutProperties(_props, ['fluid', 'componentClass', 'clsPrefix', 'className']);

   var tbclass = (_tbclass = {}, _defineProperty(_tbclass, '' + clsPrefix, !fluid), _defineProperty(_tbclass, clsPrefix + '-fluid', fluid), _tbclass);

   return _react2["default"].createElement(
     Component,
     _extends({}, others, {
       className: (0, _classnames2["default"])(tbclass, className)
     }),
     this.props.children
   );
 };

 return Con;
}(_react2["default"].Component);

Con.propTypes = propTypes;
Con.defaultProps = defaultProps;

exports["default"] = Con;
module.exports = exports['default'];
619
620/***/ }),
621/* 8 */
622/***/ (function(module, exports, __webpack_require__) {
623
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.PanelGroup = exports.Panel = undefined;

var _Panel2 = __webpack_require__(9);

var _Panel3 = _interopRequireDefault(_Panel2);

var _PanelGroup2 = __webpack_require__(77);

var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports.Panel = _Panel3["default"];
exports.PanelGroup = _PanelGroup3["default"];
643
644/***/ }),
645/* 9 */
646/***/ (function(module, exports, __webpack_require__) {
647
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _beeTransition = __webpack_require__(10);

var _beeMessage = __webpack_require__(65);

var _beeMessage2 = _interopRequireDefault(_beeMessage);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _copyToClipboard = __webpack_require__(75);

var _copyToClipboard2 = _interopRequireDefault(_copyToClipboard);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return 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; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 //是否添加折叠
 collapsible: _propTypes2["default"].bool,
 onSelect: _propTypes2["default"].func,
 //头部组件
 header: _propTypes2["default"].node,
 headerStyle: _propTypes2["default"].object,
 id: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].number]),
 headerContent: _propTypes2["default"].bool,
 //footer组件
 footer: _propTypes2["default"].node,
 footerStyle: _propTypes2["default"].object,
 //默认是否打开
 defaultExpanded: _propTypes2["default"].bool,
 //是否打开
 expanded: _propTypes2["default"].bool,
 //每个panel的标记
 eventKey: _propTypes2["default"].any,
 headerRole: _propTypes2["default"].string,
 panelRole: _propTypes2["default"].string,
 //颜色
 colors: _propTypes2["default"].oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default', 'bordered']),

 // From Collapse.的扩展动画
 onEnter: _propTypes2["default"].func,
 onEntering: _propTypes2["default"].func,
 onEntered: _propTypes2["default"].func,
 onExit: _propTypes2["default"].func,
 onExiting: _propTypes2["default"].func,
 onExited: _propTypes2["default"].func,
 //是否可复制内容
 copyable: _propTypes2["default"].bool
};

var defaultProps = {
 defaultExpanded: false,
 clsPrefix: "u-panel",
 colors: "default"
};

var Panel = function (_React$Component) {
 _inherits(Panel, _React$Component);

 function Panel(props, context) {
   _classCallCheck(this, Panel);

   var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));

   _this.handleClickTitle = _this.handleClickTitle.bind(_this);

   _this.state = {
     expanded: _this.props.defaultExpanded
   };
   return _this;
 }

 //头部点击事件


 Panel.prototype.handleClickTitle = function handleClickTitle(e) {
   // 不让事件进入事件池
   e.persist();
   e.selected = true;

   if (this.props.onSelect) {
     this.props.onSelect(this.props.eventKey, e);
   } else {
     e.preventDefault();
   }

   if (e.selected) {
     this.setState({ expanded: !this.state.expanded });
   }
 };

 //渲染panelheader


 Panel.prototype.renderHeader = function renderHeader(collapsible, header, id, role, expanded, clsPrefix) {
   var titleClassName = clsPrefix + '-title';

   if (!collapsible) {
     if (!_react2["default"].isValidElement(header)) {
       return header;
     }

     return (0, _react.cloneElement)(header, {
       className: (0, _classnames2["default"])(header.props.className, titleClassName)
     });
   }

   if (!_react2["default"].isValidElement(header)) {
     return _react2["default"].createElement(
       'h4',
       { role: 'presentation', className: titleClassName },
       this.renderAnchor(header, id, role, expanded)
     );
   }
   if (this.props.headerContent) {
     return (0, _react.cloneElement)(header, {
       className: (0, _classnames2["default"])(header.props.className, titleClassName)
     });
   }

   return (0, _react.cloneElement)(header, {
     className: (0, _classnames2["default"])(header.props.className, titleClassName),
     children: this.renderAnchor(header.props.children, id, role, expanded)
   });
 };

 //如果使用链接，渲染为a标签


 Panel.prototype.renderAnchor = function renderAnchor(header, id, role, expanded) {
   return _react2["default"].createElement(
     'a',
     {
       role: role,
       href: id && '#' + id,
       'aria-controls': id,
       'aria-expanded': expanded,
       'aria-selected': expanded,
       className: expanded ? null : 'collapsed'
     },
     header
   );
 };

 //复制代码，弹出提示信息


 Panel.prototype.copyDemo = function copyDemo(e) {
   var panelTarget = e.target.parentNode;
   var clipBoardContent = panelTarget.firstChild.innerText;
   (0, _copyToClipboard2["default"])(clipBoardContent);
   _beeMessage2["default"].create({ content: '复制成功！', color: 'success', duration: 2 });
 };

 //如果有折叠动画，渲染折叠动画


 Panel.prototype.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, clsPrefix, copyable, animationHooks) {
   return _react2["default"].createElement(
     _beeTransition.Collapse,
     _extends({ 'in': expanded }, animationHooks),
     _react2["default"].createElement(
       'div',
       {
         id: id,
         role: role,
         className: clsPrefix + '-collapse',
         'aria-hidden': !expanded
       },
       this.renderBody(children, clsPrefix, copyable)
     )
   );
 };

 //渲染panelbody


 Panel.prototype.renderBody = function renderBody(rawChildren, clsPrefix, copyable) {
   var self = this;
   var children = [];
   var bodyChildren = [];

   var bodyClassName = clsPrefix + '-body';
   //添加到body的children中
   function maybeAddBody(self) {
     if (!bodyChildren.length) {
       return;
     }
     // 给子组件添加key，为了之后触发事件时使用
     children.push(_react2["default"].createElement(
       'div',
       { key: children.length, className: bodyClassName },
       bodyChildren,
       copyable && _react2["default"].createElement('i', { className: 'uf uf-files-o', onClick: self.copyDemo })
     ));
     bodyChildren = [];
   }

   //转换为数组，方便复用
   _react2["default"].Children.toArray(rawChildren).forEach(function (child) {
     if (_react2["default"].isValidElement(child) && child.props.fill) {
       maybeAddBody(self);

       //将标示fill设置为undefined
       children.push((0, _react.cloneElement)(child, { fill: undefined }));

       return;
     }
     bodyChildren.push(child);
   });

   maybeAddBody(self);

   return children;
 };

 Panel.prototype.render = function render() {
   var _props = this.props,
       collapsible = _props.collapsible,
       header = _props.header,
       id = _props.id,
       footer = _props.footer,
       propsExpanded = _props.expanded,
       footerStyle = _props.footerStyle,
       headerStyle = _props.headerStyle,
       headerRole = _props.headerRole,
       panelRole = _props.panelRole,
       className = _props.className,
       colors = _props.colors,
       children = _props.children,
       onEnter = _props.onEnter,
       onEntering = _props.onEntering,
       onEntered = _props.onEntered,
       clsPrefix = _props.clsPrefix,
       onExit = _props.onExit,
       headerContent = _props.headerContent,
       onExiting = _props.onExiting,
       onExited = _props.onExited,
       defaultExpanded = _props.defaultExpanded,
       eventKey = _props.eventKey,
       onSelect = _props.onSelect,
       copyable = _props.copyable,
       props = _objectWithoutProperties(_props, ['collapsible', 'header', 'id', 'footer', 'expanded', 'footerStyle', 'headerStyle', 'headerRole', 'panelRole', 'className', 'colors', 'children', 'onEnter', 'onEntering', 'onEntered', 'clsPrefix', 'onExit', 'headerContent', 'onExiting', 'onExited', 'defaultExpanded', 'eventKey', 'onSelect', 'copyable']);

   var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;

   var classes = {};
   classes['' + clsPrefix] = true;
   classes[clsPrefix + '-' + colors] = true;

   var headerClass = _defineProperty({}, clsPrefix + '-heading', true);

   copyable === false ? false : true;
   return _react2["default"].createElement(
     'div',
     _extends({}, props, {
       className: (0, _classnames2["default"])(className, classes),
       id: collapsible ? null : id
     }),
     header && _react2["default"].createElement(
       'div',
       { className: (0, _classnames2["default"])(headerClass), style: headerStyle, onClick: this.handleClickTitle },
       this.renderHeader(collapsible, header, id, headerRole, expanded, clsPrefix)
     ),
     collapsible ? this.renderCollapsibleBody(id, expanded, panelRole, children, clsPrefix, copyable, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, clsPrefix, copyable),
     footer && _react2["default"].createElement(
       'div',
       { className: clsPrefix + '-footer', style: footerStyle },
       footer
     )
   );
 };

 return Panel;
}(_react2["default"].Component);

Panel.propTypes = propTypes;
Panel.defaultProps = defaultProps;

exports["default"] = Panel;
module.exports = exports['default'];
957
958/***/ }),
959/* 10 */
960/***/ (function(module, exports, __webpack_require__) {
961
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.Fade = exports.Collapse = exports.Transition = undefined;

var _Transition2 = __webpack_require__(11);

var _Transition3 = _interopRequireDefault(_Transition2);

var _Collapse2 = __webpack_require__(17);

var _Collapse3 = _interopRequireDefault(_Collapse2);

var _Fade2 = __webpack_require__(64);

var _Fade3 = _interopRequireDefault(_Fade2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports.Transition = _Transition3["default"];
exports.Collapse = _Collapse3["default"];
exports.Fade = _Fade3["default"];
986
987/***/ }),
988/* 11 */
989/***/ (function(module, exports, __webpack_require__) {
990
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;

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__(4);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _properties = __webpack_require__(13);

var _properties2 = _interopRequireDefault(_properties);

var _on = __webpack_require__(16);

var _on2 = _interopRequireDefault(_on);

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var transitionEndEvent = _properties2["default"].end;

//设置状态码
var UNMOUNTED = exports.UNMOUNTED = 0;
var EXITED = exports.EXITED = 1;
var ENTERING = exports.ENTERING = 2;
var ENTERED = exports.ENTERED = 3;
var EXITING = exports.EXITING = 4;

var propTypes = {
 /**
  * 是否触发动画
  */
 "in": _propTypes2["default"].bool,

 /**
  * 不显示的时候是否移除组件
  */
 unmountOnExit: _propTypes2["default"].bool,

 /**
  * 如果设置为默认显示，挂载时显示动画
  */
 transitionAppear: _propTypes2["default"].bool,

 /**
  * 设置超时时间，防止出现问题，可设置为>=动画时间
  */
 timeout: _propTypes2["default"].number,

 /**
  * 退出组件时添加的class
  */
 exitedClassName: _propTypes2["default"].string,
 /**
  * 退出组件中添加的class
  */
 exitingClassName: _propTypes2["default"].string,
 /**
  * 进入动画后添加的class
  */
 enteredClassName: _propTypes2["default"].string,
 /**
  * 进入动画时添加的class
  */
 enteringClassName: _propTypes2["default"].string,

 /**
  * 进入动画开始时的钩子函数
  */
 onEnter: _propTypes2["default"].func,
 /**
  * 进入动画中的钩子函数
  */
 onEntering: _propTypes2["default"].func,
 /**
  * 进入动画后的钩子函数
  */
 onEntered: _propTypes2["default"].func,
 /**
  * 退出动画开始时的钩子函数
  */
 onExit: _propTypes2["default"].func,
 /**
  * 退出动画中的钩子函数
  */
 onExiting: _propTypes2["default"].func,
 /**
  * 退出动画后的钩子函数
  */
 onExited: _propTypes2["default"].func
};

function noop() {}

var defaultProps = {
 "in": false,
 unmountOnExit: false,
 transitionAppear: false,
 timeout: 5000,
 onEnter: noop,
 onEntering: noop,
 onEntered: noop,
 onExit: noop,
 onExiting: noop,
 onExited: noop
};

/**
* 动画组件
*/

var Transition = function (_Component) {
 _inherits(Transition, _Component);

 function Transition(props, context) {
   _classCallCheck(this, Transition);

   var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));

   var initialStatus = void 0;
   if (props["in"]) {
     // 在componentdidmount时开始执行动画
     initialStatus = props.transitionAppear ? EXITED : ENTERED;
   } else {
     initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
   }
   _this.state = { status: initialStatus };

   _this.nextCallback = null;
   return _this;
 }

 Transition.prototype.componentDidMount = function componentDidMount() {
   if (this.props.transitionAppear && this.props["in"]) {
     this.performEnter(this.props);
   }
 };

 Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
   if (nextProps["in"] && this.props.unmountOnExit) {
     if (this.state.status === UNMOUNTED) {
       // 在componentDidUpdate执行动画.
       this.setState({ status: EXITED });
     }
   } else {
     this._needsUpdate = true;
   }
 };

 Transition.prototype.componentDidUpdate = function componentDidUpdate() {
   var status = this.state.status;

   if (this.props.unmountOnExit && status === EXITED) {
     // 当使用unmountOnExit时，exited为exiting和unmont的过渡状态
     if (this.props["in"]) {
       this.performEnter(this.props);
     } else {
       this.setState({ status: UNMOUNTED });
     }

     return;
   }

   // 确保只响应prop变化
   if (this._needsUpdate) {
     this._needsUpdate = false;

     if (this.props["in"]) {
       if (status === EXITING) {
         this.performEnter(this.props);
       } else if (status === EXITED) {
         this.performEnter(this.props);
       }
       // 其他，当我们已经输入或输出
     } else {
       if (status === ENTERING || status === ENTERED) {
         this.performExit(this.props);
       }
       // 我们已经输入或输出完成
     }
   }
 };

 Transition.prototype.componentWillUnmount = function componentWillUnmount() {
   this.cancelNextCallback();
 };

 Transition.prototype.performEnter = function performEnter(props) {
   var _this2 = this;

   this.cancelNextCallback();
   var node = _reactDom2["default"].findDOMNode(this);

   // 这里接收新props
   props.onEnter(node);

   this.safeSetState({ status: ENTERING }, function () {
     _this2.props.onEntering(node);

     _this2.onTransitionEnd(node, function () {
       _this2.safeSetState({ status: ENTERED }, function () {
         _this2.props.onEntered(node);
       });
     });
   });
 };

 Transition.prototype.performExit = function performExit(props) {
   var _this3 = this;

   this.cancelNextCallback();
   var node = _reactDom2["default"].findDOMNode(this);

   props.onExit(node);

   this.safeSetState({ status: EXITING }, function () {
     _this3.props.onExiting(node);

     _this3.onTransitionEnd(node, function () {
       _this3.safeSetState({ status: EXITED }, function () {
         _this3.props.onExited(node);
       });
     });
   });
 };

 Transition.prototype.cancelNextCallback = function cancelNextCallback() {
   if (this.nextCallback !== null) {
     this.nextCallback.cancel();
     this.nextCallback = null;
   }
 };

 Transition.prototype.safeSetState = function safeSetState(nextState, callback) {
   // 确保在组件销毁后挂起的setState被消除
   this.setState(nextState, this.setNextCallback(callback));
 };

 Transition.prototype.setNextCallback = function setNextCallback(callback) {
   var _this4 = this;

   var active = true;

   this.nextCallback = function (event) {
     if (active) {
       active = false;
       _this4.nextCallback = null;

       callback(event);
     }
   };

   this.nextCallback.cancel = function () {
     active = false;
   };

   return this.nextCallback;
 };

 Transition.prototype.onTransitionEnd = function onTransitionEnd(node, handler) {
   this.setNextCallback(handler);

   if (node) {
     if (transitionEndEvent == undefined) {
       this.nextCallback();
     } else {
       (0, _on2["default"])(node, transitionEndEvent, this.nextCallback);
     }
     setTimeout(this.nextCallback, this.props.timeout);
   } else {
     setTimeout(this.nextCallback, 0);
   }
 };

 Transition.prototype.render = function render() {
   var status = this.state.status;
   if (status === UNMOUNTED) {
     return null;
   }

   var _props = this.props,
       children = _props.children,
       className = _props.className,
       childProps = _objectWithoutProperties(_props, ['children', 'className']);

   Object.keys(Transition.propTypes).forEach(function (key) {
     return delete childProps[key];
   });

   var transitionClassName = void 0;
   if (status === EXITED) {
     transitionClassName = this.props.exitedClassName;
   } else if (status === ENTERING) {
     transitionClassName = this.props.enteringClassName;
   } else if (status === ENTERED) {
     transitionClassName = this.props.enteredClassName;
   } else if (status === EXITING) {
     transitionClassName = this.props.exitingClassName;
   }

   var child = _react2["default"].Children.only(children);
   return _react2["default"].cloneElement(child, _extends({}, childProps, {
     className: (0, _classnames2["default"])(child.props.className, className, transitionClassName)
   }));
 };

 return Transition;
}(_react.Component);

Transition.propTypes = propTypes;

Transition.defaultProps = defaultProps;

exports["default"] = Transition;
1331
1332/***/ }),
1333/* 12 */
1334/***/ (function(module, exports) {
1335
module.exports = ReactDOM;
1337
1338/***/ }),
1339/* 13 */
1340/***/ (function(module, exports, __webpack_require__) {
1341
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = void 0;

var _inDOM = _interopRequireDefault(__webpack_require__(15));

var transform = 'transform';
exports.transform = transform;
var prefix, transitionEnd, animationEnd;
exports.animationEnd = animationEnd;
exports.transitionEnd = transitionEnd;
var transitionProperty, transitionDuration, transitionTiming, transitionDelay;
exports.transitionDelay = transitionDelay;
exports.transitionTiming = transitionTiming;
exports.transitionDuration = transitionDuration;
exports.transitionProperty = transitionProperty;
var animationName, animationDuration, animationTiming, animationDelay;
exports.animationDelay = animationDelay;
exports.animationTiming = animationTiming;
exports.animationDuration = animationDuration;
exports.animationName = animationName;

if (_inDOM.default) {
 var _getTransitionPropert = getTransitionProperties();

 prefix = _getTransitionPropert.prefix;
 exports.transitionEnd = transitionEnd = _getTransitionPropert.transitionEnd;
 exports.animationEnd = animationEnd = _getTransitionPropert.animationEnd;
 exports.transform = transform = prefix + "-" + transform;
 exports.transitionProperty = transitionProperty = prefix + "-transition-property";
 exports.transitionDuration = transitionDuration = prefix + "-transition-duration";
 exports.transitionDelay = transitionDelay = prefix + "-transition-delay";
 exports.transitionTiming = transitionTiming = prefix + "-transition-timing-function";
 exports.animationName = animationName = prefix + "-animation-name";
 exports.animationDuration = animationDuration = prefix + "-animation-duration";
 exports.animationTiming = animationTiming = prefix + "-animation-delay";
 exports.animationDelay = animationDelay = prefix + "-animation-timing-function";
}

var _default = {
 transform: transform,
 end: transitionEnd,
 property: transitionProperty,
 timing: transitionTiming,
 delay: transitionDelay,
 duration: transitionDuration
};
exports.default = _default;

function getTransitionProperties() {
 var style = document.createElement('div').style;
 var vendorMap = {
   O: function O(e) {
     return "o" + e.toLowerCase();
   },
   Moz: function Moz(e) {
     return e.toLowerCase();
   },
   Webkit: function Webkit(e) {
     return "webkit" + e;
   },
   ms: function ms(e) {
     return "MS" + e;
   }
 };
 var vendors = Object.keys(vendorMap);
 var transitionEnd, animationEnd;
 var prefix = '';

 for (var i = 0; i < vendors.length; i++) {
   var vendor = vendors[i];

   if (vendor + "TransitionProperty" in style) {
     prefix = "-" + vendor.toLowerCase();
     transitionEnd = vendorMap[vendor]('TransitionEnd');
     animationEnd = vendorMap[vendor]('AnimationEnd');
     break;
   }
 }

 if (!transitionEnd && 'transitionProperty' in style) transitionEnd = 'transitionend';
 if (!animationEnd && 'animationName' in style) animationEnd = 'animationend';
 style = null;
 return {
   animationEnd: animationEnd,
   transitionEnd: transitionEnd,
   prefix: prefix
 };
}
1434
1435/***/ }),
1436/* 14 */
1437/***/ (function(module, exports) {
1438
function _interopRequireDefault(obj) {
 return obj && obj.__esModule ? obj : {
   default: obj
 };
}

module.exports = _interopRequireDefault;
1446
1447/***/ }),
1448/* 15 */
1449/***/ (function(module, exports) {
1450
"use strict";

exports.__esModule = true;
exports.default = void 0;

var _default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);

exports.default = _default;
module.exports = exports["default"];
1460
1461/***/ }),
1462/* 16 */
1463/***/ (function(module, exports, __webpack_require__) {
1464
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = void 0;

var _inDOM = _interopRequireDefault(__webpack_require__(15));

var on = function on() {};

if (_inDOM.default) {
 on = function () {
   if (document.addEventListener) return function (node, eventName, handler, capture) {
     return node.addEventListener(eventName, handler, capture || false);
   };else if (document.attachEvent) return function (node, eventName, handler) {
     return node.attachEvent('on' + eventName, function (e) {
       e = e || window.event;
       e.target = e.target || e.srcElement;
       e.currentTarget = node;
       handler.call(node, e);
     });
   };
 }();
}

var _default = on;
exports.default = _default;
module.exports = exports["default"];
1494
1495/***/ }),
1496/* 17 */
1497/***/ (function(module, exports, __webpack_require__) {
1498
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _style = __webpack_require__(18);

var _style2 = _interopRequireDefault(_style);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _Transition = __webpack_require__(11);

var _Transition2 = _interopRequireDefault(_Transition);

var _capitalize = __webpack_require__(26);

var _capitalize2 = _interopRequireDefault(_capitalize);

var _tinperBeeCore = __webpack_require__(27);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var MARGINS = {
 height: ['marginTop', 'marginBottom'],
 width: ['marginLeft', 'marginRight']
};

// reading a dimension prop will cause the browser to recalculate,
// which will let our animations work
function triggerBrowserReflow(node) {
 node.offsetHeight; // eslint-disable-line no-unused-expressions
}

function getDimensionValue(dimension, elem) {
 var value = elem['offset' + (0, _capitalize2["default"])(dimension)];
 var margins = MARGINS[dimension];

 return value + parseInt((0, _style2["default"])(elem, margins[0]), 10) + parseInt((0, _style2["default"])(elem, margins[1]), 10);
}

var propTypes = {
 /**
  * Show the component; triggers the expand or collapse animation
  */
 "in": _propTypes2["default"].bool,

 /**
  * Unmount the component (remove it from the DOM) when it is collapsed
  */
 unmountOnExit: _propTypes2["default"].bool,

 /**
  * Run the expand animation when the component mounts, if it is initially
  * shown
  */
 transitionAppear: _propTypes2["default"].bool,

 /**
  * Duration of the collapse animation in milliseconds, to ensure that
  * finishing callbacks are fired even if the original browser transition end
  * events are canceled
  */
 timeout: _propTypes2["default"].number,

 /**
  * Callback fired before the component expands
  */
 onEnter: _propTypes2["default"].func,
 /**
  * Callback fired after the component starts to expand
  */
 onEntering: _propTypes2["default"].func,
 /**
  * Callback fired after the component has expanded
  */
 onEntered: _propTypes2["default"].func,
 /**
  * Callback fired before the component collapses
  */
 onExit: _propTypes2["default"].func,
 /**
  * Callback fired after the component starts to collapse
  */
 onExiting: _propTypes2["default"].func,
 /**
  * Callback fired after the component has collapsed
  */
 onExited: _propTypes2["default"].func,

 /**
  * The dimension used when collapsing, or a function that returns the
  * dimension
  *
  * _Note: Bootstrap only partially supports 'width'!
  * You will need to supply your own CSS animation for the `.width` CSS class._
  */
 dimension: _propTypes2["default"].oneOfType([_propTypes2["default"].oneOf(['height', 'width']), _propTypes2["default"].func]),

 /**
  * Function that returns the height or width of the animating DOM node
  *
  * Allows for providing some custom logic for how much the Collapse component
  * should animate in its specified dimension. Called with the current
  * dimension prop value and the DOM node.
  */
 getDimensionValue: _propTypes2["default"].func,

 /**
  * ARIA role of collapsible element
  */
 role: _propTypes2["default"].string
};

var defaultProps = {
 "in": false,
 timeout: 300,
 unmountOnExit: false,
 transitionAppear: false,

 dimension: 'height',
 getDimensionValue: getDimensionValue
};

var Collapse = function (_React$Component) {
 _inherits(Collapse, _React$Component);

 function Collapse(props, context) {
   _classCallCheck(this, Collapse);

   var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));

   _this.handleEnter = _this.handleEnter.bind(_this);
   _this.handleEntering = _this.handleEntering.bind(_this);
   _this.handleEntered = _this.handleEntered.bind(_this);
   _this.handleExit = _this.handleExit.bind(_this);
   _this.handleExiting = _this.handleExiting.bind(_this);
   return _this;
 }

 /* -- Expanding -- */


 Collapse.prototype.handleEnter = function handleEnter(elem) {
   var dimension = this._dimension();
   elem.style[dimension] = '0';
 };

 Collapse.prototype.handleEntering = function handleEntering(elem) {
   var dimension = this._dimension();
   elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
 };

 Collapse.prototype.handleEntered = function handleEntered(elem) {
   var dimension = this._dimension();
   elem.style[dimension] = null;
 };

 /* -- Collapsing -- */


 Collapse.prototype.handleExit = function handleExit(elem) {
   var dimension = this._dimension();
   elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
   triggerBrowserReflow(elem);
 };

 Collapse.prototype.handleExiting = function handleExiting(elem) {
   var dimension = this._dimension();
   elem.style[dimension] = '0';
 };

 Collapse.prototype._dimension = function _dimension() {
   return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
 };

 // for testing


 Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
   return elem['scroll' + (0, _capitalize2["default"])(dimension)] + 'px';
 };

 Collapse.prototype.render = function render() {
   var _props = this.props,
       onEnter = _props.onEnter,
       onEntering = _props.onEntering,
       onEntered = _props.onEntered,
       onExit = _props.onExit,
       onExiting = _props.onExiting,
       className = _props.className,
       props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);

   delete props.dimension;
   delete props.getDimensionValue;

   var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);
   var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);
   var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);
   var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);
   var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);

   var classes = {
     width: this._dimension() === 'width'
   };

   return _react2["default"].createElement(_Transition2["default"], _extends({}, props, {
     'aria-expanded': props.role ? props["in"] : null,
     className: (0, _classnames2["default"])(className, classes),
     exitedClassName: 'collapse',
     exitingClassName: 'collapsing',
     enteredClassName: 'collapse in',
     enteringClassName: 'collapsing',
     onEnter: handleEnter,
     onEntering: handleEntering,
     onEntered: handleEntered,
     onExit: handleExit,
     onExiting: handleExiting
   }));
 };

 return Collapse;
}(_react2["default"].Component);

Collapse.propTypes = propTypes;
Collapse.defaultProps = defaultProps;

exports["default"] = Collapse;
module.exports = exports['default'];
1751
1752/***/ }),
1753/* 18 */
1754/***/ (function(module, exports, __webpack_require__) {
1755
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = style;

var _camelizeStyle = _interopRequireDefault(__webpack_require__(19));

var _hyphenateStyle = _interopRequireDefault(__webpack_require__(21));

var _getComputedStyle2 = _interopRequireDefault(__webpack_require__(23));

var _removeStyle = _interopRequireDefault(__webpack_require__(24));

var _properties = __webpack_require__(13);

var _isTransform = _interopRequireDefault(__webpack_require__(25));

function style(node, property, value) {
 var css = '';
 var transforms = '';
 var props = property;

 if (typeof property === 'string') {
   if (value === undefined) {
     return node.style[(0, _camelizeStyle.default)(property)] || (0, _getComputedStyle2.default)(node).getPropertyValue((0, _hyphenateStyle.default)(property));
   } else {
     (props = {})[property] = value;
   }
 }

 Object.keys(props).forEach(function (key) {
   var value = props[key];

   if (!value && value !== 0) {
     (0, _removeStyle.default)(node, (0, _hyphenateStyle.default)(key));
   } else if ((0, _isTransform.default)(key)) {
     transforms += key + "(" + value + ") ";
   } else {
     css += (0, _hyphenateStyle.default)(key) + ": " + value + ";";
   }
 });

 if (transforms) {
   css += _properties.transform + ": " + transforms + ";";
 }

 node.style.cssText += ';' + css;
}

module.exports = exports["default"];
1808
1809/***/ }),
1810/* 19 */
1811/***/ (function(module, exports, __webpack_require__) {
1812
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = camelizeStyleName;

var _camelize = _interopRequireDefault(__webpack_require__(20));

/**
* Copyright 2014-2015, Facebook, Inc.
* All rights reserved.
* https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
*/
var msPattern = /^-ms-/;

function camelizeStyleName(string) {
 return (0, _camelize.default)(string.replace(msPattern, 'ms-'));
}

module.exports = exports["default"];
1834
1835/***/ }),
1836/* 20 */
1837/***/ (function(module, exports) {
1838
"use strict";

exports.__esModule = true;
exports.default = camelize;
var rHyphen = /-(.)/g;

function camelize(string) {
 return string.replace(rHyphen, function (_, chr) {
   return chr.toUpperCase();
 });
}

module.exports = exports["default"];
1852
1853/***/ }),
1854/* 21 */
1855/***/ (function(module, exports, __webpack_require__) {
1856
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = hyphenateStyleName;

var _hyphenate = _interopRequireDefault(__webpack_require__(22));

/**
* Copyright 2013-2014, Facebook, Inc.
* All rights reserved.
* https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
*/
var msPattern = /^ms-/;

function hyphenateStyleName(string) {
 return (0, _hyphenate.default)(string).replace(msPattern, '-ms-');
}

module.exports = exports["default"];
1878
1879/***/ }),
1880/* 22 */
1881/***/ (function(module, exports) {
1882
"use strict";

exports.__esModule = true;
exports.default = hyphenate;
var rUpper = /([A-Z])/g;

function hyphenate(string) {
 return string.replace(rUpper, '-$1').toLowerCase();
}

module.exports = exports["default"];
1894
1895/***/ }),
1896/* 23 */
1897/***/ (function(module, exports, __webpack_require__) {
1898
"use strict";

var _interopRequireDefault = __webpack_require__(14);

exports.__esModule = true;
exports.default = _getComputedStyle;

var _camelizeStyle = _interopRequireDefault(__webpack_require__(19));

var rposition = /^(top|right|bottom|left)$/;
var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;

function _getComputedStyle(node) {
 if (!node) throw new TypeError('No Element passed to `getComputedStyle()`');
 var doc = node.ownerDocument;
 return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : {
   //ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72
   getPropertyValue: function getPropertyValue(prop) {
     var style = node.style;
     prop = (0, _camelizeStyle.default)(prop);
     if (prop == 'float') prop = 'styleFloat';
     var current = node.currentStyle[prop] || null;
     if (current == null && style && style[prop]) current = style[prop];

     if (rnumnonpx.test(current) && !rposition.test(prop)) {
       // Remember the original values
       var left = style.left;
       var runStyle = node.runtimeStyle;
       var rsLeft = runStyle && runStyle.left; // Put in the new values to get a computed value out

       if (rsLeft) runStyle.left = node.currentStyle.left;
       style.left = prop === 'fontSize' ? '1em' : current;
       current = style.pixelLeft + 'px'; // Revert the changed values

       style.left = left;
       if (rsLeft) runStyle.left = rsLeft;
     }

     return current;
   }
 };
}

module.exports = exports["default"];
1943
1944/***/ }),
1945/* 24 */
1946/***/ (function(module, exports) {
1947
"use strict";

exports.__esModule = true;
exports.default = removeStyle;

function removeStyle(node, key) {
 return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
}

module.exports = exports["default"];
1958
1959/***/ }),
1960/* 25 */
1961/***/ (function(module, exports) {
1962
"use strict";

exports.__esModule = true;
exports.default = isTransform;
var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;

function isTransform(property) {
 return !!(property && supportedTransforms.test(property));
}

module.exports = exports["default"];
1974
1975/***/ }),
1976/* 26 */
1977/***/ (function(module, exports) {
1978
"use strict";

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports["default"] = capitalize;
function capitalize(string) {
 return "" + string.charAt(0).toUpperCase() + string.slice(1);
}
module.exports = exports["default"];
1989
1990/***/ }),
1991/* 27 */
1992/***/ (function(module, exports, __webpack_require__) {
1993
'use strict';

exports.__esModule = true;
exports.Align = exports.toArray = exports.cssAnimation = exports.addEventListener = exports.contains = exports.KeyCode = exports.createChainedFunction = exports.splitComponent = exports.isRequiredForA11y = exports.elementType = exports.deprecated = exports.componentOrElement = exports.all = undefined;

var _all2 = __webpack_require__(28);

var _all3 = _interopRequireDefault(_all2);

var _componentOrElement2 = __webpack_require__(30);

var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);

var _deprecated2 = __webpack_require__(31);

var _deprecated3 = _interopRequireDefault(_deprecated2);

var _elementType2 = __webpack_require__(34);

var _elementType3 = _interopRequireDefault(_elementType2);

var _isRequiredForA11y2 = __webpack_require__(35);

var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);

var _splitComponent2 = __webpack_require__(36);

var _splitComponent3 = _interopRequireDefault(_splitComponent2);

var _createChainedFunction2 = __webpack_require__(37);

var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);

var _keyCode = __webpack_require__(38);

var _keyCode2 = _interopRequireDefault(_keyCode);

var _contains2 = __webpack_require__(39);

var _contains3 = _interopRequireDefault(_contains2);

var _addEventListener2 = __webpack_require__(40);

var _addEventListener3 = _interopRequireDefault(_addEventListener2);

var _cssAnimation2 = __webpack_require__(45);

var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);

var _toArray2 = __webpack_require__(49);

var _toArray3 = _interopRequireDefault(_toArray2);

var _Align2 = __webpack_require__(50);

var _Align3 = _interopRequireDefault(_Align2);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.all = _all3.default;
exports.componentOrElement = _componentOrElement3.default;
exports.deprecated = _deprecated3.default;
exports.elementType = _elementType3.default;
exports.isRequiredForA11y = _isRequiredForA11y3.default;
exports.splitComponent = _splitComponent3.default;
exports.createChainedFunction = _createChainedFunction3.default;
exports.KeyCode = _keyCode2.default;
exports.contains = _contains3.default;
exports.addEventListener = _addEventListener3.default;
exports.cssAnimation = _cssAnimation3.default;
exports.toArray = _toArray3.default;
//export getContainerRenderMixin from './getContainerRenderMixin';

exports.Align = _Align3.default;
2068
2069/***/ }),
2070/* 28 */
2071/***/ (function(module, exports, __webpack_require__) {
2072
'use strict';

exports.__esModule = true;
exports.default = all;

var _createChainableTypeChecker = __webpack_require__(29);

var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function all() {
 for (var _len = arguments.length, validators = Array(_len), _key = 0; _key < _len; _key++) {
   validators[_key] = arguments[_key];
 }

 function allPropTypes() {
   for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     args[_key2] = arguments[_key2];
   }

   var error = null;

   validators.forEach(function (validator) {
     if (error != null) {
       return;
     }

     var result = validator.apply(undefined, args);
     if (result != null) {
       error = result;
     }
   });

   return error;
 }

 return (0, _createChainableTypeChecker2.default)(allPropTypes);
}
2112
2113/***/ }),
2114/* 29 */
2115/***/ (function(module, exports) {
2116
'use strict';

exports.__esModule = true;
exports.default = createChainableTypeChecker;
/**
* Copyright 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/

// Mostly taken from ReactPropTypes.

function createChainableTypeChecker(validate) {
 function checkType(isRequired, props, propName, componentName, location, propFullName) {
   var componentNameSafe = componentName || '<<anonymous>>';
   var propFullNameSafe = propFullName || propName;

   if (props[propName] == null) {
     if (isRequired) {
       return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
     }

     return null;
   }

   for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
     args[_key - 6] = arguments[_key];
   }

   return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
 }

 var chainedCheckType = checkType.bind(null, false);
 chainedCheckType.isRequired = checkType.bind(null, true);

 return chainedCheckType;
}
2157
2158/***/ }),
2159/* 30 */
2160/***/ (function(module, exports, __webpack_require__) {
2161
'use strict';

exports.__esModule = true;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _createChainableTypeChecker = __webpack_require__(29);

var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function validate(props, propName, componentName, location, propFullName) {
 var propValue = props[propName];
 var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);

 if (_react2.default.isValidElement(propValue)) {
   return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement. You can usually obtain a ReactComponent or DOMElement ' + 'from a ReactElement by attaching a ref to it.');
 }

 if ((propType !== 'object' || typeof propValue.render !== 'function') && propValue.nodeType !== 1) {
   return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement.');
 }

 return null;
}

exports.default = (0, _createChainableTypeChecker2.default)(validate);
2194
2195/***/ }),
2196/* 31 */
2197/***/ (function(module, exports, __webpack_require__) {
2198
'use strict';

exports.__esModule = true;
exports.default = deprecated;

var _warning = __webpack_require__(32);

var _warning2 = _interopRequireDefault(_warning);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var warned = {};

function deprecated(validator, reason) {
 return function validate(props, propName, componentName, location, propFullName) {
   var componentNameSafe = componentName || '<<anonymous>>';
   var propFullNameSafe = propFullName || propName;

   if (props[propName] != null) {
     var messageKey = componentName + '.' + propName;

     (0, _warning2.default)(warned[messageKey], 'The ' + location + ' `' + propFullNameSafe + '` of ' + ('`' + componentNameSafe + '` is deprecated. ' + reason + '.'));

     warned[messageKey] = true;
   }

   for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
     args[_key - 5] = arguments[_key];
   }

   return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
 };
}

/* eslint-disable no-underscore-dangle */
function _resetWarned() {
 warned = {};
}

deprecated._resetWarned = _resetWarned;
/* eslint-enable no-underscore-dangle */
2240
2241/***/ }),
2242/* 32 */
2243/***/ (function(module, exports, __webpack_require__) {
2244
/* WEBPACK VAR INJECTION */(function(process) {/**
* Copyright 2014-2015, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/

'use strict';

/**
* Similar to invariant but only logs a warning if the condition is not met.
* This can be used to log issues in development environments in critical
* paths. Removing the logging code for production environments will keep the
* same logic and follow the same code paths.
*/

var warning = function() {};

if (process.env.NODE_ENV !== 'production') {
 warning = function(condition, format, args) {
   var len = arguments.length;
   args = new Array(len > 2 ? len - 2 : 0);
   for (var key = 2; key < len; key++) {
     args[key - 2] = arguments[key];
   }
   if (format === undefined) {
     throw new Error(
       '`warning(condition, format, ...args)` requires a warning ' +
       'message argument'
     );
   }

   if (format.length < 10 || (/^[s\W]*$/).test(format)) {
     throw new Error(
       'The warning format should be able to uniquely identify this ' +
       'warning. Please, use a more descriptive format than: ' + format
     );
   }

   if (!condition) {
     var argIndex = 0;
     var message = 'Warning: ' +
       format.replace(/%s/g, function() {
         return args[argIndex++];
       });
     if (typeof console !== 'undefined') {
       console.error(message);
     }
     try {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
     } catch(x) {}
   }
 };
}

module.exports = warning;

/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(33)))
2307
2308/***/ }),
2309/* 33 */
2310/***/ (function(module, exports) {
2311
// 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 defaultSetTimout() {
   throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout () {
   throw new Error('clearTimeout has not been defined');
}
(function () {
   try {
       if (typeof setTimeout === 'function') {
           cachedSetTimeout = setTimeout;
       } else {
           cachedSetTimeout = defaultSetTimout;
       }
   } catch (e) {
       cachedSetTimeout = defaultSetTimout;
   }
   try {
       if (typeof clearTimeout === 'function') {
           cachedClearTimeout = clearTimeout;
       } else {
           cachedClearTimeout = defaultClearTimeout;
       }
   } catch (e) {
       cachedClearTimeout = defaultClearTimeout;
   }
} ())
function runTimeout(fun) {
   if (cachedSetTimeout === setTimeout) {
       //normal enviroments in sane situations
       return setTimeout(fun, 0);
   }
   // if setTimeout wasn't available but was latter defined
   if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
       cachedSetTimeout = setTimeout;
       return setTimeout(fun, 0);
   }
   try {
       // when when somebody has screwed with setTimeout but no I.E. maddness
       return cachedSetTimeout(fun, 0);
   } catch(e){
       try {
           // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
           return cachedSetTimeout.call(null, fun, 0);
       } catch(e){
           // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
           return cachedSetTimeout.call(this, fun, 0);
       }
   }


}
function runClearTimeout(marker) {
   if (cachedClearTimeout === clearTimeout) {
       //normal enviroments in sane situations
       return clearTimeout(marker);
   }
   // if clearTimeout wasn't available but was latter defined
   if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
       cachedClearTimeout = clearTimeout;
       return clearTimeout(marker);
   }
   try {
       // when when somebody has screwed with setTimeout but no I.E. maddness
       return cachedClearTimeout(marker);
   } catch (e){
       try {
           // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
           return cachedClearTimeout.call(null, marker);
       } catch (e){
           // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
           // Some versions of I.E. have different rules for clearTimeout vs setTimeout
           return cachedClearTimeout.call(this, marker);
       }
   }



}
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);
   } else {
       queueIndex = -1;
   }
   if (queue.length) {
       drainQueue();
   }
}

function drainQueue() {
   if (draining) {
       return;
   }
   var timeout = runTimeout(cleanUpNextTick);
   draining = true;

   var len = queue.length;
   while(len) {
       currentQueue = queue;
       queue = [];
       while (++queueIndex < len) {
           if (currentQueue) {
               currentQueue[queueIndex].run();
           }
       }
       queueIndex = -1;
       len = queue.length;
   }
   currentQueue = null;
   draining = false;
   runClearTimeout(timeout);
}

process.nextTick = function (fun) {
   var args = new Array(arguments.length - 1);
   if (arguments.length > 1) {
       for (var i = 1; i < arguments.length; i++) {
           args[i - 1] = arguments[i];
       }
   }
   queue.push(new Item(fun, args));
   if (queue.length === 1 && !draining) {
       runTimeout(drainQueue);
   }
};

// v8 likes predictible objects
function Item(fun, array) {
   this.fun = fun;
   this.array = array;
}
Item.prototype.run = function () {
   this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};

function noop() {}

process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;

process.listeners = function (name) { return [] }

process.binding = function (name) {
   throw new Error('process.binding is not supported');
};

process.cwd = function () { return '/' };
process.chdir = function (dir) {
   throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };
2496
2497
2498/***/ }),
2499/* 34 */
2500/***/ (function(module, exports, __webpack_require__) {
2501
'use strict';

exports.__esModule = true;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _createChainableTypeChecker = __webpack_require__(29);

var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function elementType(props, propName, componentName, location, propFullName) {
 var propValue = props[propName];
 var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);

 if (_react2.default.isValidElement(propValue)) {
   return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
 }

 if (propType !== 'function' && propType !== 'string') {
   return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
 }

 return null;
}

exports.default = (0, _createChainableTypeChecker2.default)(elementType);
2534
2535/***/ }),
2536/* 35 */
2537/***/ (function(module, exports) {
2538
'use strict';

exports.__esModule = true;
exports.default = isRequiredForA11y;
function isRequiredForA11y(validator) {
 return function validate(props, propName, componentName, location, propFullName) {
   var componentNameSafe = componentName || '<<anonymous>>';
   var propFullNameSafe = propFullName || propName;

   if (props[propName] == null) {
     return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
   }

   for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
     args[_key - 5] = arguments[_key];
   }

   return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
 };
}
2559
2560/***/ }),
2561/* 36 */
2562/***/ (function(module, exports) {
2563
"use strict";

exports.__esModule = true;
exports.default = splitComponentProps;
function _objectEntries(obj) {
 var entries = [];
 var keys = Object.keys(obj);

 for (var k = 0; k < keys.length; ++k) {
   entries.push([keys[k], obj[keys[k]]]);
 }return entries;
}

/**
* 分割要传入父元素和子元素的props
* @param  {[object]} props     传入的属性
* @param  {[reactElement]} Component 组件
* @return {[array]}           返回数组，第一个元素为父元素props对象，第二个子元素props对象
*/
function splitComponentProps(props, Component) {
 var componentPropTypes = Component.propTypes;

 var parentProps = {};
 var childProps = {};

 _objectEntries(props).forEach(function (_ref) {
   var propName = _ref[0],
       propValue = _ref[1];

   if (componentPropTypes[propName]) {
     parentProps[propName] = propValue;
   } else {
     childProps[propName] = propValue;
   }
 });

 return [parentProps, childProps];
}
2602
2603/***/ }),
2604/* 37 */
2605/***/ (function(module, exports) {
2606
'use strict';

exports.__esModule = true;
function createChainedFunction() {
 for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
   funcs[_key] = arguments[_key];
 }

 return funcs.filter(function (f) {
   return f != null;
 }).reduce(function (acc, f) {
   if (typeof f !== 'function') {
     throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
   }

   if (acc === null) {
     return f;
   }

   return function chainedFunction() {
     for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }

     acc.apply(this, args);
     f.apply(this, args);
   };
 }, null);
}
exports.default = createChainedFunction;
2637
2638/***/ }),
2639/* 38 */
2640/***/ (function(module, exports) {
2641
'use strict';

/**
* @ignore
* some key-codes definition and utils from closure-library
* @author yiminghe@gmail.com
*/

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;
3162
3163/***/ }),
3164/* 39 */
3165/***/ (function(module, exports) {
3166
"use strict";

exports.__esModule = true;
exports.default = contains;
function contains(root, n) {
 var node = n;
 while (node) {
   if (node === root) {
     return true;
   }
   node = node.parentNode;
 }

 return false;
}
3182
3183/***/ }),
3184/* 40 */
3185/***/ (function(module, exports, __webpack_require__) {
3186
'use strict';

exports.__esModule = true;
exports.default = addEventListenerWrap;

var _addDomEventListener = __webpack_require__(41);

var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function addEventListenerWrap(target, eventType, cb) {
 /* eslint camelcase: 2 */
 var callback = _reactDom2.default.unstable_batchedUpdates ? function run(e) {
   _reactDom2.default.unstable_batchedUpdates(cb, e);
 } : cb;
 return (0, _addDomEventListener2.default)(target, eventType, callback);
}
3209
3210/***/ }),
3211/* 41 */
3212/***/ (function(module, exports, __webpack_require__) {
3213
'use strict';

Object.defineProperty(exports, '__esModule', {
 value: true
});
exports['default'] = addEventListener;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _EventObject = __webpack_require__(42);

var _EventObject2 = _interopRequireDefault(_EventObject);

function addEventListener(target, eventType, callback, option) {
 function wrapCallback(e) {
   var ne = new _EventObject2['default'](e);
   callback.call(target, ne);
 }

 if (target.addEventListener) {
   var _ret = (function () {
     var useCapture = false;
     if (typeof option === 'object') {
       useCapture = option.capture || false;
     } else if (typeof option === 'boolean') {
       useCapture = option;
     }

     target.addEventListener(eventType, wrapCallback, option || false);

     return {
       v: {
         remove: function remove() {
           target.removeEventListener(eventType, wrapCallback, useCapture);
         }
       }
     };
   })();

   if (typeof _ret === 'object') return _ret.v;
 } else if (target.attachEvent) {
   target.attachEvent('on' + eventType, wrapCallback);
   return {
     remove: function remove() {
       target.detachEvent('on' + eventType, wrapCallback);
     }
   };
 }
}

module.exports = exports['default'];
3265
3266/***/ }),
3267/* 42 */
3268/***/ (function(module, exports, __webpack_require__) {
3269
/**
* @ignore
* event object for dom
* @author yiminghe@gmail.com
*/

'use strict';

Object.defineProperty(exports, '__esModule', {
 value: true
});

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _EventBaseObject = __webpack_require__(43);

var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);

var _objectAssign = __webpack_require__(44);

var _objectAssign2 = _interopRequireDefault(_objectAssign);

var TRUE = true;
var FALSE = false;
var commonProps = ['altKey', 'bubbles', 'cancelable', 'ctrlKey', 'currentTarget', 'eventPhase', 'metaKey', 'shiftKey', 'target', 'timeStamp', 'view', 'type'];

function isNullOrUndefined(w) {
 return w === null || w === undefined;
}

var eventNormalizers = [{
 reg: /^key/,
 props: ['char', 'charCode', 'key', 'keyCode', 'which'],
 fix: function fix(event, nativeEvent) {
   if (isNullOrUndefined(event.which)) {
     event.which = !isNullOrUndefined(nativeEvent.charCode) ? nativeEvent.charCode : nativeEvent.keyCode;
   }

   // add metaKey to non-Mac browsers (use ctrl for PC 's and Meta for Macs)
   if (event.metaKey === undefined) {
     event.metaKey = event.ctrlKey;
   }
 }
}, {
 reg: /^touch/,
 props: ['touches', 'changedTouches', 'targetTouches']
}, {
 reg: /^hashchange$/,
 props: ['newURL', 'oldURL']
}, {
 reg: /^gesturechange$/i,
 props: ['rotation', 'scale']
}, {
 reg: /^(mousewheel|DOMMouseScroll)$/,
 props: [],
 fix: function fix(event, nativeEvent) {
   var deltaX = undefined;
   var deltaY = undefined;
   var delta = undefined;
   var wheelDelta = nativeEvent.wheelDelta;
   var axis = nativeEvent.axis;
   var wheelDeltaY = nativeEvent.wheelDeltaY;
   var wheelDeltaX = nativeEvent.wheelDeltaX;
   var detail = nativeEvent.detail;

   // ie/webkit
   if (wheelDelta) {
     delta = wheelDelta / 120;
   }

   // gecko
   if (detail) {
     // press control e.detail == 1 else e.detail == 3
     delta = 0 - (detail % 3 === 0 ? detail / 3 : detail);
   }

   // Gecko
   if (axis !== undefined) {
     if (axis === event.HORIZONTAL_AXIS) {
       deltaY = 0;
       deltaX = 0 - delta;
     } else if (axis === event.VERTICAL_AXIS) {
       deltaX = 0;
       deltaY = delta;
     }
   }

   // Webkit
   if (wheelDeltaY !== undefined) {
     deltaY = wheelDeltaY / 120;
   }
   if (wheelDeltaX !== undefined) {
     deltaX = -1 * wheelDeltaX / 120;
   }

   // 默认 deltaY (ie)
   if (!deltaX && !deltaY) {
     deltaY = delta;
   }

   if (deltaX !== undefined) {
     /**
      * deltaX of mousewheel event
      * @property deltaX
      * @member Event.DomEvent.Object
      */
     event.deltaX = deltaX;
   }

   if (deltaY !== undefined) {
     /**
      * deltaY of mousewheel event
      * @property deltaY
      * @member Event.DomEvent.Object
      */
     event.deltaY = deltaY;
   }

   if (delta !== undefined) {
     /**
      * delta of mousewheel event
      * @property delta
      * @member Event.DomEvent.Object
      */
     event.delta = delta;
   }
 }
}, {
 reg: /^mouse|contextmenu|click|mspointer|(^DOMMouseScroll$)/i,
 props: ['buttons', 'clientX', 'clientY', 'button', 'offsetX', 'relatedTarget', 'which', 'fromElement', 'toElement', 'offsetY', 'pageX', 'pageY', 'screenX', 'screenY'],
 fix: function fix(event, nativeEvent) {
   var eventDoc = undefined;
   var doc = undefined;
   var body = undefined;
   var target = event.target;
   var button = nativeEvent.button;

   // Calculate pageX/Y if missing and clientX/Y available
   if (target && isNullOrUndefined(event.pageX) && !isNullOrUndefined(nativeEvent.clientX)) {
     eventDoc = target.ownerDocument || document;
     doc = eventDoc.documentElement;
     body = eventDoc.body;
     event.pageX = nativeEvent.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
     event.pageY = nativeEvent.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
   }

   // which for click: 1 === left; 2 === middle; 3 === right
   // do not use button
   if (!event.which && button !== undefined) {
     if (button & 1) {
       event.which = 1;
     } else if (button & 2) {
       event.which = 3;
     } else if (button & 4) {
       event.which = 2;
     } else {
       event.which = 0;
     }
   }

   // add relatedTarget, if necessary
   if (!event.relatedTarget && event.fromElement) {
     event.relatedTarget = event.fromElement === target ? event.toElement : event.fromElement;
   }

   return event;
 }
}];

function retTrue() {
 return TRUE;
}

function retFalse() {
 return FALSE;
}

function DomEventObject(nativeEvent) {
 var type = nativeEvent.type;

 var isNative = typeof nativeEvent.stopPropagation === 'function' || typeof nativeEvent.cancelBubble === 'boolean';

 _EventBaseObject2['default'].call(this);

 this.nativeEvent = nativeEvent;

 // in case dom event has been mark as default prevented by lower dom node
 var isDefaultPrevented = retFalse;
 if ('defaultPrevented' in nativeEvent) {
   isDefaultPrevented = nativeEvent.defaultPrevented ? retTrue : retFalse;
 } else if ('getPreventDefault' in nativeEvent) {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=691151
   isDefaultPrevented = nativeEvent.getPreventDefault() ? retTrue : retFalse;
 } else if ('returnValue' in nativeEvent) {
   isDefaultPrevented = nativeEvent.returnValue === FALSE ? retTrue : retFalse;
 }

 this.isDefaultPrevented = isDefaultPrevented;

 var fixFns = [];
 var fixFn = undefined;
 var l = undefined;
 var prop = undefined;
 var props = commonProps.concat();

 eventNormalizers.forEach(function (normalizer) {
   if (type.match(normalizer.reg)) {
     props = props.concat(normalizer.props);
     if (normalizer.fix) {
       fixFns.push(normalizer.fix);
     }
   }
 });

 l = props.length;

 // clone properties of the original event object
 while (l) {
   prop = props[--l];
   this[prop] = nativeEvent[prop];
 }

 // fix target property, if necessary
 if (!this.target && isNative) {
   this.target = nativeEvent.srcElement || document; // srcElement might not be defined either
 }

 // check if target is a text node (safari)
 if (this.target && this.target.nodeType === 3) {
   this.target = this.target.parentNode;
 }

 l = fixFns.length;

 while (l) {
   fixFn = fixFns[--l];
   fixFn(this, nativeEvent);
 }

 this.timeStamp = nativeEvent.timeStamp || Date.now();
}

var EventBaseObjectProto = _EventBaseObject2['default'].prototype;

(0, _objectAssign2['default'])(DomEventObject.prototype, EventBaseObjectProto, {
 constructor: DomEventObject,

 preventDefault: function preventDefault() {
   var e = this.nativeEvent;

   // if preventDefault exists run it on the original event
   if (e.preventDefault) {
     e.preventDefault();
   } else {
     // otherwise set the returnValue property of the original event to FALSE (IE)
     e.returnValue = FALSE;
   }

   EventBaseObjectProto.preventDefault.call(this);
 },

 stopPropagation: function stopPropagation() {
   var e = this.nativeEvent;

   // if stopPropagation exists run it on the original event
   if (e.stopPropagation) {
     e.stopPropagation();
   } else {
     // otherwise set the cancelBubble property of the original event to TRUE (IE)
     e.cancelBubble = TRUE;
   }

   EventBaseObjectProto.stopPropagation.call(this);
 }
});

exports['default'] = DomEventObject;
module.exports = exports['default'];
3548
3549/***/ }),
3550/* 43 */
3551/***/ (function(module, exports) {
3552
/**
* @ignore
* base event object for custom and dom event.
* @author yiminghe@gmail.com
*/

"use strict";

Object.defineProperty(exports, "__esModule", {
 value: true
});
function returnFalse() {
 return false;
}

function returnTrue() {
 return true;
}

function EventBaseObject() {
 this.timeStamp = Date.now();
 this.target = undefined;
 this.currentTarget = undefined;
}

EventBaseObject.prototype = {
 isEventObject: 1,

 constructor: EventBaseObject,

 isDefaultPrevented: returnFalse,

 isPropagationStopped: returnFalse,

 isImmediatePropagationStopped: returnFalse,

 preventDefault: function preventDefault() {
   this.isDefaultPrevented = returnTrue;
 },

 stopPropagation: function stopPropagation() {
   this.isPropagationStopped = returnTrue;
 },

 stopImmediatePropagation: function stopImmediatePropagation() {
   this.isImmediatePropagationStopped = returnTrue;
   // fixed 1.2
   // call stopPropagation implicitly
   this.stopPropagation();
 },

 halt: function halt(immediate) {
   if (immediate) {
     this.stopImmediatePropagation();
   } else {
     this.stopPropagation();
   }
   this.preventDefault();
 }
};

exports["default"] = EventBaseObject;
module.exports = exports["default"];
3616
3617/***/ }),
3618/* 44 */
3619/***/ (function(module, exports) {
3620
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/

'use strict';
/* eslint-disable no-unused-vars */
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
var hasOwnProperty = Object.prototype.hasOwnProperty;
var propIsEnumerable = Object.prototype.propertyIsEnumerable;

function toObject(val) {
if (val === null || val === undefined) {
	throw new TypeError('Object.assign cannot be called with null or undefined');
}

return Object(val);
}

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 no-new-wrappers
	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 (err) {
	// 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;

for (var s = 1; s < arguments.length; s++) {
	from = Object(arguments[s]);

	for (var key in from) {
		if (hasOwnProperty.call(from, key)) {
			to[key] = from[key];
		}
	}

	if (getOwnPropertySymbols) {
		symbols = getOwnPropertySymbols(from);
		for (var i = 0; i < symbols.length; i++) {
			if (propIsEnumerable.call(from, symbols[i])) {
				to[symbols[i]] = from[symbols[i]];
			}
		}
	}
}

return to;
};
3711
3712
3713/***/ }),
3714/* 45 */
3715/***/ (function(module, exports, __webpack_require__) {
3716
'use strict';

exports.__esModule = true;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _Event = __webpack_require__(46);

var _Event2 = _interopRequireDefault(_Event);

var _componentClasses = __webpack_require__(47);

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 getStyleProperty(node, name) {
 var style = window.getComputedStyle(node);

 var ret = '';
 for (var i = 0; i < prefixes.length; i++) {
   ret = style.getPropertyValue(prefixes[i] + name);
   if (ret) {
     break;
   }
 }
 return ret;
}

function fixBrowserByTimeout(node) {
 if (isCssAnimationSupported) {
   var transitionDelay = parseFloat(getStyleProperty(node, 'transition-delay')) || 0;
   var transitionDuration = parseFloat(getStyleProperty(node, 'transition-duration')) || 0;
   var animationDelay = parseFloat(getStyleProperty(node, 'animation-delay')) || 0;
   var animationDuration = parseFloat(getStyleProperty(node, 'animation-duration')) || 0;
   var time = Math.max(transitionDuration + transitionDelay, animationDuration + animationDelay);
   // sometimes, browser bug
   node.rcEndAnimTimeout = setTimeout(function () {
     node.rcEndAnimTimeout = null;
     if (node.rcEndListener) {
       node.rcEndListener();
     }
   }, time * 1000 + 200);
 }
}

function clearBrowserBugTimeout(node) {
 if (node.rcEndAnimTimeout) {
   clearTimeout(node.rcEndAnimTimeout);
   node.rcEndAnimTimeout = null;
 }
}

var cssAnimation = function cssAnimation(node, transitionName, endCallback) {
 var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
 var className = nameIsObj ? transitionName.name : transitionName;
 var activeClassName = nameIsObj ? transitionName.active : transitionName + '-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();
 }

 node.rcEndListener = function (e) {
   if (e && e.target !== node) {
     return;
   }

   if (node.rcAnimTimeout) {
     clearTimeout(node.rcAnimTimeout);
     node.rcAnimTimeout = null;
   }

   clearBrowserBugTimeout(node);

   nodeClasses.remove(className);
   nodeClasses.remove(activeClassName);

   _Event2.default.removeEndEventListener(node, node.rcEndListener);
   node.rcEndListener = null;

   // Usually this optional end is used for informing an owner of
   // a leave animation and telling it to remove the child.
   if (end) {
     end();
   }
 };

 _Event2.default.addEndEventListener(node, node.rcEndListener);

 if (start) {
   start();
 }
 nodeClasses.add(className);

 node.rcAnimTimeout = setTimeout(function () {
   node.rcAnimTimeout = null;
   nodeClasses.add(activeClassName);
   if (active) {
     setTimeout(active, 0);
   }
   fixBrowserByTimeout(node);
   // 30ms for firefox
 }, 30);

 return {
   stop: function stop() {
     if (node.rcEndListener) {
       node.rcEndListener();
     }
   }
 };
};

cssAnimation.style = function (node, style, callback) {
 if (node.rcEndListener) {
   node.rcEndListener();
 }

 node.rcEndListener = function (e) {
   if (e && e.target !== node) {
     return;
   }

   if (node.rcAnimTimeout) {
     clearTimeout(node.rcAnimTimeout);
     node.rcAnimTimeout = null;
   }

   clearBrowserBugTimeout(node);

   _Event2.default.removeEndEventListener(node, node.rcEndListener);
   node.rcEndListener = null;

   // Usually this optional callback is used for informing an owner of
   // a leave animation and telling it to remove the child.
   if (callback) {
     callback();
   }
 };

 _Event2.default.addEndEventListener(node, node.rcEndListener);

 node.rcAnimTimeout = setTimeout(function () {
   for (var s in style) {
     if (style.hasOwnProperty(s)) {
       node.style[s] = style[s];
     }
   }
   node.rcAnimTimeout = null;
   fixBrowserByTimeout(node);
 }, 0);
};

cssAnimation.setTransition = function (node, p, value) {
 var property = p;
 var v = value;
 if (value === undefined) {
   v = property;
   property = '';
 }
 property = property || '';
 capitalPrefixes.forEach(function (prefix) {
   node.style[prefix + 'Transition' + property] = v;
 });
};

cssAnimation.isCssAnimationSupported = isCssAnimationSupported;

exports.default = cssAnimation;
3904
3905/***/ }),
3906/* 46 */
3907/***/ (function(module, exports) {
3908
'use strict';

exports.__esModule = true;
var EVENT_NAME_MAP = {
 transitionend: {
   transition: 'transitionend',
   WebkitTransition: 'webkitTransitionEnd',
   MozTransition: 'mozTransitionEnd',
   OTransition: 'oTransitionEnd',
   msTransition: 'MSTransitionEnd'
 },

 animationend: {
   animation: 'animationend',
   WebkitAnimation: 'webkitAnimationEnd',
   MozAnimation: 'mozAnimationEnd',
   OAnimation: 'oAnimationEnd',
   msAnimation: 'MSAnimationEnd'
 }
};

var endEvents = [];

function detectEvents() {
 var testEl = document.createElement('div');
 var style = testEl.style;

 if (!('AnimationEvent' in window)) {
   delete EVENT_NAME_MAP.animationend.animation;
 }

 if (!('TransitionEvent' in window)) {
   delete EVENT_NAME_MAP.transitionend.transition;
 }

 for (var baseEventName in EVENT_NAME_MAP) {
   if (EVENT_NAME_MAP.hasOwnProperty(baseEventName)) {
     var baseEvents = EVENT_NAME_MAP[baseEventName];
     for (var styleName in baseEvents) {
       if (styleName in style) {
         endEvents.push(baseEvents[styleName]);
         break;
       }
     }
   }
 }
}

if (typeof window !== 'undefined' && typeof document !== 'undefined') {
 detectEvents();
}

function addEventListener(node, eventName, eventListener) {
 node.addEventListener(eventName, eventListener, false);
}

function removeEventListener(node, eventName, eventListener) {
 node.removeEventListener(eventName, eventListener, false);
}

var TransitionEvents = {
 addEndEventListener: function addEndEventListener(node, eventListener) {
   if (endEvents.length === 0) {
     window.setTimeout(eventListener, 0);
     return;
   }
   endEvents.forEach(function (endEvent) {
     addEventListener(node, endEvent, eventListener);
   });
 },


 endEvents: endEvents,

 removeEndEventListener: function removeEndEventListener(node, eventListener) {
   if (endEvents.length === 0) {
     return;
   }
   endEvents.forEach(function (endEvent) {
     removeEventListener(node, endEvent, eventListener);
   });
 }
};

exports.default = TransitionEvents;
3994
3995/***/ }),
3996/* 47 */
3997/***/ (function(module, exports, __webpack_require__) {
3998
/**
* Module dependencies.
*/

try {
 var index = __webpack_require__(48);
} catch (err) {
 var index = __webpack_require__(48);
}

/**
* Whitespace regexp.
*/

var re = /\s+/;

/**
* 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;
}

/**
* 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
*/

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);
   }
   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);
};
4190
4191
4192/***/ }),
4193/* 48 */
4194/***/ (function(module, exports) {
4195
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;
};
4203
4204/***/ }),
4205/* 49 */
4206/***/ (function(module, exports, __webpack_require__) {
4207
'use strict';

exports.__esModule = true;
exports.default = toArray;

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function toArray(children) {
 var ret = [];
 _react2.default.Children.forEach(children, function (c) {
   ret.push(c);
 });
 return ret;
}
4226
4227/***/ }),
4228/* 50 */
4229/***/ (function(module, exports, __webpack_require__) {
4230
'use strict';

exports.__esModule = true;

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _domAlign = __webpack_require__(51);

var _domAlign2 = _interopRequireDefault(_domAlign);

var _addEventListener = __webpack_require__(40);

var _addEventListener2 = _interopRequireDefault(_addEventListener);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

//import isWindow from './isWindow';

function isWindow(obj) {
 /* eslint no-eq-null: 0 */
 /* eslint eqeqeq: 0 */
 return obj != null && obj == obj.window;
}

function buffer(fn, ms) {
 var timer = void 0;

 function clear() {
   if (timer) {
     clearTimeout(timer);
     timer = null;
   }
 }

 function bufferFn() {
   clear();
   timer = setTimeout(fn, ms);
 }

 bufferFn.clear = clear;

 return bufferFn;
}

var propTypes = {
 childrenProps: _propTypes2.default.object,
 align: _propTypes2.default.object.isRequired,
 target: _propTypes2.default.func,
 onAlign: _propTypes2.default.func,
 monitorBufferTime: _propTypes2.default.number,
 monitorWindowResize: _propTypes2.default.bool,
 disabled: _propTypes2.default.bool,
 children: _propTypes2.default.any
};

var defaultProps = {
 target: function target() {
   return window;
 },
 onAlign: function onAlign() {},

 monitorBufferTime: 50,
 monitorWindowResize: false,
 disabled: false
};

var Align = function (_React$Component) {
 _inherits(Align, _React$Component);

 function Align(props) {
   _classCallCheck(this, Align);

   var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));

   _initialiseProps.call(_this);

   return _this;
 }

 Align.prototype.componentDidMount = function componentDidMount() {
   var props = this.props;
   // if parent ref not attached .... use document.getElementById
   this.forceAlign();
   if (!props.disabled && props.monitorWindowResize) {
     this.startMonitorWindowResize();
   }
 };

 Align.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
   var reAlign = false;
   var props = this.props;

   if (!props.disabled) {
     if (prevProps.disabled || prevProps.align !== props.align) {
       reAlign = true;
     } else {
       var lastTarget = prevProps.target();
       var currentTarget = props.target();
       if (isWindow(lastTarget) && isWindow(currentTarget)) {
         reAlign = false;
       } else if (lastTarget !== currentTarget) {
         reAlign = true;
       }
     }
   }

   if (reAlign) {
     this.forceAlign();
   }

   if (props.monitorWindowResize && !props.disabled) {
     this.startMonitorWindowResize();
   } else {
     this.stopMonitorWindowResize();
   }
 };

 Align.prototype.componentWillUnmount = function componentWillUnmount() {
   this.stopMonitorWindowResize();
 };

 Align.prototype.render = function render() {
   var _props = this.props,
       childrenProps = _props.childrenProps,
       children = _props.children;

   var child = _react2.default.Children.only(children);
   if (childrenProps) {
     var newProps = {};
     for (var prop in childrenProps) {
       if (childrenProps.hasOwnProperty(prop)) {
         newProps[prop] = this.props[childrenProps[prop]];
       }
     }
     return _react2.default.cloneElement(child, newProps);
   }
   return child;
 };

 return Align;
}(_react2.default.Component);

var _initialiseProps = function _initialiseProps() {
 var _this2 = this;

 this.startMonitorWindowResize = function () {
   if (!_this2.resizeHandler) {
     _this2.bufferMonitor = buffer(_this2.forceAlign, _this2.props.monitorBufferTime);
     _this2.resizeHandler = (0, _addEventListener2.default)(window, 'resize', _this2.bufferMonitor);
   }
 };

 this.stopMonitorWindowResize = function () {
   if (_this2.resizeHandler) {
     _this2.bufferMonitor.clear();
     _this2.resizeHandler.remove();
     _this2.resizeHandler = null;
   }
 };

 this.forceAlign = function () {
   var props = _this2.props;
   if (!props.disabled) {
     var source = _reactDom2.default.findDOMNode(_this2);
     props.onAlign(source, (0, _domAlign2.default)(source, props.target(), props.align));
   }
 };
};

;

Align.defaultProps = defaultProps;
Align.propTypes = propTypes;

exports.default = Align;
4422
4423/***/ }),
4424/* 51 */
4425/***/ (function(module, exports, __webpack_require__) {
4426
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.alignPoint = exports.alignElement = undefined;

var _alignElement = __webpack_require__(52);

var _alignElement2 = _interopRequireDefault(_alignElement);

var _alignPoint = __webpack_require__(63);

var _alignPoint2 = _interopRequireDefault(_alignPoint);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports.alignElement = _alignElement2['default'];
exports.alignPoint = _alignPoint2['default'];
exports['default'] = _alignElement2['default'];
4447
4448/***/ }),
4449/* 52 */
4450/***/ (function(module, exports, __webpack_require__) {
4451
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _align = __webpack_require__(53);

var _align2 = _interopRequireDefault(_align);

var _getOffsetParent = __webpack_require__(57);

var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);

var _getVisibleRectForElement = __webpack_require__(56);

var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);

var _getRegion = __webpack_require__(60);

var _getRegion2 = _interopRequireDefault(_getRegion);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function isOutOfVisibleRect(target) {
 var visibleRect = (0, _getVisibleRectForElement2['default'])(target);
 var targetRegion = (0, _getRegion2['default'])(target);

 return !visibleRect || targetRegion.left + targetRegion.width <= visibleRect.left || targetRegion.top + targetRegion.height <= visibleRect.top || targetRegion.left >= visibleRect.right || targetRegion.top >= visibleRect.bottom;
}

function alignElement(el, refNode, align) {
 var target = align.target || refNode;
 var refNodeRegion = (0, _getRegion2['default'])(target);

 var isTargetNotOutOfVisible = !isOutOfVisibleRect(target);

 return (0, _align2['default'])(el, refNodeRegion, align, isTargetNotOutOfVisible);
}

alignElement.__getOffsetParent = _getOffsetParent2['default'];

alignElement.__getVisibleRectForElement = _getVisibleRectForElement2['default'];

exports['default'] = alignElement;
module.exports = exports['default'];
4498
4499/***/ }),
4500/* 53 */
4501/***/ (function(module, exports, __webpack_require__) {
4502
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

var _getVisibleRectForElement = __webpack_require__(56);

var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);

var _adjustForViewport = __webpack_require__(59);

var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);

var _getRegion = __webpack_require__(60);

var _getRegion2 = _interopRequireDefault(_getRegion);

var _getElFuturePos = __webpack_require__(61);

var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

// http://yiminghe.iteye.com/blog/1124720

function isFailX(elFuturePos, elRegion, visibleRect) {
 return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;
} /**
  * align dom node flexibly
  * @author yiminghe@gmail.com
  */

function isFailY(elFuturePos, elRegion, visibleRect) {
 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) {
   ret.push(p.replace(reg, function (m) {
     return map[m];
   }));
 });
 return ret;
}

function flipOffset(offset, index) {
 offset[index] = -offset[index];
 return offset;
}

function convertOffset(str, offsetLen) {
 var n = void 0;
 if (/%$/.test(str)) {
   n = parseInt(str.substring(0, str.length - 1), 10) / 100 * offsetLen;
 } else {
   n = parseInt(str, 10);
 }
 return n || 0;
}

function normalizeOffset(offset, el) {
 offset[0] = convertOffset(offset[0], el.width);
 offset[1] = convertOffset(offset[1], el.height);
}

/**
* @param el
* @param tgtRegion 参照节点所占的区域: { left, top, width, height }
* @param align
*/
function doAlign(el, tgtRegion, align, isTgtRegionVisible) {
 var points = align.points;
 var offset = align.offset || [0, 0];
 var targetOffset = align.targetOffset || [0, 0];
 var overflow = align.overflow;
 var source = align.source || el;
 offset = [].concat(offset);
 targetOffset = [].concat(targetOffset);
 overflow = overflow || {};
 var newOverflowCfg = {};
 var fail = 0;
 // 当前节点可以被放置的显示区域
 var visibleRect = (0, _getVisibleRectForElement2['default'])(source);
 // 当前节点所占的区域, left/top/width/height
 var elRegion = (0, _getRegion2['default'])(source);
 // 将 offset 转换成数值，支持百分比
 normalizeOffset(offset, elRegion);
 normalizeOffset(targetOffset, tgtRegion);
 // 当前节点将要被放置的位置
 var elFuturePos = (0, _getElFuturePos2['default'])(elRegion, tgtRegion, points, offset, targetOffset);
 // 当前节点将要所处的区域
 var newElRegion = _utils2['default'].merge(elRegion, elFuturePos);

 // 如果可视区域不能完全放置当前节点时允许调整
 if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTgtRegionVisible) {
   if (overflow.adjustX) {
     // 如果横向不能放下
     if (isFailX(elFuturePos, elRegion, visibleRect)) {
       // 对齐位置反下
       var newPoints = flip(points, /[lr]/ig, {
         l: 'r',
         r: 'l'
       });
       // 偏移量也反下
       var newOffset = flipOffset(offset, 0);
       var newTargetOffset = flipOffset(targetOffset, 0);
       var newElFuturePos = (0, _getElFuturePos2['default'])(elRegion, tgtRegion, newPoints, newOffset, newTargetOffset);

       if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {
         fail = 1;
         points = newPoints;
         offset = newOffset;
         targetOffset = newTargetOffset;
       }
     }
   }

   if (overflow.adjustY) {
     // 如果纵向不能放下
     if (isFailY(elFuturePos, elRegion, visibleRect)) {
       // 对齐位置反下
       var _newPoints = flip(points, /[tb]/ig, {
         t: 'b',
         b: 't'
       });
       // 偏移量也反下
       var _newOffset = flipOffset(offset, 1);
       var _newTargetOffset = flipOffset(targetOffset, 1);
       var _newElFuturePos = (0, _getElFuturePos2['default'])(elRegion, tgtRegion, _newPoints, _newOffset, _newTargetOffset);

       if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {
         fail = 1;
         points = _newPoints;
         offset = _newOffset;
         targetOffset = _newTargetOffset;
       }
     }
   }

   // 如果失败，重新计算当前节点将要被放置的位置
   if (fail) {
     elFuturePos = (0, _getElFuturePos2['default'])(elRegion, tgtRegion, points, offset, targetOffset);
     _utils2['default'].mix(newElRegion, elFuturePos);
   }
   var isStillFailX = isFailX(elFuturePos, elRegion, visibleRect);
   var isStillFailY = isFailY(elFuturePos, elRegion, visibleRect);
   // 检查反下后的位置是否可以放下了，如果仍然放不下：
   // 1. 复原修改过的定位参数
   if (isStillFailX || isStillFailY) {
     points = align.points;
     offset = align.offset || [0, 0];
     targetOffset = align.targetOffset || [0, 0];
   }
   // 2. 只有指定了可以调整当前方向才调整
   newOverflowCfg.adjustX = overflow.adjustX && isStillFailX;
   newOverflowCfg.adjustY = overflow.adjustY && isStillFailY;

   // 确实要调整，甚至可能会调整高度宽度
   if (newOverflowCfg.adjustX || newOverflowCfg.adjustY) {
     newElRegion = (0, _adjustForViewport2['default'])(elFuturePos, elRegion, visibleRect, newOverflowCfg);
   }
 }

 // need judge to in case set fixed with in css on height auto element
 if (newElRegion.width !== elRegion.width) {
   _utils2['default'].css(source, 'width', _utils2['default'].width(source) + newElRegion.width - elRegion.width);
 }

 if (newElRegion.height !== elRegion.height) {
   _utils2['default'].css(source, 'height', _utils2['default'].height(source) + newElRegion.height - elRegion.height);
 }

 // https://github.com/kissyteam/kissy/issues/190
 // 相对于屏幕位置没变，而 left/top 变了
 // 例如 <div 'relative'><el absolute></div>
 _utils2['default'].offset(source, {
   left: newElRegion.left,
   top: newElRegion.top
 }, {
   useCssRight: align.useCssRight,
   useCssBottom: align.useCssBottom,
   useCssTransform: align.useCssTransform,
   ignoreShake: align.ignoreShake
 });

 return {
   points: points,
   offset: offset,
   targetOffset: targetOffset,
   overflow: newOverflowCfg
 };
}

exports['default'] = doAlign;
/**
*  2012-04-26 yiminghe@gmail.com
*   - 优化智能对齐算法
*   - 慎用 resizeXX
*
*  2011-07-13 yiminghe@gmail.com note:
*   - 增加智能对齐，以及大小调整选项
**/

module.exports = exports['default'];
4721
4722/***/ }),
4723/* 54 */
4724/***/ (function(module, exports, __webpack_require__) {
4725
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _propertyUtils = __webpack_require__(55);

var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;

var getComputedStyleX = void 0;

// https://stackoverflow.com/a/3485654/3040605
function forceRelayout(elem) {
 var originalStyle = elem.style.display;
 elem.style.display = 'none';
 elem.offsetHeight; // eslint-disable-line
 elem.style.display = originalStyle;
}

function css(el, name, v) {
 var value = v;
 if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
   for (var i in name) {
     if (name.hasOwnProperty(i)) {
       css(el, i, name[i]);
     }
   }
   return undefined;
 }
 if (typeof value !== 'undefined') {
   if (typeof value === 'number') {
     value = value + 'px';
   }
   el.style[name] = value;
   return undefined;
 }
 return getComputedStyleX(el, name);
}

function getClientPosition(elem) {
 var box = void 0;
 var x = void 0;
 var y = void 0;
 var doc = elem.ownerDocument;
 var body = doc.body;
 var docElem = doc && doc.documentElement;
 // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
 box = elem.getBoundingClientRect();

 // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
 // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
 // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin

 x = box.left;
 y = box.top;

 // In IE, most of the time, 2 extra pixels are added to the top and left
 // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and
 // IE6 standards mode, this border can be overridden by setting the
 // document element's border to zero -- thus, we cannot rely on the
 // offset always being 2 pixels.

 // In quirks mode, the offset can be determined by querying the body's
 // clientLeft/clientTop, but in standards mode, it is found by querying
 // the document element's clientLeft/clientTop.  Since we already called
 // getClientBoundingRect we have already forced a reflow, so it is not
 // too expensive just to query them all.

 // ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的
 // 窗口边框标准是设 documentElement ,quirks 时设置 body
 // 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去
 // 但是非 ie 不可能设置窗口边框，body html 也不是窗口 ,ie 可以通过 html,body 设置
 // 标准 ie 下 docElem.clientTop 就是 border-top
 // ie7 html 即窗口边框改变不了。永远为 2
 // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框，即使设了 border-top 也为 0

 x -= docElem.clientLeft || body.clientLeft || 0;
 y -= docElem.clientTop || body.clientTop || 0;

 return {
   left: x,
   top: y
 };
}

function getScroll(w, top) {
 var ret = w['page' + (top ? 'Y' : 'X') + 'Offset'];
 var method = 'scroll' + (top ? 'Top' : 'Left');
 if (typeof ret !== 'number') {
   var d = w.document;
   // ie6,7,8 standard mode
   ret = d.documentElement[method];
   if (typeof ret !== 'number') {
     // quirks mode
     ret = d.body[method];
   }
 }
 return ret;
}

function getScrollLeft(w) {
 return getScroll(w);
}

function getScrollTop(w) {
 return getScroll(w, true);
}

function getOffset(el) {
 var pos = getClientPosition(el);
 var doc = el.ownerDocument;
 var w = doc.defaultView || doc.parentWindow;
 pos.left += getScrollLeft(w);
 pos.top += getScrollTop(w);
 return pos;
}

/**
* A crude way of determining if an object is a window
* @member util
*/
function isWindow(obj) {
 // must use == for ie8
 /* eslint eqeqeq:0 */
 return obj !== null && obj !== undefined && obj == obj.window;
}

function getDocument(node) {
 if (isWindow(node)) {
   return node.document;
 }
 if (node.nodeType === 9) {
   return node;
 }
 return node.ownerDocument;
}

function _getComputedStyle(elem, name, cs) {
 var computedStyle = cs;
 var val = '';
 var d = getDocument(elem);
 computedStyle = computedStyle || d.defaultView.getComputedStyle(elem, null);

 // https://github.com/kissyteam/kissy/issues/61
 if (computedStyle) {
   val = computedStyle.getPropertyValue(name) || computedStyle[name];
 }

 return val;
}

var _RE_NUM_NO_PX = new RegExp('^(' + RE_NUM + ')(?!px)[a-z%]+$', 'i');
var RE_POS = /^(top|right|bottom|left)$/;
var CURRENT_STYLE = 'currentStyle';
var RUNTIME_STYLE = 'runtimeStyle';
var LEFT = 'left';
var PX = 'px';

function _getComputedStyleIE(elem, name) {
 // currentStyle maybe null
 // http://msdn.microsoft.com/en-us/library/ms535231.aspx
 var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name];

 // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
 // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19
 // 在 ie 下不对，需要直接用 offset 方式
 // borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了

 // From the awesome hack by Dean Edwards
 // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
 // If we're not dealing with a regular pixel number
 // but a number that has a weird ending, we need to convert it to pixels
 // exclude left right for relativity
 if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {
   // Remember the original values
   var style = elem.style;
   var left = style[LEFT];
   var rsLeft = elem[RUNTIME_STYLE][LEFT];

   // prevent flashing of content
   elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];

   // Put in the new values to get a computed value out
   style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;
   ret = style.pixelLeft + PX;

   // Revert the changed values
   style[LEFT] = left;

   elem[RUNTIME_STYLE][LEFT] = rsLeft;
 }
 return ret === '' ? 'auto' : ret;
}

if (typeof window !== 'undefined') {
 getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;
}

function getOffsetDirection(dir, option) {
 if (dir === 'left') {
   return option.useCssRight ? 'right' : dir;
 }
 return option.useCssBottom ? 'bottom' : dir;
}

function oppositeOffsetDirection(dir) {
 if (dir === 'left') {
   return 'right';
 } else if (dir === 'right') {
   return 'left';
 } else if (dir === 'top') {
   return 'bottom';
 } else if (dir === 'bottom') {
   return 'top';
 }
}

// 设置 elem 相对 elem.ownerDocument 的坐标
function setLeftTop(elem, offset, option) {
 // set position first, in-case top/left are set even on static elem
 if (css(elem, 'position') === 'static') {
   elem.style.position = 'relative';
 }
 var presetH = -999;
 var presetV = -999;
 var horizontalProperty = getOffsetDirection('left', option);
 var verticalProperty = getOffsetDirection('top', option);
 var oppositeHorizontalProperty = oppositeOffsetDirection(horizontalProperty);
 var oppositeVerticalProperty = oppositeOffsetDirection(verticalProperty);

 if (horizontalProperty !== 'left') {
   presetH = 999;
 }

 if (verticalProperty !== 'top') {
   presetV = 999;
 }
 var originalTransition = '';
 var originalOffset = getOffset(elem);
 if ('left' in offset || 'top' in offset) {
   originalTransition = (0, _propertyUtils.getTransitionProperty)(elem) || '';
   (0, _propertyUtils.setTransitionProperty)(elem, 'none');
 }
 if ('left' in offset) {
   elem.style[oppositeHorizontalProperty] = '';
   elem.style[horizontalProperty] = presetH + 'px';
 }
 if ('top' in offset) {
   elem.style[oppositeVerticalProperty] = '';
   elem.style[verticalProperty] = presetV + 'px';
 }
 // force relayout
 forceRelayout(elem);
 var old = getOffset(elem);
 var originalStyle = {};
 for (var key in offset) {
   if (offset.hasOwnProperty(key)) {
     var dir = getOffsetDirection(key, option);
     var preset = key === 'left' ? presetH : presetV;
     var off = originalOffset[key] - old[key];
     if (dir === key) {
       originalStyle[dir] = preset + off;
     } else {
       originalStyle[dir] = preset - off;
     }
   }
 }
 css(elem, originalStyle);
 // force relayout
 forceRelayout(elem);
 if ('left' in offset || 'top' in offset) {
   (0, _propertyUtils.setTransitionProperty)(elem, originalTransition);
 }
 var ret = {};
 for (var _key in offset) {
   if (offset.hasOwnProperty(_key)) {
     var _dir = getOffsetDirection(_key, option);
     var _off = offset[_key] - originalOffset[_key];
     if (_key === _dir) {
       ret[_dir] = originalStyle[_dir] + _off;
     } else {
       ret[_dir] = originalStyle[_dir] - _off;
     }
   }
 }
 css(elem, ret);
}

function setTransform(elem, offset) {
 var originalOffset = getOffset(elem);
 var originalXY = (0, _propertyUtils.getTransformXY)(elem);
 var resultXY = { x: originalXY.x, y: originalXY.y };
 if ('left' in offset) {
   resultXY.x = originalXY.x + offset.left - originalOffset.left;
 }
 if ('top' in offset) {
   resultXY.y = originalXY.y + offset.top - originalOffset.top;
 }
 (0, _propertyUtils.setTransformXY)(elem, resultXY);
}

function setOffset(elem, offset, option) {
 if (option.ignoreShake) {
   var oriOffset = getOffset(elem);

   var oLeft = oriOffset.left.toFixed(0);
   var oTop = oriOffset.top.toFixed(0);
   var tLeft = offset.left.toFixed(0);
   var tTop = offset.top.toFixed(0);

   if (oLeft === tLeft && oTop === tTop) {
     return;
   }
 }

 if (option.useCssRight || option.useCssBottom) {
   setLeftTop(elem, offset, option);
 } else if (option.useCssTransform && (0, _propertyUtils.getTransformName)() in document.body.style) {
   setTransform(elem, offset, option);
 } else {
   setLeftTop(elem, offset, option);
 }
}

function each(arr, fn) {
 for (var i = 0; i < arr.length; i++) {
   fn(arr[i]);
 }
}

function isBorderBoxFn(elem) {
 return getComputedStyleX(elem, 'boxSizing') === 'border-box';
}

var BOX_MODELS = ['margin', 'border', 'padding'];
var CONTENT_INDEX = -1;
var PADDING_INDEX = 2;
var BORDER_INDEX = 1;
var MARGIN_INDEX = 0;

function swap(elem, options, callback) {
 var old = {};
 var style = elem.style;
 var name = void 0;

 // Remember the old values, and insert the new ones
 for (name in options) {
   if (options.hasOwnProperty(name)) {
     old[name] = style[name];
     style[name] = options[name];
   }
 }

 callback.call(elem);

 // Revert the old values
 for (name in options) {
   if (options.hasOwnProperty(name)) {
     style[name] = old[name];
   }
 }
}

function getPBMWidth(elem, props, which) {
 var value = 0;
 var prop = void 0;
 var j = void 0;
 var i = void 0;
 for (j = 0; j < props.length; j++) {
   prop = props[j];
   if (prop) {
     for (i = 0; i < which.length; i++) {
       var cssProp = void 0;
       if (prop === 'border') {
         cssProp = '' + prop + which[i] + 'Width';
       } else {
         cssProp = prop + which[i];
       }
       value += parseFloat(getComputedStyleX(elem, cssProp)) || 0;
     }
   }
 }
 return value;
}

var domUtils = {};

each(['Width', 'Height'], function (name) {
 domUtils['doc' + name] = function (refWin) {
   var d = refWin.document;
   return Math.max(
   // firefox chrome documentElement.scrollHeight< body.scrollHeight
   // ie standard mode : documentElement.scrollHeight> body.scrollHeight
   d.documentElement['scroll' + name],
   // quirks : documentElement.scrollHeight 最大等于可视窗口多一点？
   d.body['scroll' + name], domUtils['viewport' + name](d));
 };

 domUtils['viewport' + name] = function (win) {
   // pc browser includes scrollbar in window.innerWidth
   var prop = 'client' + name;
   var doc = win.document;
   var body = doc.body;
   var documentElement = doc.documentElement;
   var documentElementProp = documentElement[prop];
   // 标准模式取 documentElement
   // backcompat 取 body
   return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;
 };
});

/*
得到元素的大小信息
@param elem
@param name
@param {String} [extra]  'padding' : (css width) + padding
'border' : (css width) + padding + border
'margin' : (css width) + padding + border + margin
*/
function getWH(elem, name, ex) {
 var extra = ex;
 if (isWindow(elem)) {
   return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem);
 } else if (elem.nodeType === 9) {
   return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem);
 }
 var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
 var borderBoxValue = name === 'width' ? elem.getBoundingClientRect().width : elem.getBoundingClientRect().height;
 var computedStyle = getComputedStyleX(elem);
 var isBorderBox = isBorderBoxFn(elem, computedStyle);
 var cssBoxValue = 0;
 if (borderBoxValue === null || borderBoxValue === undefined || borderBoxValue <= 0) {
   borderBoxValue = undefined;
   // Fall back to computed then un computed css if necessary
   cssBoxValue = getComputedStyleX(elem, name);
   if (cssBoxValue === null || cssBoxValue === undefined || Number(cssBoxValue) < 0) {
     cssBoxValue = elem.style[name] || 0;
   }
   // Normalize '', auto, and prepare for extra
   cssBoxValue = parseFloat(cssBoxValue) || 0;
 }
 if (extra === undefined) {
   extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;
 }
 var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox;
 var val = borderBoxValue || cssBoxValue;
 if (extra === CONTENT_INDEX) {
   if (borderBoxValueOrIsBorderBox) {
     return val - getPBMWidth(elem, ['border', 'padding'], which, computedStyle);
   }
   return cssBoxValue;
 } else if (borderBoxValueOrIsBorderBox) {
   if (extra === BORDER_INDEX) {
     return val;
   }
   return val + (extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which, computedStyle) : getPBMWidth(elem, ['margin'], which, computedStyle));
 }
 return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which, computedStyle);
}

var cssShow = {
 position: 'absolute',
 visibility: 'hidden',
 display: 'block'
};

// fix #119 : https://github.com/kissyteam/kissy/issues/119
function getWHIgnoreDisplay() {
 for (var _len = arguments.length, args = Array(_len), _key2 = 0; _key2 < _len; _key2++) {
   args[_key2] = arguments[_key2];
 }

 var val = void 0;
 var elem = args[0];
 // in case elem is window
 // elem.offsetWidth === undefined
 if (elem.offsetWidth !== 0) {
   val = getWH.apply(undefined, args);
 } else {
   swap(elem, cssShow, function () {
     val = getWH.apply(undefined, args);
   });
 }
 return val;
}

each(['width', 'height'], function (name) {
 var first = name.charAt(0).toUpperCase() + name.slice(1);
 domUtils['outer' + first] = function (el, includeMargin) {
   return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX);
 };
 var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];

 domUtils[name] = function (elem, v) {
   var val = v;
   if (val !== undefined) {
     if (elem) {
       var computedStyle = getComputedStyleX(elem);
       var isBorderBox = isBorderBoxFn(elem);
       if (isBorderBox) {
         val += getPBMWidth(elem, ['padding', 'border'], which, computedStyle);
       }
       return css(elem, name, val);
     }
     return undefined;
   }
   return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX);
 };
});

function mix(to, from) {
 for (var i in from) {
   if (from.hasOwnProperty(i)) {
     to[i] = from[i];
   }
 }
 return to;
}

var utils = {
 getWindow: function getWindow(node) {
   if (node && node.document && node.setTimeout) {
     return node;
   }
   var doc = node.ownerDocument || node;
   return doc.defaultView || doc.parentWindow;
 },

 getDocument: getDocument,
 offset: function offset(el, value, option) {
   if (typeof value !== 'undefined') {
     setOffset(el, value, option || {});
   } else {
     return getOffset(el);
   }
 },

 isWindow: isWindow,
 each: each,
 css: css,
 clone: function clone(obj) {
   var i = void 0;
   var ret = {};
   for (i in obj) {
     if (obj.hasOwnProperty(i)) {
       ret[i] = obj[i];
     }
   }
   var overflow = obj.overflow;
   if (overflow) {
     for (i in obj) {
       if (obj.hasOwnProperty(i)) {
         ret.overflow[i] = obj.overflow[i];
       }
     }
   }
   return ret;
 },

 mix: mix,
 getWindowScrollLeft: function getWindowScrollLeft(w) {
   return getScrollLeft(w);
 },
 getWindowScrollTop: function getWindowScrollTop(w) {
   return getScrollTop(w);
 },
 merge: function merge() {
   var ret = {};

   for (var _len2 = arguments.length, args = Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
     args[_key3] = arguments[_key3];
   }

   for (var i = 0; i < args.length; i++) {
     utils.mix(ret, args[i]);
   }
   return ret;
 },

 viewportWidth: 0,
 viewportHeight: 0
};

mix(utils, domUtils);

exports['default'] = utils;
module.exports = exports['default'];
5316
5317/***/ }),
5318/* 55 */
5319/***/ (function(module, exports) {
5320
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.getTransformName = getTransformName;
exports.setTransitionProperty = setTransitionProperty;
exports.getTransitionProperty = getTransitionProperty;
exports.getTransformXY = getTransformXY;
exports.setTransformXY = setTransformXY;
var vendorPrefix = void 0;

var jsCssMap = {
 Webkit: '-webkit-',
 Moz: '-moz-',
 // IE did it wrong again ...
 ms: '-ms-',
 O: '-o-'
};

function getVendorPrefix() {
 if (vendorPrefix !== undefined) {
   return vendorPrefix;
 }
 vendorPrefix = '';
 var style = document.createElement('p').style;
 var testProp = 'Transform';
 for (var key in jsCssMap) {
   if (key + testProp in style) {
     vendorPrefix = key;
   }
 }
 return vendorPrefix;
}

function getTransitionName() {
 return getVendorPrefix() ? getVendorPrefix() + 'TransitionProperty' : 'transitionProperty';
}

function getTransformName() {
 return getVendorPrefix() ? getVendorPrefix() + 'Transform' : 'transform';
}

function setTransitionProperty(node, value) {
 var name = getTransitionName();
 if (name) {
   node.style[name] = value;
   if (name !== 'transitionProperty') {
     node.style.transitionProperty = value;
   }
 }
}

function setTransform(node, value) {
 var name = getTransformName();
 if (name) {
   node.style[name] = value;
   if (name !== 'transform') {
     node.style.transform = value;
   }
 }
}

function getTransitionProperty(node) {
 return node.style.transitionProperty || node.style[getTransitionName()];
}

function getTransformXY(node) {
 var style = window.getComputedStyle(node, null);
 var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName());
 if (transform && transform !== 'none') {
   var matrix = transform.replace(/[^0-9\-.,]/g, '').split(',');
   return { x: parseFloat(matrix[12] || matrix[4], 0), y: parseFloat(matrix[13] || matrix[5], 0) };
 }
 return {
   x: 0,
   y: 0
 };
}

var matrix2d = /matrix\((.*)\)/;
var matrix3d = /matrix3d\((.*)\)/;

function setTransformXY(node, xy) {
 var style = window.getComputedStyle(node, null);
 var transform = style.getPropertyValue('transform') || style.getPropertyValue(getTransformName());
 if (transform && transform !== 'none') {
   var arr = void 0;
   var match2d = transform.match(matrix2d);
   if (match2d) {
     match2d = match2d[1];
     arr = match2d.split(',').map(function (item) {
       return parseFloat(item, 10);
     });
     arr[4] = xy.x;
     arr[5] = xy.y;
     setTransform(node, 'matrix(' + arr.join(',') + ')');
   } else {
     var match3d = transform.match(matrix3d)[1];
     arr = match3d.split(',').map(function (item) {
       return parseFloat(item, 10);
     });
     arr[12] = xy.x;
     arr[13] = xy.y;
     setTransform(node, 'matrix3d(' + arr.join(',') + ')');
   }
 } else {
   setTransform(node, 'translateX(' + xy.x + 'px) translateY(' + xy.y + 'px) translateZ(0)');
 }
}
5431
5432/***/ }),
5433/* 56 */
5434/***/ (function(module, exports, __webpack_require__) {
5435
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

var _getOffsetParent = __webpack_require__(57);

var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);

var _isAncestorFixed = __webpack_require__(58);

var _isAncestorFixed2 = _interopRequireDefault(_isAncestorFixed);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

/**
* 获得元素的显示部分的区域
*/
function getVisibleRectForElement(element) {
 var visibleRect = {
   left: 0,
   right: Infinity,
   top: 0,
   bottom: Infinity
 };
 var el = (0, _getOffsetParent2['default'])(element);
 var doc = _utils2['default'].getDocument(element);
 var win = doc.defaultView || doc.parentWindow;
 var body = doc.body;
 var documentElement = doc.documentElement;

 // Determine the size of the visible rect by climbing the dom accounting for
 // all scrollable containers.
 while (el) {
   // clientWidth is zero for inline block elements in ie.
   if ((navigator.userAgent.indexOf('MSIE') === -1 || el.clientWidth !== 0) &&
   // body may have overflow set on it, yet we still get the entire
   // viewport. In some browsers, el.offsetParent may be
   // document.documentElement, so check for that too.
   el !== body && el !== documentElement && _utils2['default'].css(el, 'overflow') !== 'visible') {
     var pos = _utils2['default'].offset(el);
     // add border
     pos.left += el.clientLeft;
     pos.top += el.clientTop;
     visibleRect.top = Math.max(visibleRect.top, pos.top);
     visibleRect.right = Math.min(visibleRect.right,
     // consider area without scrollBar
     pos.left + el.clientWidth);
     visibleRect.bottom = Math.min(visibleRect.bottom, pos.top + el.clientHeight);
     visibleRect.left = Math.max(visibleRect.left, pos.left);
   } else if (el === body || el === documentElement) {
     break;
   }
   el = (0, _getOffsetParent2['default'])(el);
 }

 // Set element position to fixed
 // make sure absolute element itself don't affect it's visible area
 // https://github.com/ant-design/ant-design/issues/7601
 var originalPosition = null;
 if (!_utils2['default'].isWindow(element) && element.nodeType !== 9) {
   originalPosition = element.style.position;
   var position = _utils2['default'].css(element, 'position');
   if (position === 'absolute') {
     element.style.position = 'fixed';
   }
 }

 var scrollX = _utils2['default'].getWindowScrollLeft(win);
 var scrollY = _utils2['default'].getWindowScrollTop(win);
 var viewportWidth = _utils2['default'].viewportWidth(win);
 var viewportHeight = _utils2['default'].viewportHeight(win);
 var documentWidth = documentElement.scrollWidth;
 var documentHeight = documentElement.scrollHeight;

 // Reset element position after calculate the visible area
 if (element.style) {
   element.style.position = originalPosition;
 }

 if ((0, _isAncestorFixed2['default'])(element)) {
   // Clip by viewport's size.
   visibleRect.left = Math.max(visibleRect.left, scrollX);
   visibleRect.top = Math.max(visibleRect.top, scrollY);
   visibleRect.right = Math.min(visibleRect.right, scrollX + viewportWidth);
   visibleRect.bottom = Math.min(visibleRect.bottom, scrollY + viewportHeight);
 } else {
   // Clip by document's size.
   var maxVisibleWidth = Math.max(documentWidth, scrollX + viewportWidth);
   visibleRect.right = Math.min(visibleRect.right, maxVisibleWidth);

   var maxVisibleHeight = Math.max(documentHeight, scrollY + viewportHeight);
   visibleRect.bottom = Math.min(visibleRect.bottom, maxVisibleHeight);
 }

 return visibleRect.top >= 0 && visibleRect.left >= 0 && visibleRect.bottom > visibleRect.top && visibleRect.right > visibleRect.left ? visibleRect : null;
}

exports['default'] = getVisibleRectForElement;
module.exports = exports['default'];
5541
5542/***/ }),
5543/* 57 */
5544/***/ (function(module, exports, __webpack_require__) {
5545
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

/**
* 得到会导致元素显示不全的祖先元素
*/

function getOffsetParent(element) {
 if (_utils2['default'].isWindow(element) || element.nodeType === 9) {
   return null;
 }
 // ie 这个也不是完全可行
 /*
  <div style="width: 50px;height: 100px;overflow: hidden">
  <div style="width: 50px;height: 100px;position: relative;" id="d6">
  元素 6 高 100px 宽 50px<br/>
  </div>
  </div>
  */
 // element.offsetParent does the right thing in ie7 and below. Return parent with layout!
 //  In other browsers it only includes elements with position absolute, relative or
 // fixed, not elements with overflow set to auto or scroll.
 //        if (UA.ie && ieMode < 8) {
 //            return element.offsetParent;
 //        }
 // 统一的 offsetParent 方法
 var doc = _utils2['default'].getDocument(element);
 var body = doc.body;
 var parent = void 0;
 var positionStyle = _utils2['default'].css(element, 'position');
 var skipStatic = positionStyle === 'fixed' || positionStyle === 'absolute';

 if (!skipStatic) {
   return element.nodeName.toLowerCase() === 'html' ? null : element.parentNode;
 }

 for (parent = element.parentNode; parent && parent !== body; parent = parent.parentNode) {
   positionStyle = _utils2['default'].css(parent, 'position');
   if (positionStyle !== 'static') {
     return parent;
   }
 }
 return null;
}

exports['default'] = getOffsetParent;
module.exports = exports['default'];
5602
5603/***/ }),
5604/* 58 */
5605/***/ (function(module, exports, __webpack_require__) {
5606
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports['default'] = isAncestorFixed;

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function isAncestorFixed(element) {
 if (_utils2['default'].isWindow(element) || element.nodeType === 9) {
   return false;
 }

 var doc = _utils2['default'].getDocument(element);
 var body = doc.body;
 var parent = null;
 for (parent = element.parentNode; parent && parent !== body; parent = parent.parentNode) {
   var positionStyle = _utils2['default'].css(parent, 'position');
   if (positionStyle === 'fixed') {
     return true;
   }
 }
 return false;
}
module.exports = exports['default'];
5637
5638/***/ }),
5639/* 59 */
5640/***/ (function(module, exports, __webpack_require__) {
5641
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function adjustForViewport(elFuturePos, elRegion, visibleRect, overflow) {
 var pos = _utils2['default'].clone(elFuturePos);
 var size = {
   width: elRegion.width,
   height: elRegion.height
 };

 if (overflow.adjustX && pos.left < visibleRect.left) {
   pos.left = visibleRect.left;
 }

 // Left edge inside and right edge outside viewport, try to resize it.
 if (overflow.resizeWidth && pos.left >= visibleRect.left && pos.left + size.width > visibleRect.right) {
   size.width -= pos.left + size.width - visibleRect.right;
 }

 // Right edge outside viewport, try to move it.
 if (overflow.adjustX && pos.left + size.width > visibleRect.right) {
   // 保证左边界和可视区域左边界对齐
   pos.left = Math.max(visibleRect.right - size.width, visibleRect.left);
 }

 // Top edge outside viewport, try to move it.
 if (overflow.adjustY && pos.top < visibleRect.top) {
   pos.top = visibleRect.top;
 }

 // Top edge inside and bottom edge outside viewport, try to resize it.
 if (overflow.resizeHeight && pos.top >= visibleRect.top && pos.top + size.height > visibleRect.bottom) {
   size.height -= pos.top + size.height - visibleRect.bottom;
 }

 // Bottom edge outside viewport, try to move it.
 if (overflow.adjustY && pos.top + size.height > visibleRect.bottom) {
   // 保证上边界和可视区域上边界对齐
   pos.top = Math.max(visibleRect.bottom - size.height, visibleRect.top);
 }

 return _utils2['default'].mix(pos, size);
}

exports['default'] = adjustForViewport;
module.exports = exports['default'];
5697
5698/***/ }),
5699/* 60 */
5700/***/ (function(module, exports, __webpack_require__) {
5701
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function getRegion(node) {
 var offset = void 0;
 var w = void 0;
 var h = void 0;
 if (!_utils2['default'].isWindow(node) && node.nodeType !== 9) {
   offset = _utils2['default'].offset(node);
   w = _utils2['default'].outerWidth(node);
   h = _utils2['default'].outerHeight(node);
 } else {
   var win = _utils2['default'].getWindow(node);
   offset = {
     left: _utils2['default'].getWindowScrollLeft(win),
     top: _utils2['default'].getWindowScrollTop(win)
   };
   w = _utils2['default'].viewportWidth(win);
   h = _utils2['default'].viewportHeight(win);
 }
 offset.width = w;
 offset.height = h;
 return offset;
}

exports['default'] = getRegion;
module.exports = exports['default'];
5738
5739/***/ }),
5740/* 61 */
5741/***/ (function(module, exports, __webpack_require__) {
5742
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _getAlignOffset = __webpack_require__(62);

var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function getElFuturePos(elRegion, refNodeRegion, points, offset, targetOffset) {
 var p1 = (0, _getAlignOffset2['default'])(refNodeRegion, points[1]);
 var p2 = (0, _getAlignOffset2['default'])(elRegion, points[0]);
 var diff = [p2.left - p1.left, p2.top - p1.top];

 return {
   left: elRegion.left - diff[0] + offset[0] - targetOffset[0],
   top: elRegion.top - diff[1] + offset[1] - targetOffset[1]
 };
}

exports['default'] = getElFuturePos;
module.exports = exports['default'];
5768
5769/***/ }),
5770/* 62 */
5771/***/ (function(module, exports) {
5772
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
/**
* 获取 node 上的 align 对齐点 相对于页面的坐标
*/

function getAlignOffset(region, align) {
 var V = align.charAt(0);
 var H = align.charAt(1);
 var w = region.width;
 var h = region.height;

 var x = region.left;
 var y = region.top;

 if (V === 'c') {
   y += h / 2;
 } else if (V === 'b') {
   y += h;
 }

 if (H === 'c') {
   x += w / 2;
 } else if (H === 'r') {
   x += w;
 }

 return {
   left: x,
   top: y
 };
}

exports['default'] = getAlignOffset;
module.exports = exports['default'];
5811
5812/***/ }),
5813/* 63 */
5814/***/ (function(module, exports, __webpack_require__) {
5815
'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; };

var _utils = __webpack_require__(54);

var _utils2 = _interopRequireDefault(_utils);

var _align = __webpack_require__(53);

var _align2 = _interopRequireDefault(_align);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

/**
* `tgtPoint`: { pageX, pageY } or { clientX, clientY }.
* If client position provided, will internal convert to page position.
*/

function alignPoint(el, tgtPoint, align) {
 var pageX = void 0;
 var pageY = void 0;

 var doc = _utils2['default'].getDocument(el);
 var win = doc.defaultView || doc.parentWindow;

 var scrollX = _utils2['default'].getWindowScrollLeft(win);
 var scrollY = _utils2['default'].getWindowScrollTop(win);
 var viewportWidth = _utils2['default'].viewportWidth(win);
 var viewportHeight = _utils2['default'].viewportHeight(win);

 if ('pageX' in tgtPoint) {
   pageX = tgtPoint.pageX;
 } else {
   pageX = scrollX + tgtPoint.clientX;
 }

 if ('pageY' in tgtPoint) {
   pageY = tgtPoint.pageY;
 } else {
   pageY = scrollY + tgtPoint.clientY;
 }

 var tgtRegion = {
   left: pageX,
   top: pageY,
   width: 0,
   height: 0
 };

 var pointInView = pageX >= 0 && pageX <= scrollX + viewportWidth && pageY >= 0 && pageY <= scrollY + viewportHeight;

 // Provide default target point
 var points = [align.points[0], 'cc'];

 return (0, _align2['default'])(el, tgtRegion, _extends({}, align, { points: points }), pointInView);
}

exports['default'] = alignPoint;
module.exports = exports['default'];
5880
5881/***/ }),
5882/* 64 */
5883/***/ (function(module, exports, __webpack_require__) {
5884
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _Transition = __webpack_require__(11);

var _Transition2 = _interopRequireDefault(_Transition);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 /**
  * Show the component; triggers the fade in or fade out animation
  */
 "in": _propTypes2["default"].bool,

 /**
  * Unmount the component (remove it from the DOM) when it is faded out
  */
 unmountOnExit: _propTypes2["default"].bool,

 /**
  * Run the fade in animation when the component mounts, if it is initially
  * shown
  */
 transitionAppear: _propTypes2["default"].bool,

 /**
  * Duration of the fade animation in milliseconds, to ensure that finishing
  * callbacks are fired even if the original browser transition end events are
  * canceled
  */
 timeout: _propTypes2["default"].number,

 /**
  * Callback fired before the component fades in
  */
 onEnter: _propTypes2["default"].func,
 /**
  * Callback fired after the component starts to fade in
  */
 onEntering: _propTypes2["default"].func,
 /**
  * Callback fired after the has component faded in
  */
 onEntered: _propTypes2["default"].func,
 /**
  * Callback fired before the component fades out
  */
 onExit: _propTypes2["default"].func,
 /**
  * Callback fired after the component starts to fade out
  */
 onExiting: _propTypes2["default"].func,
 /**
  * Callback fired after the component has faded out
  */
 onExited: _propTypes2["default"].func
};

var defaultProps = {
 "in": false,
 timeout: 300,
 unmountOnExit: false,
 transitionAppear: false
};

var Fade = function (_React$Component) {
 _inherits(Fade, _React$Component);

 function Fade() {
   _classCallCheck(this, Fade);

   return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
 }

 Fade.prototype.render = function render() {
   return _react2["default"].createElement(_Transition2["default"], _extends({}, this.props, {
     className: (0, _classnames2["default"])(this.props.className, 'fade'),
     enteredClassName: 'in',
     enteringClassName: 'in'
   }));
 };

 return Fade;
}(_react2["default"].Component);

Fade.propTypes = propTypes;
Fade.defaultProps = defaultProps;

exports["default"] = Fade;
module.exports = exports['default'];
6001
6002/***/ }),
6003/* 65 */
6004/***/ (function(module, exports, __webpack_require__) {
6005
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _Message = __webpack_require__(66);

var _Message2 = _interopRequireDefault(_Message);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports["default"] = _Message2["default"];
module.exports = exports['default'];
6020
6021/***/ }),
6022/* 66 */
6023/***/ (function(module, exports, __webpack_require__) {
6024
'use strict';

Object.defineProperty(exports, "__esModule", {
   value: true
});

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof 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__(4);

var _react2 = _interopRequireDefault(_react);

var _beeNotification = __webpack_require__(67);

var _beeNotification2 = _interopRequireDefault(_beeNotification);

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var defaultDuration = 1.5;
var defaultTop = 0;
var defaultBottom = 48;
var bottom = 90;
var padding = 30;
var width = 200;
var messageInstance = void 0;
var key = 1;
var clsPrefix = 'u-message';
var noop = function noop() {};

var positionObj = {
   "top": {
       messageStyle: {
           width: "100%"
       },
       notificationStyle: {
           top: defaultTop,
           width: "100%"
       },
       transitionName: 'top'
   },
   "bottom": {
       messageStyle: {
           width: "100%"
       },
       notificationStyle: {
           bottom: defaultBottom,
           width: "100%"
       },
       transitionName: 'bottom'
   },
   "topRight": {
       messageStyle: {
           width: width
       },
       notificationStyle: {
           top: padding,
           right: padding,
           width: width
       },
       transitionName: 'right'
   },
   "bottomRight": {
       messageStyle: {
           width: width
       },
       notificationStyle: {
           bottom: bottom,
           right: padding,
           width: width
       },
       transitionName: 'right'
   },
   "topLeft": {
       messageStyle: {
           width: width
       },
       notificationStyle: {
           top: padding,
           left: padding,
           width: width
       },
       transitionName: 'left'
   },
   "bottomLeft": {
       messageStyle: {
           width: width
       },
       notificationStyle: {
           bottom: bottom,
           left: padding,
           width: width
       },
       transitionName: 'left'
   }
};

function getMessageInstance() {
   var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'top';
   var callback = arguments[1];

   if (messageInstance) {
       callback(messageInstance);
       return;
   }
   var style = positionObj[position].notificationStyle;
   _beeNotification2["default"].newInstance({
       clsPrefix: clsPrefix,
       transitionName: clsPrefix + '-' + positionObj[position].transitionName,
       style: style, // 覆盖原来的样式
       position: ''
   }, function (instance) {
       messageInstance = instance;
       callback(instance);
   });
}

function notice(content, duration, type, onClose, position, style) {
   var iconType = {
       info: 'uf uf-i-c-2',
       success: 'uf uf-correct',
       danger: 'uf uf-close-c',
       warning: 'uf uf-exc-t',
       light: 'uf uf-notification',
       dark: 'uf uf-bubble',
       news: 'uf uf-bell',
       infolight: 'uf uf-i-c-2',
       successlight: 'uf uf-correct',
       dangerlight: 'uf uf-close-c',
       warninglight: 'uf uf-exc-t'
   }[type];

   var positionStyle = positionObj[position].messageStyle;

   getMessageInstance(position, function (instance) {
       instance.notice({
           key: key,
           duration: duration,
           color: type,
           style: _extends({}, positionStyle, style),
           content: _react2["default"].createElement(
               'div',
               null,
               _react2["default"].createElement(
                   'div',
                   { className: clsPrefix + '-notice-description-icon' },
                   _react2["default"].createElement('i', { className: (0, _classnames2["default"])(iconType) })
               ),
               _react2["default"].createElement(
                   'div',
                   { className: clsPrefix + '-notice-description-content' },
                   content
               )
           ),
           onClose: onClose
       });
   });
   return function () {
       var target = key++;
       return function () {
           if (messageInstance) {
               messageInstance.removeNotice(target);
           }
       };
   }();
}

exports["default"] = {
   create: function create(obj) {
       var content = obj.content || '';
       var duration = _typeof(obj.duration) == undefined ? defaultDuration : obj.duration;
       var color = obj.color || 'dark';
       var onClose = obj.onClose || noop;
       var position = obj.position || "top";
       var style = obj.style || {};
       return notice(content, duration, color, onClose, position, style);
   },
   config: function config(options) {
       if (options.top !== undefined) {
           defaultTop = options.top;
       }
       if (options.duration !== undefined) {
           defaultDuration = options.duration;
       }
       if (options.clsPrefix !== undefined) {
           clsPrefix = options.clsPrefix;
       }
       if (options.defaultBottom !== undefined) {
           defaultBottom = options.defaultBottom;
       }
       if (options.bottom !== undefined) {
           bottom = options.bottom;
       }
       if (options.width !== undefined) {
           bottom = options.width;
       }
   },
   destroy: function destroy() {
       if (messageInstance) {
           messageInstance.destroy();
           messageInstance = null;
       }
   }
};
module.exports = exports['default'];
6235
6236/***/ }),
6237/* 67 */
6238/***/ (function(module, exports, __webpack_require__) {
6239
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _Notification = __webpack_require__(68);

var _Notification2 = _interopRequireDefault(_Notification);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports["default"] = _Notification2["default"];
module.exports = exports['default'];
6254
6255/***/ }),
6256/* 68 */
6257/***/ (function(module, exports, __webpack_require__) {
6258
'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; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _beeAnimate = __webpack_require__(69);

var _beeAnimate2 = _interopRequireDefault(_beeAnimate);

var _createChainedFunction = __webpack_require__(37);

var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _Notice = __webpack_require__(74);

var _Notice2 = _interopRequireDefault(_Notice);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return 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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var seed = 0;
var now = Date.now();

function getUuid() {
 return 'uNotification_' + now + '_' + seed++;
}

var propTypes = {
 show: _propTypes2["default"].bool,
 clsPrefix: _propTypes2["default"].string,
 style: _propTypes2["default"].object,
 position: _propTypes2["default"].oneOf(['topRight', 'bottomRight', '']),
 transitionName: _propTypes2["default"].string,
 animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object])
};

var defaultProps = {
 clsPrefix: 'u-notification',
 animation: 'fade',
 position: 'topRight'
};

var Notification = function (_Component) {
 _inherits(Notification, _Component);

 function Notification(props) {
   _classCallCheck(this, Notification);

   var _this = _possibleConstructorReturn(this, _Component.call(this, props));

   _this.state = {
     notices: []
   };
   _this.add = _this.add.bind(_this);
   _this.remove = _this.remove.bind(_this);

   return _this;
 }

 Notification.prototype.getTransitionName = function getTransitionName() {
   var props = this.props;
   var transitionName = props.transitionName;
   if (!transitionName && props.animation) {
     transitionName = props.clsPrefix + '-' + props.animation;
   }
   return transitionName;
 };

 Notification.prototype.add = function add(notice) {
   var key = notice.key = notice.key || getUuid();
   this.setState(function (previousState) {
     var notices = previousState.notices;
     if (!notices.filter(function (v) {
       return v.key === key;
     }).length) {
       return {
         notices: notices.concat(notice)
       };
     }
   });
 };

 Notification.prototype.remove = function remove(key) {
   this.setState(function (previousState) {
     return {
       notices: previousState.notices.filter(function (notice) {
         return notice.key !== key;
       })
     };
   });
 };

 Notification.prototype.render = function render() {
   var _this2 = this,
       _classes;

   var _props = this.props,
       clsPrefix = _props.clsPrefix,
       className = _props.className,
       position = _props.position,
       style = _props.style;

   var noticeNodes = this.state.notices.map(function (notice) {
     var onClose = (0, _createChainedFunction2["default"])(_this2.remove.bind(_this2, notice.key), notice.onClose);
     return _react2["default"].createElement(
       _Notice2["default"],
       _extends({
         clsPrefix: clsPrefix
       }, notice, {
         onClose: onClose
       }),
       notice.content
     );
   });
   var classes = (_classes = {}, _defineProperty(_classes, clsPrefix, 1), _defineProperty(_classes, className, !!className), _classes);
   if (position) {
     classes[clsPrefix + '-' + position] = !!position;
   }

   return _react2["default"].createElement(
     'div',
     { className: (0, _classnames2["default"])(className, classes), style: style },
     _react2["default"].createElement(
       _beeAnimate2["default"],
       { transitionName: this.getTransitionName() },
       noticeNodes
     )
   );
 };

 return Notification;
}(_react.Component);

;

Notification.propTypes = propTypes;
Notification.defaultProps = defaultProps;

Notification.newInstance = function newNotificationInstance(properties, callback) {
 if (typeof callback !== 'function') {
   console.error('You must introduce callback as the second parameter of Notification.newInstance().');
   return;
 }
 var props = properties || {};
 var div = document.createElement('div');
 document.body.appendChild(div);

 var called = false;
 function ref(notification) {
   if (called) {
     return;
   }
   called = true;
   callback({
     notice: function notice(noticeProps) {
       notification.add(noticeProps);
     },
     removeNotice: function removeNotice(key) {
       notification.remove(key);
     },

     component: notification,
     destroy: function destroy() {
       _reactDom2["default"].unmountComponentAtNode(div);
       document.body.removeChild(div);
     }
   });
 }
 _reactDom2["default"].render(_react2["default"].createElement(Notification, _extends({}, props, { ref: ref })), div);
};

exports["default"] = Notification;
module.exports = exports['default'];
6460
6461/***/ }),
6462/* 69 */
6463/***/ (function(module, exports, __webpack_require__) {
6464
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _Animate = __webpack_require__(70);

var _Animate2 = _interopRequireDefault(_Animate);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports["default"] = _Animate2["default"];
module.exports = exports['default'];
6479
6480/***/ }),
6481/* 70 */
6482/***/ (function(module, exports, __webpack_require__) {
6483
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _ChildrenUtils = __webpack_require__(71);

var _AnimateChild = __webpack_require__(72);

var _AnimateChild2 = _interopRequireDefault(_AnimateChild);

var _util = __webpack_require__(73);

var _util2 = _interopRequireDefault(_util);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return 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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var defaultKey = 'u_animate_' + Date.now();


function getChildrenFromProps(props) {
 var children = props.children;
 if (_react2["default"].isValidElement(children)) {
   if (!children.key) {
     return _react2["default"].cloneElement(children, {
       key: defaultKey
     });
   }
 }
 return children;
}

function noop() {}

var propTypes = {
 component: _propTypes2["default"].any,
 animation: _propTypes2["default"].object,
 transitionName: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object]),
 transitionEnter: _propTypes2["default"].bool,
 transitionAppear: _propTypes2["default"].bool,
 exclusive: _propTypes2["default"].bool,
 transitionLeave: _propTypes2["default"].bool,
 onEnd: _propTypes2["default"].func,
 onEnter: _propTypes2["default"].func,
 onLeave: _propTypes2["default"].func,
 onAppear: _propTypes2["default"].func,
 showProp: _propTypes2["default"].string
};

var defaultProps = {
 animation: {},
 component: 'span',
 transitionEnter: true,
 transitionLeave: true,
 transitionAppear: false,
 onEnd: noop,
 onEnter: noop,
 onLeave: noop,
 onAppear: noop
};

var Animate = function (_Component) {
 _inherits(Animate, _Component);

 function Animate(props) {
   _classCallCheck(this, Animate);

   var _this = _possibleConstructorReturn(this, _Component.call(this, props));

   _this.currentlyAnimatingKeys = {};
   _this.keysToEnter = [];
   _this.keysToLeave = [];
   _this.state = {
     children: (0, _ChildrenUtils.toArrayChildren)(getChildrenFromProps(_this.props))
   };

   _this.performEnter = _this.performEnter.bind(_this);
   _this.performAppear = _this.performAppear.bind(_this);
   _this.handleDoneAdding = _this.handleDoneAdding.bind(_this);
   _this.performLeave = _this.performLeave.bind(_this);

   _this.performLeave = _this.performLeave.bind(_this);
   _this.handleDoneLeaving = _this.handleDoneLeaving.bind(_this);
   _this.isValidChildByKey = _this.isValidChildByKey.bind(_this);
   _this.stop = _this.stop.bind(_this);
   return _this;
 }

 Animate.prototype.componentDidMount = function componentDidMount() {
   var _this2 = this;

   this.mounted = true;
   var showProp = this.props.showProp;
   var children = this.state.children;
   if (showProp) {
     children = children.filter(function (child) {
       return !!child.props[showProp];
     });
   }
   children.forEach(function (child) {
     if (child) {
       _this2.performAppear(child.key);
     }
   });
 };

 Animate.prototype.componentWillUnmount = function componentWillUnmount() {
   this.mounted = false;
 };

 Animate.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
   var _this3 = 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) {
       _this3.stop(key);
     });
   }
   var showProp = props.showProp;
   var currentlyAnimatingKeys = this.currentlyAnimatingKeys;
   // last props children if exclusive
   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 = currentChild && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, currentChild.key);
       var newChild = void 0;
       if ((!nextChild || !nextChild.props[showProp]) && currentChild.props[showProp]) {
         newChild = _react2["default"].cloneElement(nextChild || currentChild, _defineProperty({}, showProp, true));
       } else {
         newChild = nextChild;
       }
       if (newChild) {
         newChildren.push(newChild);
       }
     });
     nextChildren.forEach(function (nextChild) {
       if (!nextChild || !(0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, nextChild.key)) {
         newChildren.push(nextChild);
       }
     });
   } else {
     newChildren = (0, _ChildrenUtils.mergeChildren)(currentChildren, nextChildren);
   }

   // need render to avoid update
   this.setState({
     children: newChildren
   });

   nextChildren.forEach(function (child) {
     var key = child && child.key;
     if (child && currentlyAnimatingKeys[key]) {
       return;
     }
     var hasPrev = child && (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
     if (showProp) {
       var showInNext = child.props[showProp];
       if (hasPrev) {
         var showInNow = (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
         if (!showInNow && showInNext) {
           _this3.keysToEnter.push(key);
         }
       } else if (showInNext) {
         _this3.keysToEnter.push(key);
       }
     } else if (!hasPrev) {
       _this3.keysToEnter.push(key);
     }
   });

   currentChildren.forEach(function (child) {
     var key = child && child.key;
     if (child && currentlyAnimatingKeys[key]) {
       return;
     }
     var hasNext = child && (0, _ChildrenUtils.findChildInChildrenByKey)(nextChildren, key);
     if (showProp) {
       var showInNow = child.props[showProp];
       if (hasNext) {
         var showInNext = (0, _ChildrenUtils.findShownChildInChildrenByKey)(nextChildren, key, showProp);
         if (!showInNext && showInNow) {
           _this3.keysToLeave.push(key);
         }
       } else if (showInNow) {
         _this3.keysToLeave.push(key);
       }
     } else if (!hasNext) {
       _this3.keysToLeave.push(key);
     }
   });
 };

 Animate.prototype.componentDidUpdate = function componentDidUpdate() {
   var keysToEnter = this.keysToEnter;
   this.keysToEnter = [];
   keysToEnter.forEach(this.performEnter);
   var keysToLeave = this.keysToLeave;
   this.keysToLeave = [];
   keysToLeave.forEach(this.performLeave);
 };

 Animate.prototype.performEnter = function performEnter(key) {
   // may already remove by exclusive
   if (this.refs[key]) {
     this.currentlyAnimatingKeys[key] = true;
     this.refs[key].componentWillEnter(this.handleDoneAdding.bind(this, key, 'enter'));
   }
 };

 Animate.prototype.performAppear = function performAppear(key) {
   if (this.refs[key]) {
     this.currentlyAnimatingKeys[key] = true;
     this.refs[key].componentWillAppear(this.handleDoneAdding.bind(this, key, 'appear'));
   }
 };

 Animate.prototype.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)) {
         props.onAppear(key);
         props.onEnd(key, true);
       }
     } else {
       if (_util2["default"].allowEnterCallback(props)) {
         props.onEnter(key);
         props.onEnd(key, true);
       }
     }
   }
 };

 Animate.prototype.performLeave = function performLeave(key) {
   // may already remove by exclusive
   if (this.refs[key]) {
     this.currentlyAnimatingKeys[key] = true;
     this.refs[key].componentWillLeave(this.handleDoneLeaving.bind(this, key));
   }
 };

 Animate.prototype.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 {
     var end = function end() {
       if (_util2["default"].allowLeaveCallback(props)) {
         props.onLeave(key);
         props.onEnd(key, false);
       }
     };
     /* eslint react/no-is-mounted:0 */
     if (this.mounted && !(0, _ChildrenUtils.isSameChildren)(this.state.children, currentChildren, props.showProp)) {
       this.setState({
         children: currentChildren
       }, end);
     } else {
       end();
     }
   }
 };

 Animate.prototype.isValidChildByKey = function isValidChildByKey(currentChildren, key) {
   var showProp = this.props.showProp;
   if (showProp) {
     return (0, _ChildrenUtils.findShownChildInChildrenByKey)(currentChildren, key, showProp);
   }
   return (0, _ChildrenUtils.findChildInChildrenByKey)(currentChildren, key);
 };

 Animate.prototype.stop = function stop(key) {
   delete this.currentlyAnimatingKeys[key];
   var component = this.refs[key];
   if (component) {
     component.stop();
   }
 };

 Animate.prototype.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 || child === undefined) {
         return child;
       }
       if (!child.key) {
         throw new Error('must set key for <rc-animate> children');
       }
       return _react2["default"].createElement(
         _AnimateChild2["default"],
         {
           key: child.key,
           ref: child.key,
           animation: props.animation,
           transitionName: props.transitionName,
           transitionEnter: props.transitionEnter,
           transitionAppear: props.transitionAppear,
           transitionLeave: props.transitionLeave
         },
         child
       );
     });
   }
   var Component = props.component;
   if (Component) {
     var passedProps = props;
     if (typeof Component === 'string') {
       passedProps = {
         className: props.className,
         style: props.style
       };
     }
     return _react2["default"].createElement(
       Component,
       passedProps,
       children
     );
   }
   return children[0] || null;
 };

 return Animate;
}(_react.Component);

;
Animate.defaultProps = defaultProps;
Animate.propTypes = Animate.propTypes;

exports["default"] = Animate;
module.exports = exports['default'];
6859
6860/***/ }),
6861/* 71 */
6862/***/ (function(module, exports, __webpack_require__) {
6863
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});
exports.toArrayChildren = toArrayChildren;
exports.findChildInChildrenByKey = findChildInChildrenByKey;
exports.findShownChildInChildrenByKey = findShownChildInChildrenByKey;
exports.findHiddenChildInChildrenByKey = findHiddenChildInChildrenByKey;
exports.isSameChildren = isSameChildren;
exports.mergeChildren = mergeChildren;

var _react = __webpack_require__(4);

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) {
   ret.push(child);
 });
 return ret;
}

function findChildInChildrenByKey(children, key) {
 var ret = null;
 if (children) {
   children.forEach(function (child) {
     if (ret) {
       return;
     }
     if (child && child.key === key) {
       ret = child;
     }
   });
 }
 return ret;
}

function findShownChildInChildrenByKey(children, key, showProp) {
 var ret = null;
 if (children) {
   children.forEach(function (child) {
     if (child && child.key === key && child.props[showProp]) {
       if (ret) {
         throw new Error('two child with same key for <rc-animate> children');
       }
       ret = child;
     }
   });
 }
 return ret;
}

function findHiddenChildInChildrenByKey(children, key, showProp) {
 var found = 0;
 if (children) {
   children.forEach(function (child) {
     if (found) {
       return;
     }
     found = child && child.key === key && !child.props[showProp];
   });
 }
 return found;
}

function isSameChildren(c1, c2, showProp) {
 var same = c1.length === c2.length;
 if (same) {
   c1.forEach(function (child, index) {
     var child2 = c2[index];
     if (child && child2) {
       if (child && !child2 || !child && child2) {
         same = false;
       } else if (child.key !== child2.key) {
         same = false;
       } else if (showProp && child.props[showProp] !== child2.props[showProp]) {
         same = false;
       }
     }
   });
 }
 return same;
}

function mergeChildren(prev, next) {
 var ret = [];

 // For each key of `next`, the list of keys to insert before that key in
 // the combined list
 var nextChildrenPending = {};
 var pendingChildren = [];
 prev.forEach(function (child) {
   if (child && findChildInChildrenByKey(next, child.key)) {
     if (pendingChildren.length) {
       nextChildrenPending[child.key] = pendingChildren;
       pendingChildren = [];
     }
   } else {
     pendingChildren.push(child);
   }
 });

 next.forEach(function (child) {
   if (child && nextChildrenPending.hasOwnProperty(child.key)) {
     ret = ret.concat(nextChildrenPending[child.key]);
   }
   ret.push(child);
 });

 ret = ret.concat(pendingChildren);

 return ret;
}
6981
6982/***/ }),
6983/* 72 */
6984/***/ (function(module, exports, __webpack_require__) {
6985
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _tinperBeeCore = __webpack_require__(27);

var _util = __webpack_require__(73);

var _util2 = _interopRequireDefault(_util);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var transitionMap = {
 enter: 'transitionEnter',
 appear: 'transitionAppear',
 leave: 'transitionLeave'
};

var propTypes = {
 children: _propTypes2["default"].any
};

var AnimateChild = function (_Component) {
 _inherits(AnimateChild, _Component);

 function AnimateChild(props) {
   _classCallCheck(this, AnimateChild);

   var _this = _possibleConstructorReturn(this, _Component.call(this, props));

   _this.transition = _this.transition.bind(_this);
   _this.stop = _this.stop.bind(_this);
   return _this;
 }

 AnimateChild.prototype.componentWillUnmount = function componentWillUnmount() {
   this.stop();
 };

 AnimateChild.prototype.componentWillEnter = function componentWillEnter(done) {
   if (_util2["default"].isEnterSupported(this.props)) {
     this.transition('enter', done);
   } else {
     done();
   }
 };

 AnimateChild.prototype.componentWillAppear = function componentWillAppear(done) {
   if (_util2["default"].isAppearSupported(this.props)) {
     this.transition('appear', done);
   } else {
     done();
   }
 };

 AnimateChild.prototype.componentWillLeave = function componentWillLeave(done) {
   if (_util2["default"].isLeaveSupported(this.props)) {
     this.transition('leave', done);
   } else {
     // always sync, do not interupt with react component life cycle
     // update hidden -> animate hidden ->
     // didUpdate -> animate leave -> unmount (if animate is none)
     done();
   }
 };

 AnimateChild.prototype.transition = function transition(animationType, finishCallback) {
   var _this2 = this;

   var node = _reactDom2["default"].findDOMNode(this);
   var props = this.props;
   var transitionName = props.transitionName;
   var nameIsObj = (typeof transitionName === 'undefined' ? 'undefined' : _typeof(transitionName)) === 'object';
   this.stop();
   var end = function end() {
     _this2.stopper = null;
     finishCallback();
   };
   if ((_tinperBeeCore.cssAnimation.isCssAnimationSupported || !props.animation[animationType]) && transitionName && props[transitionMap[animationType]]) {
     var name = nameIsObj ? transitionName[animationType] : transitionName + '-' + animationType;
     var activeName = name + '-active';
     if (nameIsObj && transitionName[animationType + 'Active']) {
       activeName = transitionName[animationType + 'Active'];
     }
     this.stopper = (0, _tinperBeeCore.cssAnimation)(node, {
       name: name,
       active: activeName
     }, end);
   } else {
     this.stopper = props.animation[animationType](node, end);
   }
 };

 AnimateChild.prototype.stop = function stop() {
   var stopper = this.stopper;
   if (stopper) {
     this.stopper = null;
     stopper.stop();
   }
 };

 AnimateChild.prototype.render = function render() {
   return this.props.children;
 };

 return AnimateChild;
}(_react.Component);

;

AnimateChild.propTypes = propTypes;

exports["default"] = AnimateChild;
module.exports = exports['default'];
7124
7125/***/ }),
7126/* 73 */
7127/***/ (function(module, exports) {
7128
"use strict";

Object.defineProperty(exports, "__esModule", {
 value: true
});
var util = {
 isAppearSupported: function isAppearSupported(props) {
   return props.transitionName && props.transitionAppear || props.animation.appear;
 },
 isEnterSupported: function isEnterSupported(props) {
   return props.transitionName && props.transitionEnter || props.animation.enter;
 },
 isLeaveSupported: function isLeaveSupported(props) {
   return props.transitionName && props.transitionLeave || props.animation.leave;
 },
 allowAppearCallback: function allowAppearCallback(props) {
   return props.transitionAppear || props.animation.appear;
 },
 allowEnterCallback: function allowEnterCallback(props) {
   return props.transitionEnter || props.animation.enter;
 },
 allowLeaveCallback: function allowLeaveCallback(props) {
   return props.transitionLeave || props.animation.leave;
 }
};
exports["default"] = util;
module.exports = exports["default"];
7156
7157/***/ }),
7158/* 74 */
7159/***/ (function(module, exports, __webpack_require__) {
7160
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return 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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 duration: _propTypes2["default"].number,
 onClose: _propTypes2["default"].func,
 children: _propTypes2["default"].any,
 color: _propTypes2["default"].oneOf(['info', 'success', 'danger', 'warning', 'light', 'dark', 'news', 'infolight', 'successlight', 'dangerlight', 'warninglight']),
 title: _propTypes2["default"].any
};

function noop() {}

var defaultProps = {
 onEnd: noop,
 onClose: noop,
 duration: 4.5,
 closable: true
};

var Notice = function (_React$Component) {
 _inherits(Notice, _React$Component);

 function Notice(props) {
   _classCallCheck(this, Notice);

   var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));

   _this.clearCloseTimer = _this.clearCloseTimer.bind(_this);
   _this.close = _this.close.bind(_this);
   return _this;
 }

 Notice.prototype.componentDidMount = function componentDidMount() {
   var _this2 = this;

   if (this.props.duration) {
     this.closeTimer = setTimeout(function () {
       _this2.close();
     }, this.props.duration * 1000);
   }
 };

 Notice.prototype.componentWillUnmount = function componentWillUnmount() {
   this.clearCloseTimer();
 };

 Notice.prototype.clearCloseTimer = function clearCloseTimer() {
   if (this.closeTimer) {
     clearTimeout(this.closeTimer);
     this.closeTimer = null;
   }
 };

 Notice.prototype.close = function close() {
   this.clearCloseTimer();
   this.props.onClose();
 };

 Notice.prototype.render = function render() {
   var _classes;

   var _props = this.props,
       closable = _props.closable,
       clsPrefix = _props.clsPrefix,
       className = _props.className,
       style = _props.style,
       children = _props.children,
       color = _props.color,
       title = _props.title;

   var componentClass = clsPrefix + '-notice';
   var classes = (_classes = {}, _defineProperty(_classes, '' + componentClass, 1), _defineProperty(_classes, componentClass + '-closable', closable), _defineProperty(_classes, className, !!className), _classes);
   if (color) {
     classes[componentClass + '-' + color] = true;
   }
   return _react2["default"].createElement(
     'div',
     { className: (0, _classnames2["default"])(classes), style: style, onClick: this.close },
     _react2["default"].createElement(
       'div',
       { className: componentClass + '-content' },
       title && _react2["default"].createElement(
         'div',
         { className: componentClass + '-title' },
         title
       ),
       _react2["default"].createElement(
         'div',
         { className: componentClass + '-description' },
         children
       )
     ),
     closable ? _react2["default"].createElement(
       'a',
       { tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
       _react2["default"].createElement('span', { className: componentClass + '-close-x' })
     ) : null
   );
 };

 return Notice;
}(_react2["default"].Component);

;

Notice.propTypes = propTypes;
Notice.defaultProps = defaultProps;

exports["default"] = Notice;
module.exports = exports['default'];
7299
7300/***/ }),
7301/* 75 */
7302/***/ (function(module, exports, __webpack_require__) {
7303
'use strict';

var deselectCurrent = __webpack_require__(76);

var defaultMessage = 'Copy to clipboard: #{key}, Enter';

function format(message) {
 var copyKey = (/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl') + '+C';
 return message.replace(/#{\s*key\s*}/g, copyKey);
}

function copy(text, options) {
 var debug, message, reselectPrevious, range, selection, mark, success = false;
 if (!options) { options = {}; }
 debug = options.debug || false;
 try {
   reselectPrevious = deselectCurrent();

   range = document.createRange();
   selection = document.getSelection();

   mark = document.createElement('span');
   mark.textContent = text;
   // reset user styles for span element
   mark.style.all = 'unset';
   // prevents scrolling to the end of the page
   mark.style.position = 'fixed';
   mark.style.top = 0;
   mark.style.clip = 'rect(0, 0, 0, 0)';
   // used to preserve spaces and line breaks
   mark.style.whiteSpace = 'pre';
   // do not inherit user-select (it may be `none`)
   mark.style.webkitUserSelect = 'text';
   mark.style.MozUserSelect = 'text';
   mark.style.msUserSelect = 'text';
   mark.style.userSelect = 'text';

   document.body.appendChild(mark);

   range.selectNode(mark);
   selection.addRange(range);

   var successful = document.execCommand('copy');
   if (!successful) {
     throw new Error('copy command was unsuccessful');
   }
   success = true;
 } catch (err) {
   debug && console.error('unable to copy using execCommand: ', err);
   debug && console.warn('trying IE specific stuff');
   try {
     window.clipboardData.setData('text', text);
     success = true;
   } catch (err) {
     debug && console.error('unable to copy using clipboardData: ', err);
     debug && console.error('falling back to prompt');
     message = format('message' in options ? options.message : defaultMessage);
     window.prompt(message, text);
   }
 } finally {
   if (selection) {
     if (typeof selection.removeRange == 'function') {
       selection.removeRange(range);
     } else {
       selection.removeAllRanges();
     }
   }

   if (mark) {
     document.body.removeChild(mark);
   }
   reselectPrevious();
 }

 return success;
}

module.exports = copy;
7382
7383
7384/***/ }),
7385/* 76 */
7386/***/ (function(module, exports) {
7387

module.exports = function () {
 var selection = document.getSelection();
 if (!selection.rangeCount) {
   return function () {};
 }
 var active = document.activeElement;

 var ranges = [];
 for (var i = 0; i < selection.rangeCount; i++) {
   ranges.push(selection.getRangeAt(i));
 }

 switch (active.tagName.toUpperCase()) { // .toUpperCase handles XHTML
   case 'INPUT':
   case 'TEXTAREA':
     active.blur();
     break;

   default:
     active = null;
     break;
 }

 selection.removeAllRanges();
 return function () {
   selection.type === 'Caret' &&
   selection.removeAllRanges();

   if (!selection.rangeCount) {
     ranges.forEach(function(range) {
       selection.addRange(range);
     });
   }

   active &&
   active.focus();
 };
};
7427
7428
7429/***/ }),
7430/* 77 */
7431/***/ (function(module, exports, __webpack_require__) {
7432
'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; };

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _tinperBeeCore = __webpack_require__(27);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
 //是否是手风琴效果
 accordion: _propTypes2["default"].bool,
 //激活的项
 activeKey: _propTypes2["default"].any,
 //默认的激活的项
 defaultActiveKey: _propTypes2["default"].any,
 //选中函数
 onSelect: _propTypes2["default"].func,
 role: _propTypes2["default"].string
};

var defaultProps = {
 accordion: false,
 clsPrefix: 'u-panel-group'
};

// TODO: Use uncontrollable.

var PanelGroup = function (_React$Component) {
 _inherits(PanelGroup, _React$Component);

 function PanelGroup(props, context) {
   _classCallCheck(this, PanelGroup);

   var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));

   _this.handleSelect = _this.handleSelect.bind(_this);

   _this.state = {
     activeKey: props.defaultActiveKey
   };
   return _this;
 }

 PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
   e.preventDefault();

   if (this.props.onSelect) {
     this.props.onSelect(key, e);
   }

   if (this.state.activeKey === key) {
     key = null;
   }

   this.setState({ activeKey: key });
 };

 PanelGroup.prototype.render = function render() {
   var _this2 = this;

   var _props = this.props,
       accordion = _props.accordion,
       propsActiveKey = _props.activeKey,
       className = _props.className,
       children = _props.children,
       defaultActiveKey = _props.defaultActiveKey,
       onSelect = _props.onSelect,
       style = _props.style,
       clsPrefix = _props.clsPrefix,
       others = _objectWithoutProperties(_props, ['accordion', 'activeKey', 'className', 'children', 'defaultActiveKey', 'onSelect', 'style', 'clsPrefix']);

   var activeKey = void 0;
   if (accordion) {
     activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
     others.role = others.role || 'tablist';
   }

   var classes = {};
   classes['' + clsPrefix] = true;

   return _react2["default"].createElement(
     'div',
     _extends({}, others, {
       className: (0, _classnames2["default"])(className, classes)
     }),
     _react2["default"].Children.map(children, function (child) {
       if (!_react2["default"].isValidElement(child)) {
         return child;
       }
       var childProps = {
         style: child.props.style
       };

       if (accordion) {
         _extends(childProps, {
           headerRole: 'tab',
           panelRole: 'tabpanel',
           collapsible: true,
           expanded: child.props.eventKey === activeKey,
           onSelect: (0, _tinperBeeCore.createChainedFunction)(_this2.handleSelect, child.props.onSelect)
         });
       }

       return (0, _react.cloneElement)(child, childProps);
     })
   );
 };

 return PanelGroup;
}(_react2["default"].Component);

PanelGroup.propTypes = propTypes;
PanelGroup.defaultProps = defaultProps;

exports["default"] = PanelGroup;
module.exports = exports['default'];
7575
7576/***/ }),
7577/* 78 */
7578/***/ (function(module, exports, __webpack_require__) {
7579
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _Button = __webpack_require__(79);

var _Button2 = _interopRequireDefault(_Button);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

exports["default"] = _Button2["default"];
module.exports = exports['default'];
7594
7595/***/ }),
7596/* 79 */
7597/***/ (function(module, exports, __webpack_require__) {
7598
'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; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _classnames = __webpack_require__(3);

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
   /**
    * @title 尺寸
    */
   size: _propTypes2["default"].oneOf(['sm', 'xg', 'lg']),
   /**
    * @title 样式
    */
   style: _propTypes2["default"].object,
   /**
    * @title 形状
    */
   shape: _propTypes2["default"].oneOf(['block', 'round', 'border', 'squared', 'floating', 'pillRight', 'pillLeft', 'icon']),

   bordered: _propTypes2["default"].bool,
   /**
   * @title 类型
   */
   colors: _propTypes2["default"].oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', 'default']),
   /**
    * @title 是否禁用
    * @veIgnore
    */
   disabled: _propTypes2["default"].bool,
   /**
    * @title 类名
    * @veIgnore
    */
   className: _propTypes2["default"].string,

   /**
    * @title <button> 的 type
    * @veIgnore
    */
   htmlType: _propTypes2["default"].oneOf(['submit', 'button', 'reset']),
   isSubmit: _propTypes2["default"].bool //是否作为form的提交按钮
};

var defaultProps = {
   disabled: false,
   htmlType: 'button',
   clsPrefix: 'u-button',
   bordered: false,
   isSubmit: false
};

var sizeMap = {
   sm: 'sm',
   xg: 'xg',
   lg: 'lg'
},
   colorsMap = {
   primary: 'primary',
   accent: 'accent',
   success: 'success',
   info: 'info',
   warning: 'warning',
   danger: 'danger'
},
   shapeMap = {
   block: 'block',
   round: 'round',
   border: 'border',
   squared: 'squared',
   floating: 'floating',
   pillRight: 'pill-right',
   pillLeft: 'pill-left',
   icon: 'icon'
};

var Button = function (_Component) {
   _inherits(Button, _Component);

   function Button(props) {
       _classCallCheck(this, Button);

       return _possibleConstructorReturn(this, _Component.call(this, props));
   }

   Button.prototype.render = function render() {
       var _props = this.props,
           colors = _props.colors,
           shape = _props.shape,
           disabled = _props.disabled,
           className = _props.className,
           size = _props.size,
           bordered = _props.bordered,
           children = _props.children,
           htmlType = _props.htmlType,
           clsPrefix = _props.clsPrefix,
           isSubmit = _props.isSubmit,
           others = _objectWithoutProperties(_props, ['colors', 'shape', 'disabled', 'className', 'size', 'bordered', 'children', 'htmlType', 'clsPrefix', 'isSubmit']);

       var clsObj = {};
       if (className) {
           clsObj[className] = true;
       }
       if (sizeMap[size]) {
           clsObj[clsPrefix + '-' + sizeMap[size]] = true;
       }

       if (shapeMap[shape]) {
           clsObj[clsPrefix + '-' + shapeMap[shape]] = true;
       }
       if (colorsMap[colors]) {
           clsObj[clsPrefix + '-' + colorsMap[colors]] = true;
       }
       //clsObj[`${clsPrefix}-border`] = bordered;
       var classes = (0, _classnames2["default"])(clsPrefix, clsObj);
       return _react2["default"].createElement(
           'button',
           _extends({
               type: htmlType,
               className: classes,
               disabled: disabled
           }, others),
           this.props.children
       );
   };

   return Button;
}(_react.Component);

Button.propTypes = propTypes;
Button.defaultProps = defaultProps;

exports["default"] = Button;
module.exports = exports['default'];
7763
7764/***/ }),
7765/* 80 */
7766/***/ (function(module, exports, __webpack_require__) {
7767
'use strict';

Object.defineProperty(exports, "__esModule", {
 value: true
});

var _Viewer = __webpack_require__(81);

var _Viewer2 = _interopRequireDefault(_Viewer);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports['default'] = _Viewer2['default'];
module.exports = exports['default'];
7782
7783/***/ }),
7784/* 81 */
7785/***/ (function(module, exports, __webpack_require__) {
7786
'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; };

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(12);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _propTypes = __webpack_require__(5);

var _propTypes2 = _interopRequireDefault(_propTypes);

var _viewerjs = __webpack_require__(82);

var _viewerjs2 = _interopRequireDefault(_viewerjs);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var propTypes = {
   ready: _propTypes2['default'].func,
   show: _propTypes2['default'].func,
   shown: _propTypes2['default'].func,
   hide: _propTypes2['default'].func,
   hidden: _propTypes2['default'].func,
   view: _propTypes2['default'].func,
   viewed: _propTypes2['default'].func,
   zoom: _propTypes2['default'].func,
   zoomed: _propTypes2['default'].func
};
var defaultProps = {
   ready: function ready() {},
   show: function show() {},
   shown: function shown() {},
   hide: function hide() {},
   hidden: function hidden() {},
   view: function view() {},
   viewed: function viewed() {},
   zoom: function zoom() {},
   zoomed: function zoomed() {}
};

var Viewer = function (_Component) {
   _inherits(Viewer, _Component);

   function Viewer(props) {
       _classCallCheck(this, Viewer);

       return _possibleConstructorReturn(this, _Component.call(this, props));
   }

   Viewer.prototype.componentDidMount = function componentDidMount() {
       this.viewerCase = new _viewerjs2['default'](_reactDom2['default'].findDOMNode(this.refs.views), _extends({
           url: 'data-original'
       }, this.props));
   };

   Viewer.prototype.componentWillUnmount = function componentWillUnmount() {
       this.viewerCase.destroy();
   };

   Viewer.prototype.render = function render() {
       return _react2['default'].createElement(
           'div',
           null,
           _react2['default'].cloneElement(this.props.children, {
               ref: 'views'
           })
       );
   };

   return Viewer;
}(_react.Component);

;

Viewer.propTypes = propTypes;
Viewer.defaultProps = defaultProps;

exports['default'] = Viewer;
module.exports = exports['default'];
7883
7884/***/ }),
7885/* 82 */
7886/***/ (function(module, exports) {
7887
/*!
* Viewer.js v1.3.0
* https://fengyuanchen.github.io/viewerjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2018-10-25T12:41:54.899Z
*/

'use strict';

function _typeof(obj) {
 if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
   _typeof = function (obj) {
     return typeof obj;
   };
 } else {
   _typeof = function (obj) {
     return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   };
 }

 return _typeof(obj);
}

function _classCallCheck(instance, Constructor) {
 if (!(instance instanceof Constructor)) {
   throw new TypeError("Cannot call a class as a function");
 }
}

function _defineProperties(target, props) {
 for (var i = 0; i < props.length; i++) {
   var descriptor = props[i];
   descriptor.enumerable = descriptor.enumerable || false;
   descriptor.configurable = true;
   if ("value" in descriptor) descriptor.writable = true;
   Object.defineProperty(target, descriptor.key, descriptor);
 }
}

function _createClass(Constructor, protoProps, staticProps) {
 if (protoProps) _defineProperties(Constructor.prototype, protoProps);
 if (staticProps) _defineProperties(Constructor, staticProps);
 return Constructor;
}

var DEFAULTS = {
 /**
  * Enable a modal backdrop, specify `static` for a backdrop
  * which doesn't close the modal on click.
  * @type {boolean}
  */
 backdrop: true,

 /**
  * Show the button on the top-right of the viewer.
  * @type {boolean}
  */
 button: true,

 /**
  * Show the navbar.
  * @type {boolean | number}
  */
 navbar: true,

 /**
  * Specify the visibility and the content of the title.
  * @type {boolean | number | Function | Array}
  */
 title: true,

 /**
  * Show the toolbar.
  * @type {boolean | number | Object}
  */
 toolbar: true,

 /**
  * Custom class name(s) to add to the viewer's root element.
  * @type {string}
  */
 className: '',

 /**
  * Define where to put the viewer in modal mode.
  * @type {string | Element}
  */
 container: 'body',

 /**
  * Filter the images for viewing. Return true if the image is viewable.
  * @type {Function}
  */
 filter: null,

 /**
  * Enable to request fullscreen when play.
  * @type {boolean}
  */
 fullscreen: true,

 /**
  * Define the initial index of image for viewing.
  * @type {number}
  */
 initialViewIndex: 0,

 /**
  * Enable inline mode.
  * @type {boolean}
  */
 inline: false,

 /**
  * The amount of time to delay between automatically cycling an image when playing.
  * @type {number}
  */
 interval: 5000,

 /**
  * Enable keyboard support.
  * @type {boolean}
  */
 keyboard: true,

 /**
  * Indicate if show a loading spinner when load image or not.
  * @type {boolean}
  */
 loading: true,

 /**
  * Indicate if enable loop viewing or not.
  * @type {boolean}
  */
 loop: true,

 /**
  * Min width of the viewer in inline mode.
  * @type {number}
  */
 minWidth: 200,

 /**
  * Min height of the viewer in inline mode.
  * @type {number}
  */
 minHeight: 100,

 /**
  * Enable to move the image.
  * @type {boolean}
  */
 movable: true,

 /**
  * Enable to zoom the image.
  * @type {boolean}
  */
 zoomable: true,

 /**
  * Enable to rotate the image.
  * @type {boolean}
  */
 rotatable: true,

 /**
  * Enable to scale the image.
  * @type {boolean}
  */
 scalable: true,

 /**
  * Indicate if toggle the image size between its natural size
  * and initial size when double click on the image or not.
  * @type {boolean}
  */
 toggleOnDblclick: true,

 /**
  * Show the tooltip with image ratio (percentage) when zoom in or zoom out.
  * @type {boolean}
  */
 tooltip: true,

 /**
  * Enable CSS3 Transition for some special elements.
  * @type {boolean}
  */
 transition: true,

 /**
  * Define the CSS `z-index` value of viewer in modal mode.
  * @type {number}
  */
 zIndex: 2015,

 /**
  * Define the CSS `z-index` value of viewer in inline mode.
  * @type {number}
  */
 zIndexInline: 0,

 /**
  * Define the ratio when zoom the image by wheeling mouse.
  * @type {number}
  */
 zoomRatio: 0.1,

 /**
  * Define the min ratio of the image when zoom out.
  * @type {number}
  */
 minZoomRatio: 0.01,

 /**
  * Define the max ratio of the image when zoom in.
  * @type {number}
  */
 maxZoomRatio: 100,

 /**
  * Define where to get the original image URL for viewing.
  * @type {string | Function}
  */
 url: 'src',

 /**
  * Event shortcuts.
  * @type {Function}
  */
 ready: null,
 show: null,
 shown: null,
 hide: null,
 hidden: null,
 view: null,
 viewed: null,
 zoom: null,
 zoomed: null
};

var TEMPLATE = '<div class="viewer-container" touch-action="none">' + '<div class="viewer-canvas"></div>' + '<div class="viewer-footer">' + '<div class="viewer-title"></div>' + '<div class="viewer-toolbar"></div>' + '<div class="viewer-navbar">' + '<ul class="viewer-list"></ul>' + '</div>' + '</div>' + '<div class="viewer-tooltip"></div>' + '<div role="button" class="viewer-button" data-viewer-action="mix"></div>' + '<div class="viewer-player"></div>' + '</div>';

var IN_BROWSER = typeof window !== 'undefined';
var WINDOW = IN_BROWSER ? window : {};
var NAMESPACE = 'viewer'; // Actions

var ACTION_MOVE = 'move';
var ACTION_SWITCH = 'switch';
var ACTION_ZOOM = 'zoom'; // Classes

var CLASS_ACTIVE = "".concat(NAMESPACE, "-active");
var CLASS_CLOSE = "".concat(NAMESPACE, "-close");
var CLASS_FADE = "".concat(NAMESPACE, "-fade");
var CLASS_FIXED = "".concat(NAMESPACE, "-fixed");
var CLASS_FULLSCREEN = "".concat(NAMESPACE, "-fullscreen");
var CLASS_FULLSCREEN_EXIT = "".concat(NAMESPACE, "-fullscreen-exit");
var CLASS_HIDE = "".concat(NAMESPACE, "-hide");
var CLASS_HIDE_MD_DOWN = "".concat(NAMESPACE, "-hide-md-down");
var CLASS_HIDE_SM_DOWN = "".concat(NAMESPACE, "-hide-sm-down");
var CLASS_HIDE_XS_DOWN = "".concat(NAMESPACE, "-hide-xs-down");
var CLASS_IN = "".concat(NAMESPACE, "-in");
var CLASS_INVISIBLE = "".concat(NAMESPACE, "-invisible");
var CLASS_LOADING = "".concat(NAMESPACE, "-loading");
var CLASS_MOVE = "".concat(NAMESPACE, "-move");
var CLASS_OPEN = "".concat(NAMESPACE, "-open");
var CLASS_SHOW = "".concat(NAMESPACE, "-show");
var CLASS_TRANSITION = "".concat(NAMESPACE, "-transition"); // Events

var EVENT_CLICK = 'click';
var EVENT_DBLCLICK = 'dblclick';
var EVENT_DRAG_START = 'dragstart';
var EVENT_HIDDEN = 'hidden';
var EVENT_HIDE = 'hide';
var EVENT_KEY_DOWN = 'keydown';
var EVENT_LOAD = 'load';
var EVENT_POINTER_DOWN = WINDOW.PointerEvent ? 'pointerdown' : 'touchstart mousedown';
var EVENT_POINTER_MOVE = WINDOW.PointerEvent ? 'pointermove' : 'touchmove mousemove';
var EVENT_POINTER_UP = WINDOW.PointerEvent ? 'pointerup pointercancel' : 'touchend touchcancel mouseup';
var EVENT_READY = 'ready';
var EVENT_RESIZE = 'resize';
var EVENT_SHOW = 'show';
var EVENT_SHOWN = 'shown';
var EVENT_TRANSITION_END = 'transitionend';
var EVENT_VIEW = 'view';
var EVENT_VIEWED = 'viewed';
var EVENT_WHEEL = 'wheel mousewheel DOMMouseScroll';
var EVENT_ZOOM = 'zoom';
var EVENT_ZOOMED = 'zoomed'; // Data keys

var DATA_ACTION = "".concat(NAMESPACE, "Action");
var BUTTONS = ['zoom-in', 'zoom-out', 'one-to-one', 'reset', 'prev', 'play', 'next', 'rotate-left', 'rotate-right', 'flip-horizontal', 'flip-vertical']; // RegExps

var REGEXP_SPACES = /\s\s*/;

/**
* Check if the given value is a string.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is a string, else `false`.
*/

function isString(value) {
 return typeof value === 'string';
}
/**
* Check if the given value is not a number.
*/

var isNaN = Number.isNaN || WINDOW.isNaN;
/**
* Check if the given value is a number.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is a number, else `false`.
*/

function isNumber(value) {
 return typeof value === 'number' && !isNaN(value);
}
/**
* Check if the given value is undefined.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is undefined, else `false`.
*/

function isUndefined(value) {
 return typeof value === 'undefined';
}
/**
* Check if the given value is an object.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is an object, else `false`.
*/

function isObject(value) {
 return _typeof(value) === 'object' && value !== null;
}
var hasOwnProperty = Object.prototype.hasOwnProperty;
/**
* Check if the given value is a plain object.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is a plain object, else `false`.
*/

function isPlainObject(value) {
 if (!isObject(value)) {
   return false;
 }

 try {
   var _constructor = value.constructor;
   var prototype = _constructor.prototype;
   return _constructor && prototype && hasOwnProperty.call(prototype, 'isPrototypeOf');
 } catch (e) {
   return false;
 }
}
/**
* Check if the given value is a function.
* @param {*} value - The value to check.
* @returns {boolean} Returns `true` if the given value is a function, else `false`.
*/

function isFunction(value) {
 return typeof value === 'function';
}
/**
* Iterate the given data.
* @param {*} data - The data to iterate.
* @param {Function} callback - The process function for each element.
* @returns {*} The original data.
*/

function forEach(data, callback) {
 if (data && isFunction(callback)) {
   if (Array.isArray(data) || isNumber(data.length)
   /* array-like */
   ) {
       var length = data.length;
       var i;

       for (i = 0; i < length; i += 1) {
         if (callback.call(data, data[i], i, data) === false) {
           break;
         }
       }
     } else if (isObject(data)) {
     Object.keys(data).forEach(function (key) {
       callback.call(data, data[key], key, data);
     });
   }
 }

 return data;
}
/**
* Extend the given object.
* @param {*} obj - The object to be extended.
* @param {*} args - The rest objects which will be merged to the first object.
* @returns {Object} The extended object.
*/

var assign = Object.assign || function assign(obj) {
 for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
   args[_key - 1] = arguments[_key];
 }

 if (isObject(obj) && args.length > 0) {
   args.forEach(function (arg) {
     if (isObject(arg)) {
       Object.keys(arg).forEach(function (key) {
         obj[key] = arg[key];
       });
     }
   });
 }

 return obj;
};
var REGEXP_SUFFIX = /^(?:width|height|left|top|marginLeft|marginTop)$/;
/**
* Apply styles to the given element.
* @param {Element} element - The target element.
* @param {Object} styles - The styles for applying.
*/

function setStyle(element, styles) {
 var style = element.style;
 forEach(styles, function (value, property) {
   if (REGEXP_SUFFIX.test(property) && isNumber(value)) {
     value += 'px';
   }

   style[property] = value;
 });
}
/**
* Check if the given element has a special class.
* @param {Element} element - The element to check.
* @param {string} value - The class to search.
* @returns {boolean} Returns `true` if the special class was found.
*/

function hasClass(element, value) {
 return element.classList ? element.classList.contains(value) : element.className.indexOf(value) > -1;
}
/**
* Add classes to the given element.
* @param {Element} element - The target element.
* @param {string} value - The classes to be added.
*/

function addClass(element, value) {
 if (!value) {
   return;
 }

 if (isNumber(element.length)) {
   forEach(element, function (elem) {
     addClass(elem, value);
   });
   return;
 }

 if (element.classList) {
   element.classList.add(value);
   return;
 }

 var className = element.className.trim();

 if (!className) {
   element.className = value;
 } else if (className.indexOf(value) < 0) {
   element.className = "".concat(className, " ").concat(value);
 }
}
/**
* Remove classes from the given element.
* @param {Element} element - The target element.
* @param {string} value - The classes to be removed.
*/

function removeClass(element, value) {
 if (!value) {
   return;
 }

 if (isNumber(element.length)) {
   forEach(element, function (elem) {
     removeClass(elem, value);
   });
   return;
 }

 if (element.classList) {
   element.classList.remove(value);
   return;
 }

 if (element.className.indexOf(value) >= 0) {
   element.className = element.className.replace(value, '');
 }
}
/**
* Add or remove classes from the given element.
* @param {Element} element - The target element.
* @param {string} value - The classes to be toggled.
* @param {boolean} added - Add only.
*/

function toggleClass(element, value, added) {
 if (!value) {
   return;
 }

 if (isNumber(element.length)) {
   forEach(element, function (elem) {
     toggleClass(elem, value, added);
   });
   return;
 } // IE10-11 doesn't support the second parameter of `classList.toggle`


 if (added) {
   addClass(element, value);
 } else {
   removeClass(element, value);
 }
}
var REGEXP_HYPHENATE = /([a-z\d])([A-Z])/g;
/**
* Transform the given string from camelCase to kebab-case
* @param {string} value - The value to transform.
* @returns {string} The transformed value.
*/

function hyphenate(value) {
 return value.replace(REGEXP_HYPHENATE, '$1-$2').toLowerCase();
}
/**
* Get data from the given element.
* @param {Element} element - The target element.
* @param {string} name - The data key to get.
* @returns {string} The data value.
*/

function getData(element, name) {
 if (isObject(element[name])) {
   return element[name];
 }

 if (element.dataset) {
   return element.dataset[name];
 }

 return element.getAttribute("data-".concat(hyphenate(name)));
}
/**
* Set data to the given element.
* @param {Element} element - The target element.
* @param {string} name - The data key to set.
* @param {string} data - The data value.
*/

function setData(element, name, data) {
 if (isObject(data)) {
   element[name] = data;
 } else if (element.dataset) {
   element.dataset[name] = data;
 } else {
   element.setAttribute("data-".concat(hyphenate(name)), data);
 }
}

var onceSupported = function () {
 var supported = false;

 if (IN_BROWSER) {
   var once = false;

   var listener = function listener() {};

   var options = Object.defineProperty({}, 'once', {
     get: function get() {
       supported = true;
       return once;
     },

     /**
      * This setter can fix a `TypeError` in strict mode
      * {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Getter_only}
      * @param {boolean} value - The value to set
      */
     set: function set(value) {
       once = value;
     }
   });
   WINDOW.addEventListener('test', listener, options);
   WINDOW.removeEventListener('test', listener, options);
 }

 return supported;
}();
/**
* Remove event listener from the target element.
* @param {Element} element - The event target.
* @param {string} type - The event type(s).
* @param {Function} listener - The event listener.
* @param {Object} options - The event options.
*/


function removeListener(element, type, listener) {
 var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
 var handler = listener;
 type.trim().split(REGEXP_SPACES).forEach(function (event) {
   if (!onceSupported) {
     var listeners = element.listeners;

     if (listeners && listeners[event] && listeners[event][listener]) {
       handler = listeners[event][listener];
       delete listeners[event][listener];

       if (Object.keys(listeners[event]).length === 0) {
         delete listeners[event];
       }

       if (Object.keys(listeners).length === 0) {
         delete element.listeners;
       }
     }
   }

   element.removeEventListener(event, handler, options);
 });
}
/**
* Add event listener to the target element.
* @param {Element} element - The event target.
* @param {string} type - The event type(s).
* @param {Function} listener - The event listener.
* @param {Object} options - The event options.
*/

function addListener(element, type, listener) {
 var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
 var _handler = listener;
 type.trim().split(REGEXP_SPACES).forEach(function (event) {
   if (options.once && !onceSupported) {
     var _element$listeners = element.listeners,
         listeners = _element$listeners === void 0 ? {} : _element$listeners;

     _handler = function handler() {
       delete listeners[event][listener];
       element.removeEventListener(event, _handler, options);

       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }

       listener.apply(element, args);
     };

     if (!listeners[event]) {
       listeners[event] = {};
     }

     if (listeners[event][listener]) {
       element.removeEventListener(event, listeners[event][listener], options);
     }

     listeners[event][listener] = _handler;
     element.listeners = listeners;
   }

   element.addEventListener(event, _handler, options);
 });
}
/**
* Dispatch event on the target element.
* @param {Element} element - The event target.
* @param {string} type - The event type(s).
* @param {Object} data - The additional event data.
* @returns {boolean} Indicate if the event is default prevented or not.
*/

function dispatchEvent(element, type, data) {
 var event; // Event and CustomEvent on IE9-11 are global objects, not constructors

 if (isFunction(Event) && isFunction(CustomEvent)) {
   event = new CustomEvent(type, {
     detail: data,
     bubbles: true,
     cancelable: true
   });
 } else {
   event = document.createEvent('CustomEvent');
   event.initCustomEvent(type, true, true, data);
 }

 return element.dispatchEvent(event);
}
/**
* Get the offset base on the document.
* @param {Element} element - The target element.
* @returns {Object} The offset data.
*/

function getOffset(element) {
 var box = element.getBoundingClientRect();
 return {
   left: box.left + (window.pageXOffset - document.documentElement.clientLeft),
   top: box.top + (window.pageYOffset - document.documentElement.clientTop)
 };
}
/**
* Get transforms base on the given object.
* @param {Object} obj - The target object.
* @returns {string} A string contains transform values.
*/

function getTransforms(_ref) {
 var rotate = _ref.rotate,
     scaleX = _ref.scaleX,
     scaleY = _ref.scaleY,
     translateX = _ref.translateX,
     translateY = _ref.translateY;
 var values = [];

 if (isNumber(translateX) && translateX !== 0) {
   values.push("translateX(".concat(translateX, "px)"));
 }

 if (isNumber(translateY) && translateY !== 0) {
   values.push("translateY(".concat(translateY, "px)"));
 } // Rotate should come first before scale to match orientation transform


 if (isNumber(rotate) && rotate !== 0) {
   values.push("rotate(".concat(rotate, "deg)"));
 }

 if (isNumber(scaleX) && scaleX !== 1) {
   values.push("scaleX(".concat(scaleX, ")"));
 }

 if (isNumber(scaleY) && scaleY !== 1) {
   values.push("scaleY(".concat(scaleY, ")"));
 }

 var transform = values.length ? values.join(' ') : 'none';
 return {
   WebkitTransform: transform,
   msTransform: transform,
   transform: transform
 };
}
/**
* Get an image name from an image url.
* @param {string} url - The target url.
* @example
* // picture.jpg
* getImageNameFromURL('http://domain.com/path/to/picture.jpg?size=1280×960')
* @returns {string} A string contains the image name.
*/

function getImageNameFromURL(url) {
 return isString(url) ? url.replace(/^.*\//, '').replace(/[?&#].*$/, '') : '';
}
var IS_SAFARI = WINDOW.navigator && /(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(WINDOW.navigator.userAgent);
/**
* Get an image's natural sizes.
* @param {string} image - The target image.
* @param {Function} callback - The callback function.
* @returns {HTMLImageElement} The new image.
*/

function getImageNaturalSizes(image, callback) {
 var newImage = document.createElement('img'); // Modern browsers (except Safari)

 if (image.naturalWidth && !IS_SAFARI) {
   callback(image.naturalWidth, image.naturalHeight);
   return newImage;
 }

 var body = document.body || document.documentElement;

 newImage.onload = function () {
   callback(newImage.width, newImage.height);

   if (!IS_SAFARI) {
     body.removeChild(newImage);
   }
 };

 newImage.src = image.src; // iOS Safari will convert the image automatically
 // with its orientation once append it into DOM

 if (!IS_SAFARI) {
   newImage.style.cssText = 'left:0;' + 'max-height:none!important;' + 'max-width:none!important;' + 'min-height:0!important;' + 'min-width:0!important;' + 'opacity:0;' + 'position:absolute;' + 'top:0;' + 'z-index:-1;';
   body.appendChild(newImage);
 }

 return newImage;
}
/**
* Get the related class name of a responsive type number.
* @param {string} type - The responsive type.
* @returns {string} The related class name.
*/

function getResponsiveClass(type) {
 switch (type) {
   case 2:
     return CLASS_HIDE_XS_DOWN;

   case 3:
     return CLASS_HIDE_SM_DOWN;

   case 4:
     return CLASS_HIDE_MD_DOWN;

   default:
     return '';
 }
}
/**
* Get the max ratio of a group of pointers.
* @param {string} pointers - The target pointers.
* @returns {number} The result ratio.
*/

function getMaxZoomRatio(pointers) {
 var pointers2 = assign({}, pointers);
 var ratios = [];
 forEach(pointers, function (pointer, pointerId) {
   delete pointers2[pointerId];
   forEach(pointers2, function (pointer2) {
     var x1 = Math.abs(pointer.startX - pointer2.startX);
     var y1 = Math.abs(pointer.startY - pointer2.startY);
     var x2 = Math.abs(pointer.endX - pointer2.endX);
     var y2 = Math.abs(pointer.endY - pointer2.endY);
     var z1 = Math.sqrt(x1 * x1 + y1 * y1);
     var z2 = Math.sqrt(x2 * x2 + y2 * y2);
     var ratio = (z2 - z1) / z1;
     ratios.push(ratio);
   });
 });
 ratios.sort(function (a, b) {
   return Math.abs(a) < Math.abs(b);
 });
 return ratios[0];
}
/**
* Get a pointer from an event object.
* @param {Object} event - The target event object.
* @param {boolean} endOnly - Indicates if only returns the end point coordinate or not.
* @returns {Object} The result pointer contains start and/or end point coordinates.
*/

function getPointer(_ref2, endOnly) {
 var pageX = _ref2.pageX,
     pageY = _ref2.pageY;
 var end = {
   endX: pageX,
   endY: pageY
 };
 return endOnly ? end : assign({
   startX: pageX,
   startY: pageY
 }, end);
}
/**
* Get the center point coordinate of a group of pointers.
* @param {Object} pointers - The target pointers.
* @returns {Object} The center point coordinate.
*/

function getPointersCenter(pointers) {
 var pageX = 0;
 var pageY = 0;
 var count = 0;
 forEach(pointers, function (_ref3) {
   var startX = _ref3.startX,
       startY = _ref3.startY;
   pageX += startX;
   pageY += startY;
   count += 1;
 });
 pageX /= count;
 pageY /= count;
 return {
   pageX: pageX,
   pageY: pageY
 };
}

var render = {
 render: function render() {
   this.initContainer();
   this.initViewer();
   this.initList();
   this.renderViewer();
 },
 initContainer: function initContainer() {
   this.containerData = {
     width: window.innerWidth,
     height: window.innerHeight
   };
 },
 initViewer: function initViewer() {
   var options = this.options,
       parent = this.parent;
   var viewerData;

   if (options.inline) {
     viewerData = {
       width: Math.max(parent.offsetWidth, options.minWidth),
       height: Math.max(parent.offsetHeight, options.minHeight)
     };
     this.parentData = viewerData;
   }

   if (this.fulled || !viewerData) {
     viewerData = this.containerData;
   }

   this.viewerData = assign({}, viewerData);
 },
 renderViewer: function renderViewer() {
   if (this.options.inline && !this.fulled) {
     setStyle(this.viewer, this.viewerData);
   }
 },
 initList: function initList() {
   var _this = this;

   var element = this.element,
       options = this.options,
       list = this.list;
   var items = [];
   forEach(this.images, function (image, i) {
     var src = image.src;
     var alt = image.alt || getImageNameFromURL(src);
     var url = options.url;

     if (isString(url)) {
       url = image.getAttribute(url);
     } else if (isFunction(url)) {
       url = url.call(_this, image);
     }

     if (src || url) {
       items.push('<li>' + '<img' + " src=\"".concat(src || url, "\"") + ' role="button"' + ' data-viewer-action="view"' + " data-index=\"".concat(i, "\"") + " data-original-url=\"".concat(url || src, "\"") + " alt=\"".concat(alt, "\"") + '>' + '</li>');
     }
   });
   list.innerHTML = items.join('');
   this.items = list.getElementsByTagName('li');
   forEach(this.items, function (item) {
     var image = item.firstElementChild;
     setData(image, 'filled', true);

     if (options.loading) {
       addClass(item, CLASS_LOADING);
     }

     addListener(image, EVENT_LOAD, function (event) {
       if (options.loading) {
         removeClass(item, CLASS_LOADING);
       }

       _this.loadImage(event);
     }, {
       once: true
     });
   });

   if (options.transition) {
     addListener(element, EVENT_VIEWED, function () {
       addClass(list, CLASS_TRANSITION);
     }, {
       once: true
     });
   }
 },
 renderList: function renderList(index) {
   var i = index || this.index;
   var width = this.items[i].offsetWidth || 30;
   var outerWidth = width + 1; // 1 pixel of `margin-left` width
   // Place the active item in the center of the screen

   setStyle(this.list, assign({
     width: outerWidth * this.length
   }, getTransforms({
     translateX: (this.viewerData.width - width) / 2 - outerWidth * i
   })));
 },
 resetList: function resetList() {
   var list = this.list;
   list.innerHTML = '';
   removeClass(list, CLASS_TRANSITION);
   setStyle(list, getTransforms({
     translateX: 0
   }));
 },
 initImage: function initImage(done) {
   var _this2 = this;

   var options = this.options,
       image = this.image,
       viewerData = this.viewerData;
   var footerHeight = this.footer.offsetHeight;
   var viewerWidth = viewerData.width;
   var viewerHeight = Math.max(viewerData.height - footerHeight, footerHeight);
   var oldImageData = this.imageData || {};
   var sizingImage;
   this.imageInitializing = {
     abort: function abort() {
       sizingImage.onload = null;
     }
   };
   sizingImage = getImageNaturalSizes(image, function (naturalWidth, naturalHeight) {
     var aspectRatio = naturalWidth / naturalHeight;
     var width = viewerWidth;
     var height = viewerHeight;
     _this2.imageInitializing = false;

     if (viewerHeight * aspectRatio > viewerWidth) {
       height = viewerWidth / aspectRatio;
     } else {
       width = viewerHeight * aspectRatio;
     }

     width = Math.min(width * 0.9, naturalWidth);
     height = Math.min(height * 0.9, naturalHeight);
     var imageData = {
       naturalWidth: naturalWidth,
       naturalHeight: naturalHeight,
       aspectRatio: aspectRatio,
       ratio: width / naturalWidth,
       width: width,
       height: height,
       left: (viewerWidth - width) / 2,
       top: (viewerHeight - height) / 2
     };
     var initialImageData = assign({}, imageData);

     if (options.rotatable) {
       imageData.rotate = oldImageData.rotate || 0;
       initialImageData.rotate = 0;
     }

     if (options.scalable) {
       imageData.scaleX = oldImageData.scaleX || 1;
       imageData.scaleY = oldImageData.scaleY || 1;
       initialImageData.scaleX = 1;
       initialImageData.scaleY = 1;
     }

     _this2.imageData = imageData;
     _this2.initialImageData = initialImageData;

     if (done) {
       done();
     }
   });
 },
 renderImage: function renderImage(done) {
   var _this3 = this;

   var image = this.image,
       imageData = this.imageData;
   setStyle(image, assign({
     width: imageData.width,
     height: imageData.height,
     marginLeft: imageData.left,
     marginTop: imageData.top
   }, getTransforms(imageData)));

   if (done) {
     if ((this.viewing || this.zooming) && this.options.transition) {
       var onTransitionEnd = function onTransitionEnd() {
         _this3.imageRendering = false;
         done();
       };

       this.imageRendering = {
         abort: function abort() {
           removeListener(image, EVENT_TRANSITION_END, onTransitionEnd);
         }
       };
       addListener(image, EVENT_TRANSITION_END, onTransitionEnd, {
         once: true
       });
     } else {
       done();
     }
   }
 },
 resetImage: function resetImage() {
   // this.image only defined after viewed
   if (this.viewing || this.viewed) {
     var image = this.image;

     if (this.viewing) {
       this.viewing.abort();
     }

     image.parentNode.removeChild(image);
     this.image = null;
   }
 }
};

var events = {
 bind: function bind() {
   var canvas = this.canvas,
       element = this.element,
       viewer = this.viewer;
   addListener(viewer, EVENT_CLICK, this.onClick = this.click.bind(this));
   addListener(viewer, EVENT_WHEEL, this.onWheel = this.wheel.bind(this));
   addListener(viewer, EVENT_DRAG_START, this.onDragStart = this.dragstart.bind(this));

   if (this.options.toggleOnDblclick) {
     addListener(canvas, EVENT_DBLCLICK, this.onDblclick = this.dblclick.bind(this));
   }

   addListener(canvas, EVENT_POINTER_DOWN, this.onPointerDown = this.pointerdown.bind(this));
   addListener(element.ownerDocument, EVENT_POINTER_MOVE, this.onPointerMove = this.pointermove.bind(this));
   addListener(element.ownerDocument, EVENT_POINTER_UP, this.onPointerUp = this.pointerup.bind(this));
   addListener(element.ownerDocument, EVENT_KEY_DOWN, this.onKeyDown = this.keydown.bind(this));
   addListener(window, EVENT_RESIZE, this.onResize = this.resize.bind(this));
 },
 unbind: function unbind() {
   var canvas = this.canvas,
       element = this.element,
       viewer = this.viewer;
   removeListener(viewer, EVENT_CLICK, this.onClick);
   removeListener(viewer, EVENT_WHEEL, this.onWheel);
   removeListener(viewer, EVENT_DRAG_START, this.onDragStart);

   if (this.options.toggleOnDblclick) {
     removeListener(canvas, EVENT_DBLCLICK, this.onDblclick);
   }

   removeListener(canvas, EVENT_POINTER_DOWN, this.onPointerDown);
   removeListener(element.ownerDocument, EVENT_POINTER_MOVE, this.onPointerMove);
   removeListener(element.ownerDocument, EVENT_POINTER_UP, this.onPointerUp);
   removeListener(element.ownerDocument, EVENT_KEY_DOWN, this.onKeyDown);
   removeListener(window, EVENT_RESIZE, this.onResize);
 }
};

var handlers = {
 click: function click(_ref) {
   var target = _ref.target;
   var options = this.options,
       imageData = this.imageData;
   var action = getData(target, DATA_ACTION);

   switch (action) {
     case 'mix':
       if (this.played) {
         this.stop();
       } else if (options.inline) {
         if (this.fulled) {
           this.exit();
         } else {
           this.full();
         }
       } else {
         this.hide();
       }

       break;

     case 'hide':
       this.hide();
       break;

     case 'view':
       this.view(getData(target, 'index'));
       break;

     case 'zoom-in':
       this.zoom(0.1, true);
       break;

     case 'zoom-out':
       this.zoom(-0.1, true);
       break;

     case 'one-to-one':
       this.toggle();
       break;

     case 'reset':
       this.reset();
       break;

     case 'prev':
       this.prev(options.loop);
       break;

     case 'play':
       this.play(options.fullscreen);
       break;

     case 'next':
       this.next(options.loop);
       break;

     case 'rotate-left':
       this.rotate(-90);
       break;

     case 'rotate-right':
       this.rotate(90);
       break;

     case 'flip-horizontal':
       this.scaleX(-imageData.scaleX || -1);
       break;

     case 'flip-vertical':
       this.scaleY(-imageData.scaleY || -1);
       break;

     default:
       if (this.played) {
         this.stop();
       }

   }
 },
 dblclick: function dblclick(event) {
   if (event.target.parentElement === this.canvas) {
     this.toggle();
   }
 },
 load: function load() {
   var _this = this;

   if (this.timeout) {
     clearTimeout(this.timeout);
     this.timeout = false;
   }

   var element = this.element,
       options = this.options,
       image = this.image,
       index = this.index,
       viewerData = this.viewerData;
   removeClass(image, CLASS_INVISIBLE);

   if (options.loading) {
     removeClass(this.canvas, CLASS_LOADING);
   }

   image.style.cssText = 'height:0;' + "margin-left:".concat(viewerData.width / 2, "px;") + "margin-top:".concat(viewerData.height / 2, "px;") + 'max-width:none!important;' + 'position:absolute;' + 'width:0;';
   this.initImage(function () {
     toggleClass(image, CLASS_MOVE, options.movable);
     toggleClass(image, CLASS_TRANSITION, options.transition);

     _this.renderImage(function () {
       _this.viewed = true;
       _this.viewing = false;

       if (isFunction(options.viewed)) {
         addListener(element, EVENT_VIEWED, options.viewed, {
           once: true
         });
       }

       dispatchEvent(element, EVENT_VIEWED, {
         originalImage: _this.images[index],
         index: index,
         image: image
       });
     });
   });
 },
 loadImage: function loadImage(e) {
   var image = e.target;
   var parent = image.parentNode;
   var parentWidth = parent.offsetWidth || 30;
   var parentHeight = parent.offsetHeight || 50;
   var filled = !!getData(image, 'filled');
   getImageNaturalSizes(image, function (naturalWidth, naturalHeight) {
     var aspectRatio = naturalWidth / naturalHeight;
     var width = parentWidth;
     var height = parentHeight;

     if (parentHeight * aspectRatio > parentWidth) {
       if (filled) {
         width = parentHeight * aspectRatio;
       } else {
         height = parentWidth / aspectRatio;
       }
     } else if (filled) {
       height = parentWidth / aspectRatio;
     } else {
       width = parentHeight * aspectRatio;
     }

     setStyle(image, assign({
       width: width,
       height: height
     }, getTransforms({
       translateX: (parentWidth - width) / 2,
       translateY: (parentHeight - height) / 2
     })));
   });
 },
 keydown: function keydown(e) {
   var options = this.options;

   if (!this.fulled || !options.keyboard) {
     return;
   }

   switch (e.keyCode || e.which || e.charCode) {
     // Escape
     case 27:
       if (this.played) {
         this.stop();
       } else if (options.inline) {
         if (this.fulled) {
           this.exit();
         }
       } else {
         this.hide();
       }

       break;
     // Space

     case 32:
       if (this.played) {
         this.stop();
       }

       break;
     // ArrowLeft

     case 37:
       this.prev(options.loop);
       break;
     // ArrowUp

     case 38:
       // Prevent scroll on Firefox
       e.preventDefault(); // Zoom in

       this.zoom(options.zoomRatio, true);
       break;
     // ArrowRight

     case 39:
       this.next(options.loop);
       break;
     // ArrowDown

     case 40:
       // Prevent scroll on Firefox
       e.preventDefault(); // Zoom out

       this.zoom(-options.zoomRatio, true);
       break;
     // Ctrl + 0

     case 48: // Fall through
     // Ctrl + 1
     // eslint-disable-next-line no-fallthrough

     case 49:
       if (e.ctrlKey) {
         e.preventDefault();
         this.toggle();
       }

       break;

     default:
   }
 },
 dragstart: function dragstart(e) {
   if (e.target.tagName.toLowerCase() === 'img') {
     e.preventDefault();
   }
 },
 pointerdown: function pointerdown(e) {
   var options = this.options,
       pointers = this.pointers;

   if (!this.viewed || this.showing || this.viewing || this.hiding) {
     return;
   } // This line is required for preventing page zooming in iOS browsers


   e.preventDefault();

   if (e.changedTouches) {
     forEach(e.changedTouches, function (touch) {
       pointers[touch.identifier] = getPointer(touch);
     });
   } else {
     pointers[e.pointerId || 0] = getPointer(e);
   }

   var action = options.movable ? ACTION_MOVE : false;

   if (Object.keys(pointers).length > 1) {
     action = ACTION_ZOOM;
   } else if ((e.pointerType === 'touch' || e.type === 'touchstart') && this.isSwitchable()) {
     action = ACTION_SWITCH;
   }

   if (options.transition && (action === ACTION_MOVE || action === ACTION_ZOOM)) {
     removeClass(this.image, CLASS_TRANSITION);
   }

   this.action = action;
 },
 pointermove: function pointermove(e) {
   var pointers = this.pointers,
       action = this.action;

   if (!this.viewed || !action) {
     return;
   }

   e.preventDefault();

   if (e.changedTouches) {
     forEach(e.changedTouches, function (touch) {
       // // The first parameter should not be undefined in some browsers
       assign(pointers[touch.identifier] || {}, getPointer(touch, true));
     });
   } else {
     assign(pointers[e.pointerId || 0] || {}, getPointer(e, true));
   }

   this.change(e);
 },
 pointerup: function pointerup(e) {
   var action = this.action,
       pointers = this.pointers;

   if (e.changedTouches) {
     forEach(e.changedTouches, function (touch) {
       delete pointers[touch.identifier];
     });
   } else {
     delete pointers[e.pointerId || 0];
   }

   if (!action) {
     return;
   }

   e.preventDefault();

   if (this.options.transition && (action === ACTION_MOVE || action === ACTION_ZOOM)) {
     addClass(this.image, CLASS_TRANSITION);
   }

   this.action = false;
 },
 resize: function resize() {
   var _this2 = this;

   if (!this.isShown || this.hiding) {
     return;
   }

   this.initContainer();
   this.initViewer();
   this.renderViewer();
   this.renderList();

   if (this.viewed) {
     this.initImage(function () {
       _this2.renderImage();
     });
   }

   if (this.played) {
     if (this.options.fullscreen && this.fulled && !document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
       this.stop();
       return;
     }

     forEach(this.player.getElementsByTagName('img'), function (image) {
       addListener(image, EVENT_LOAD, _this2.loadImage.bind(_this2), {
         once: true
       });
       dispatchEvent(image, EVENT_LOAD);
     });
   }
 },
 wheel: function wheel(e) {
   var _this3 = this;

   if (!this.viewed) {
     return;
   }

   e.preventDefault(); // Limit wheel speed to prevent zoom too fast

   if (this.wheeling) {
     return;
   }

   this.wheeling = true;
   setTimeout(function () {
     _this3.wheeling = false;
   }, 50);
   var ratio = Number(this.options.zoomRatio) || 0.1;
   var delta = 1;

   if (e.deltaY) {
     delta = e.deltaY > 0 ? 1 : -1;
   } else if (e.wheelDelta) {
     delta = -e.wheelDelta / 120;
   } else if (e.detail) {
     delta = e.detail > 0 ? 1 : -1;
   }

   this.zoom(-delta * ratio, true, e);
 }
};

var methods = {
 /** Show the viewer (only available in modal mode)
  * @param {boolean} [immediate=false] - Indicates if show the viewer immediately or not.
  * @returns {Viewer} this
  */
 show: function show() {
   var immediate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var element = this.element,
       options = this.options;

   if (options.inline || this.showing || this.isShown || this.showing) {
     return this;
   }

   if (!this.ready) {
     this.build();

     if (this.ready) {
       this.show(immediate);
     }

     return this;
   }

   if (isFunction(options.show)) {
     addListener(element, EVENT_SHOW, options.show, {
       once: true
     });
   }

   if (dispatchEvent(element, EVENT_SHOW) === false || !this.ready) {
     return this;
   }

   if (this.hiding) {
     this.transitioning.abort();
   }

   this.showing = true;
   this.open();
   var viewer = this.viewer;
   removeClass(viewer, CLASS_HIDE);

   if (options.transition && !immediate) {
     var shown = this.shown.bind(this);
     this.transitioning = {
       abort: function abort() {
         removeListener(viewer, EVENT_TRANSITION_END, shown);
         removeClass(viewer, CLASS_IN);
       }
     };
     addClass(viewer, CLASS_TRANSITION); // Force reflow to enable CSS3 transition
     // eslint-disable-next-line

     viewer.offsetWidth;
     addListener(viewer, EVENT_TRANSITION_END, shown, {
       once: true
     });
     addClass(viewer, CLASS_IN);
   } else {
     addClass(viewer, CLASS_IN);
     this.shown();
   }

   return this;
 },

 /**
  * Hide the viewer (only available in modal mode)
  * @param {boolean} [immediate=false] - Indicates if hide the viewer immediately or not.
  * @returns {Viewer} this
  */
 hide: function hide() {
   var immediate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var element = this.element,
       options = this.options;

   if (options.inline || this.hiding || !(this.isShown || this.showing)) {
     return this;
   }

   if (isFunction(options.hide)) {
     addListener(element, EVENT_HIDE, options.hide, {
       once: true
     });
   }

   if (dispatchEvent(element, EVENT_HIDE) === false) {
     return this;
   }

   if (this.showing) {
     this.transitioning.abort();
   }

   this.hiding = true;

   if (this.played) {
     this.stop();
   } else if (this.viewing) {
     this.viewing.abort();
   }

   var viewer = this.viewer;

   if (options.transition && !immediate) {
     var hidden = this.hidden.bind(this);

     var hide = function hide() {
       addListener(viewer, EVENT_TRANSITION_END, hidden, {
         once: true
       });
       removeClass(viewer, CLASS_IN);
     };

     this.transitioning = {
       abort: function abort() {
         if (this.viewed) {
           removeListener(this.image, EVENT_TRANSITION_END, hide);
         } else {
           removeListener(viewer, EVENT_TRANSITION_END, hidden);
         }
       }
     };

     if (this.viewed) {
       addListener(this.image, EVENT_TRANSITION_END, hide, {
         once: true
       });
       this.zoomTo(0, false, false, true);
     } else {
       hide();
     }
   } else {
     removeClass(viewer, CLASS_IN);
     this.hidden();
   }

   return this;
 },

 /**
  * View one of the images with image's index
  * @param {number} index - The index of the image to view.
  * @returns {Viewer} this
  */
 view: function view() {
   var _this = this;

   var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.options.initialViewIndex;
   index = Number(index) || 0;

   if (!this.isShown) {
     this.index = index;
     return this.show();
   }

   if (this.hiding || this.played || index < 0 || index >= this.length || this.viewed && index === this.index) {
     return this;
   }

   if (this.viewing) {
     this.viewing.abort();
   }

   var element = this.element,
       options = this.options,
       title = this.title,
       canvas = this.canvas;
   var item = this.items[index];
   var img = item.querySelector('img');
   var url = getData(img, 'originalUrl');
   var alt = img.getAttribute('alt');
   var image = document.createElement('img');
   image.src = url;
   image.alt = alt;

   if (isFunction(options.view)) {
     addListener(element, EVENT_VIEW, options.view, {
       once: true
     });
   }

   if (dispatchEvent(element, EVENT_VIEW, {
     originalImage: this.images[index],
     index: index,
     image: image
   }) === false || !this.isShown || this.hiding || this.played) {
     return this;
   }

   this.image = image;
   removeClass(this.items[this.index], CLASS_ACTIVE);
   addClass(item, CLASS_ACTIVE);
   this.viewed = false;
   this.index = index;
   this.imageData = {};
   addClass(image, CLASS_INVISIBLE);

   if (options.loading) {
     addClass(canvas, CLASS_LOADING);
   }

   canvas.innerHTML = '';
   canvas.appendChild(image); // Center current item

   this.renderList(); // Clear title

   title.innerHTML = ''; // Generate title after viewed

   var onViewed = function onViewed() {
     var imageData = _this.imageData;
     var render = Array.isArray(options.title) ? options.title[1] : options.title;
     title.innerHTML = isFunction(render) ? render.call(_this, image, imageData) : "".concat(alt, " (").concat(imageData.naturalWidth, " \xD7 ").concat(imageData.naturalHeight, ")");
   };

   var onLoad;
   addListener(element, EVENT_VIEWED, onViewed, {
     once: true
   });
   this.viewing = {
     abort: function abort() {
       removeListener(element, EVENT_VIEWED, onViewed);

       if (image.complete) {
         if (this.imageRendering) {
           this.imageRendering.abort();
         } else if (this.imageInitializing) {
           this.imageInitializing.abort();
         }
       } else {
         removeListener(image, EVENT_LOAD, onLoad);

         if (this.timeout) {
           clearTimeout(this.timeout);
         }
       }
     }
   };

   if (image.complete) {
     this.load();
   } else {
     addListener(image, EVENT_LOAD, onLoad = this.load.bind(this), {
       once: true
     });

     if (this.timeout) {
       clearTimeout(this.timeout);
     } // Make the image visible if it fails to load within 1s


     this.timeout = setTimeout(function () {
       removeClass(image, CLASS_INVISIBLE);
       _this.timeout = false;
     }, 1000);
   }

   return this;
 },

 /**
  * View the previous image
  * @param {boolean} [loop=false] - Indicate if view the last one
  * when it is the first one at present.
  * @returns {Viewer} this
  */
 prev: function prev() {
   var loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var index = this.index - 1;

   if (index < 0) {
     index = loop ? this.length - 1 : 0;
   }

   this.view(index);
   return this;
 },

 /**
  * View the next image
  * @param {boolean} [loop=false] - Indicate if view the first one
  * when it is the last one at present.
  * @returns {Viewer} this
  */
 next: function next() {
   var loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var maxIndex = this.length - 1;
   var index = this.index + 1;

   if (index > maxIndex) {
     index = loop ? 0 : maxIndex;
   }

   this.view(index);
   return this;
 },

 /**
  * Move the image with relative offsets.
  * @param {number} offsetX - The relative offset distance on the x-axis.
  * @param {number} offsetY - The relative offset distance on the y-axis.
  * @returns {Viewer} this
  */
 move: function move(offsetX, offsetY) {
   var imageData = this.imageData;
   this.moveTo(isUndefined(offsetX) ? offsetX : imageData.left + Number(offsetX), isUndefined(offsetY) ? offsetY : imageData.top + Number(offsetY));
   return this;
 },

 /**
  * Move the image to an absolute point.
  * @param {number} x - The x-axis coordinate.
  * @param {number} [y=x] - The y-axis coordinate.
  * @returns {Viewer} this
  */
 moveTo: function moveTo(x) {
   var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : x;
   var imageData = this.imageData;
   x = Number(x);
   y = Number(y);

   if (this.viewed && !this.played && this.options.movable) {
     var changed = false;

     if (isNumber(x)) {
       imageData.left = x;
       changed = true;
     }

     if (isNumber(y)) {
       imageData.top = y;
       changed = true;
     }

     if (changed) {
       this.renderImage();
     }
   }

   return this;
 },

 /**
  * Zoom the image with a relative ratio.
  * @param {number} ratio - The target ratio.
  * @param {boolean} [hasTooltip=false] - Indicates if it has a tooltip or not.
  * @param {Event} [_originalEvent=null] - The original event if any.
  * @returns {Viewer} this
  */
 zoom: function zoom(ratio) {
   var hasTooltip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

   var _originalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

   var imageData = this.imageData;
   ratio = Number(ratio);

   if (ratio < 0) {
     ratio = 1 / (1 - ratio);
   } else {
     ratio = 1 + ratio;
   }

   this.zoomTo(imageData.width * ratio / imageData.naturalWidth, hasTooltip, _originalEvent);
   return this;
 },

 /**
  * Zoom the image to an absolute ratio.
  * @param {number} ratio - The target ratio.
  * @param {boolean} [hasTooltip=false] - Indicates if it has a tooltip or not.
  * @param {Event} [_originalEvent=null] - The original event if any.
  * @param {Event} [_zoomable=false] - Indicates if the current zoom is available or not.
  * @returns {Viewer} this
  */
 zoomTo: function zoomTo(ratio) {
   var _this2 = this;

   var hasTooltip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

   var _originalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

   var _zoomable = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;

   var element = this.element,
       options = this.options,
       pointers = this.pointers,
       imageData = this.imageData;
   ratio = Math.max(0, ratio);

   if (isNumber(ratio) && this.viewed && !this.played && (_zoomable || options.zoomable)) {
     if (!_zoomable) {
       var minZoomRatio = Math.max(0.01, options.minZoomRatio);
       var maxZoomRatio = Math.min(100, options.maxZoomRatio);
       ratio = Math.min(Math.max(ratio, minZoomRatio), maxZoomRatio);
     }

     if (_originalEvent && ratio > 0.95 && ratio < 1.05) {
       ratio = 1;
     }

     var newWidth = imageData.naturalWidth * ratio;
     var newHeight = imageData.naturalHeight * ratio;
     var oldRatio = imageData.width / imageData.naturalWidth;

     if (isFunction(options.zoom)) {
       addListener(element, EVENT_ZOOM, options.zoom, {
         once: true
       });
     }

     if (dispatchEvent(element, EVENT_ZOOM, {
       ratio: ratio,
       oldRatio: oldRatio,
       originalEvent: _originalEvent
     }) === false) {
       return this;
     }

     this.zooming = true;

     if (_originalEvent) {
       var offset = getOffset(this.viewer);
       var center = pointers && Object.keys(pointers).length ? getPointersCenter(pointers) : {
         pageX: _originalEvent.pageX,
         pageY: _originalEvent.pageY
       }; // Zoom from the triggering point of the event

       imageData.left -= (newWidth - imageData.width) * ((center.pageX - offset.left - imageData.left) / imageData.width);
       imageData.top -= (newHeight - imageData.height) * ((center.pageY - offset.top - imageData.top) / imageData.height);
     } else {
       // Zoom from the center of the image
       imageData.left -= (newWidth - imageData.width) / 2;
       imageData.top -= (newHeight - imageData.height) / 2;
     }

     imageData.width = newWidth;
     imageData.height = newHeight;
     imageData.ratio = ratio;
     this.renderImage(function () {
       _this2.zooming = false;

       if (isFunction(options.zoomed)) {
         addListener(element, EVENT_ZOOMED, options.zoomed, {
           once: true
         });
       }

       dispatchEvent(element, EVENT_ZOOMED, {
         ratio: ratio,
         oldRatio: oldRatio,
         originalEvent: _originalEvent
       });
     });

     if (hasTooltip) {
       this.tooltip();
     }
   }

   return this;
 },

 /**
  * Rotate the image with a relative degree.
  * @param {number} degree - The rotate degree.
  * @returns {Viewer} this
  */
 rotate: function rotate(degree) {
   this.rotateTo((this.imageData.rotate || 0) + Number(degree));
   return this;
 },

 /**
  * Rotate the image to an absolute degree.
  * @param {number} degree - The rotate degree.
  * @returns {Viewer} this
  */
 rotateTo: function rotateTo(degree) {
   var imageData = this.imageData;
   degree = Number(degree);

   if (isNumber(degree) && this.viewed && !this.played && this.options.rotatable) {
     imageData.rotate = degree;
     this.renderImage();
   }

   return this;
 },

 /**
  * Scale the image on the x-axis.
  * @param {number} scaleX - The scale ratio on the x-axis.
  * @returns {Viewer} this
  */
 scaleX: function scaleX(_scaleX) {
   this.scale(_scaleX, this.imageData.scaleY);
   return this;
 },

 /**
  * Scale the image on the y-axis.
  * @param {number} scaleY - The scale ratio on the y-axis.
  * @returns {Viewer} this
  */
 scaleY: function scaleY(_scaleY) {
   this.scale(this.imageData.scaleX, _scaleY);
   return this;
 },

 /**
  * Scale the image.
  * @param {number} scaleX - The scale ratio on the x-axis.
  * @param {number} [scaleY=scaleX] - The scale ratio on the y-axis.
  * @returns {Viewer} this
  */
 scale: function scale(scaleX) {
   var scaleY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : scaleX;
   var imageData = this.imageData;
   scaleX = Number(scaleX);
   scaleY = Number(scaleY);

   if (this.viewed && !this.played && this.options.scalable) {
     var changed = false;

     if (isNumber(scaleX)) {
       imageData.scaleX = scaleX;
       changed = true;
     }

     if (isNumber(scaleY)) {
       imageData.scaleY = scaleY;
       changed = true;
     }

     if (changed) {
       this.renderImage();
     }
   }

   return this;
 },

 /**
  * Play the images
  * @param {boolean} [fullscreen=false] - Indicate if request fullscreen or not.
  * @returns {Viewer} this
  */
 play: function play() {
   var _this3 = this;

   var fullscreen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

   if (!this.isShown || this.played) {
     return this;
   }

   var options = this.options,
       player = this.player;
   var onLoad = this.loadImage.bind(this);
   var list = [];
   var total = 0;
   var index = 0;
   this.played = true;
   this.onLoadWhenPlay = onLoad;

   if (fullscreen) {
     this.requestFullscreen();
   }

   addClass(player, CLASS_SHOW);
   forEach(this.items, function (item, i) {
     var img = item.querySelector('img');
     var image = document.createElement('img');
     image.src = getData(img, 'originalUrl');
     image.alt = img.getAttribute('alt');
     total += 1;
     addClass(image, CLASS_FADE);
     toggleClass(image, CLASS_TRANSITION, options.transition);

     if (hasClass(item, CLASS_ACTIVE)) {
       addClass(image, CLASS_IN);
       index = i;
     }

     list.push(image);
     addListener(image, EVENT_LOAD, onLoad, {
       once: true
     });
     player.appendChild(image);
   });

   if (isNumber(options.interval) && options.interval > 0) {
     var play = function play() {
       _this3.playing = setTimeout(function () {
         removeClass(list[index], CLASS_IN);
         index += 1;
         index = index < total ? index : 0;
         addClass(list[index], CLASS_IN);
         play();
       }, options.interval);
     };

     if (total > 1) {
       play();
     }
   }

   return this;
 },
 // Stop play
 stop: function stop() {
   var _this4 = this;

   if (!this.played) {
     return this;
   }

   var player = this.player;
   this.played = false;
   clearTimeout(this.playing);
   forEach(player.getElementsByTagName('img'), function (image) {
     removeListener(image, EVENT_LOAD, _this4.onLoadWhenPlay);
   });
   removeClass(player, CLASS_SHOW);
   player.innerHTML = '';
   this.exitFullscreen();
   return this;
 },
 // Enter modal mode (only available in inline mode)
 full: function full() {
   var _this5 = this;

   var options = this.options,
       viewer = this.viewer,
       image = this.image,
       list = this.list;

   if (!this.isShown || this.played || this.fulled || !options.inline) {
     return this;
   }

   this.fulled = true;
   this.open();
   addClass(this.button, CLASS_FULLSCREEN_EXIT);

   if (options.transition) {
     removeClass(list, CLASS_TRANSITION);

     if (this.viewed) {
       removeClass(image, CLASS_TRANSITION);
     }
   }

   addClass(viewer, CLASS_FIXED);
   viewer.setAttribute('style', '');
   setStyle(viewer, {
     zIndex: options.zIndex
   });
   this.initContainer();
   this.viewerData = assign({}, this.containerData);
   this.renderList();

   if (this.viewed) {
     this.initImage(function () {
       _this5.renderImage(function () {
         if (options.transition) {
           setTimeout(function () {
             addClass(image, CLASS_TRANSITION);
             addClass(list, CLASS_TRANSITION);
           }, 0);
         }
       });
     });
   }

   return this;
 },
 // Exit modal mode (only available in inline mode)
 exit: function exit() {
   var _this6 = this;

   var options = this.options,
       viewer = this.viewer,
       image = this.image,
       list = this.list;

   if (!this.isShown || this.played || !this.fulled || !options.inline) {
     return this;
   }

   this.fulled = false;
   this.close();
   removeClass(this.button, CLASS_FULLSCREEN_EXIT);

   if (options.transition) {
     removeClass(list, CLASS_TRANSITION);

     if (this.viewed) {
       removeClass(image, CLASS_TRANSITION);
     }
   }

   removeClass(viewer, CLASS_FIXED);
   setStyle(viewer, {
     zIndex: options.zIndexInline
   });
   this.viewerData = assign({}, this.parentData);
   this.renderViewer();
   this.renderList();

   if (this.viewed) {
     this.initImage(function () {
       _this6.renderImage(function () {
         if (options.transition) {
           setTimeout(function () {
             addClass(image, CLASS_TRANSITION);
             addClass(list, CLASS_TRANSITION);
           }, 0);
         }
       });
     });
   }

   return this;
 },
 // Show the current ratio of the image with percentage
 tooltip: function tooltip() {
   var _this7 = this;

   var options = this.options,
       tooltipBox = this.tooltipBox,
       imageData = this.imageData;

   if (!this.viewed || this.played || !options.tooltip) {
     return this;
   }

   tooltipBox.textContent = "".concat(Math.round(imageData.ratio * 100), "%");

   if (!this.tooltipping) {
     if (options.transition) {
       if (this.fading) {
         dispatchEvent(tooltipBox, EVENT_TRANSITION_END);
       }

       addClass(tooltipBox, CLASS_SHOW);
       addClass(tooltipBox, CLASS_FADE);
       addClass(tooltipBox, CLASS_TRANSITION); // Force reflow to enable CSS3 transition
       // eslint-disable-next-line

       tooltipBox.offsetWidth;
       addClass(tooltipBox, CLASS_IN);
     } else {
       addClass(tooltipBox, CLASS_SHOW);
     }
   } else {
     clearTimeout(this.tooltipping);
   }

   this.tooltipping = setTimeout(function () {
     if (options.transition) {
       addListener(tooltipBox, EVENT_TRANSITION_END, function () {
         removeClass(tooltipBox, CLASS_SHOW);
         removeClass(tooltipBox, CLASS_FADE);
         removeClass(tooltipBox, CLASS_TRANSITION);
         _this7.fading = false;
       }, {
         once: true
       });
       removeClass(tooltipBox, CLASS_IN);
       _this7.fading = true;
     } else {
       removeClass(tooltipBox, CLASS_SHOW);
     }

     _this7.tooltipping = false;
   }, 1000);
   return this;
 },
 // Toggle the image size between its natural size and initial size
 toggle: function toggle() {
   if (this.imageData.ratio === 1) {
     this.zoomTo(this.initialImageData.ratio, true);
   } else {
     this.zoomTo(1, true);
   }

   return this;
 },
 // Reset the image to its initial state
 reset: function reset() {
   if (this.viewed && !this.played) {
     this.imageData = assign({}, this.initialImageData);
     this.renderImage();
   }

   return this;
 },
 // Update viewer when images changed
 update: function update() {
   var element = this.element,
       options = this.options,
       isImg = this.isImg; // Destroy viewer if the target image was deleted

   if (isImg && !element.parentNode) {
     return this.destroy();
   }

   var images = [];
   forEach(isImg ? [element] : element.querySelectorAll('img'), function (image) {
     if (options.filter) {
       if (options.filter(image)) {
         images.push(image);
       }
     } else {
       images.push(image);
     }
   });

   if (!images.length) {
     return this;
   }

   this.images = images;
   this.length = images.length;

   if (this.ready) {
     var indexes = [];
     forEach(this.items, function (item, i) {
       var img = item.querySelector('img');
       var image = images[i];

       if (image) {
         if (image.src !== img.src) {
           indexes.push(i);
         }
       } else {
         indexes.push(i);
       }
     });
     setStyle(this.list, {
       width: 'auto'
     });
     this.initList();

     if (this.isShown) {
       if (this.length) {
         if (this.viewed) {
           var index = indexes.indexOf(this.index);

           if (index >= 0) {
             this.viewed = false;
             this.view(Math.max(this.index - (index + 1), 0));
           } else {
             addClass(this.items[this.index], CLASS_ACTIVE);
           }
         }
       } else {
         this.image = null;
         this.viewed = false;
         this.index = 0;
         this.imageData = {};
         this.canvas.innerHTML = '';
         this.title.innerHTML = '';
       }
     }
   } else {
     this.build();
   }

   return this;
 },
 // Destroy the viewer
 destroy: function destroy() {
   var element = this.element,
       options = this.options;

   if (!element[NAMESPACE]) {
     return this;
   }

   this.destroyed = true;

   if (this.ready) {
     if (this.played) {
       this.stop();
     }

     if (options.inline) {
       if (this.fulled) {
         this.exit();
       }

       this.unbind();
     } else if (this.isShown) {
       if (this.viewing) {
         if (this.imageRendering) {
           this.imageRendering.abort();
         } else if (this.imageInitializing) {
           this.imageInitializing.abort();
         }
       }

       if (this.hiding) {
         this.transitioning.abort();
       }

       this.hidden();
     } else if (this.showing) {
       this.transitioning.abort();
       this.hidden();
     }

     this.ready = false;
     this.viewer.parentNode.removeChild(this.viewer);
   } else if (options.inline) {
     if (this.delaying) {
       this.delaying.abort();
     } else if (this.initializing) {
       this.initializing.abort();
     }
   }

   if (!options.inline) {
     removeListener(element, EVENT_CLICK, this.onStart);
   }

   element[NAMESPACE] = undefined;
   return this;
 }
};

var others = {
 open: function open() {
   var body = this.body;
   addClass(body, CLASS_OPEN);
   body.style.paddingRight = "".concat(this.scrollbarWidth + (parseFloat(this.initialBodyPaddingRight) || 0), "px");
 },
 close: function close() {
   var body = this.body;
   removeClass(body, CLASS_OPEN);
   body.style.paddingRight = this.initialBodyPaddingRight;
 },
 shown: function shown() {
   var element = this.element,
       options = this.options;
   this.fulled = true;
   this.isShown = true;
   this.render();
   this.bind();
   this.showing = false;

   if (isFunction(options.shown)) {
     addListener(element, EVENT_SHOWN, options.shown, {
       once: true
     });
   }

   if (dispatchEvent(element, EVENT_SHOWN) === false) {
     return;
   }

   if (this.ready && this.isShown && !this.hiding) {
     this.view(this.index);
   }
 },
 hidden: function hidden() {
   var element = this.element,
       options = this.options;
   this.fulled = false;
   this.viewed = false;
   this.isShown = false;
   this.close();
   this.unbind();
   addClass(this.viewer, CLASS_HIDE);
   this.resetList();
   this.resetImage();
   this.hiding = false;

   if (!this.destroyed) {
     if (isFunction(options.hidden)) {
       addListener(element, EVENT_HIDDEN, options.hidden, {
         once: true
       });
     }

     dispatchEvent(element, EVENT_HIDDEN);
   }
 },
 requestFullscreen: function requestFullscreen() {
   var document = this.element.ownerDocument;

   if (this.fulled && !document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
     var documentElement = document.documentElement;

     if (documentElement.requestFullscreen) {
       documentElement.requestFullscreen();
     } else if (documentElement.msRequestFullscreen) {
       documentElement.msRequestFullscreen();
     } else if (documentElement.mozRequestFullScreen) {
       documentElement.mozRequestFullScreen();
     } else if (documentElement.webkitRequestFullscreen) {
       documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
     }
   }
 },
 exitFullscreen: function exitFullscreen() {
   if (this.fulled) {
     var document = this.element.ownerDocument;

     if (document.exitFullscreen) {
       document.exitFullscreen();
     } else if (document.msExitFullscreen) {
       document.msExitFullscreen();
     } else if (document.mozCancelFullScreen) {
       document.mozCancelFullScreen();
     } else if (document.webkitExitFullscreen) {
       document.webkitExitFullscreen();
     }
   }
 },
 change: function change(e) {
   var options = this.options,
       pointers = this.pointers;
   var pointer = pointers[Object.keys(pointers)[0]];
   var offsetX = pointer.endX - pointer.startX;
   var offsetY = pointer.endY - pointer.startY;

   switch (this.action) {
     // Move the current image
     case ACTION_MOVE:
       this.move(offsetX, offsetY);
       break;
     // Zoom the current image

     case ACTION_ZOOM:
       this.zoom(getMaxZoomRatio(pointers), false, e);
       break;

     case ACTION_SWITCH:
       {
         this.action = 'switched';
         var absoluteOffsetX = Math.abs(offsetX);

         if (absoluteOffsetX > 1 && absoluteOffsetX > Math.abs(offsetY)) {
           // Empty `pointers` as `touchend` event will not be fired after swiped in iOS browsers.
           this.pointers = {};

           if (offsetX > 1) {
             this.prev(options.loop);
           } else if (offsetX < -1) {
             this.next(options.loop);
           }
         }

         break;
       }

     default:
   } // Override


   forEach(pointers, function (p) {
     p.startX = p.endX;
     p.startY = p.endY;
   });
 },
 isSwitchable: function isSwitchable() {
   var imageData = this.imageData,
       viewerData = this.viewerData;
   return this.length > 1 && imageData.left >= 0 && imageData.top >= 0 && imageData.width <= viewerData.width && imageData.height <= viewerData.height;
 }
};

var AnotherViewer = WINDOW.Viewer;

var Viewer =
/*#__PURE__*/
function () {
 /**
  * Create a new Viewer.
  * @param {Element} element - The target element for viewing.
  * @param {Object} [options={}] - The configuration options.
  */
 function Viewer(element) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

   _classCallCheck(this, Viewer);

   if (!element || element.nodeType !== 1) {
     throw new Error('The first argument is required and must be an element.');
   }

   this.element = element;
   this.options = assign({}, DEFAULTS, isPlainObject(options) && options);
   this.action = false;
   this.fading = false;
   this.fulled = false;
   this.hiding = false;
   this.imageData = {};
   this.index = this.options.initialViewIndex;
   this.isImg = false;
   this.isShown = false;
   this.length = 0;
   this.played = false;
   this.playing = false;
   this.pointers = {};
   this.ready = false;
   this.showing = false;
   this.timeout = false;
   this.tooltipping = false;
   this.viewed = false;
   this.viewing = false;
   this.wheeling = false;
   this.zooming = false;
   this.init();
 }

 _createClass(Viewer, [{
   key: "init",
   value: function init() {
     var _this = this;

     var element = this.element,
         options = this.options;

     if (element[NAMESPACE]) {
       return;
     }

     element[NAMESPACE] = this;
     var isImg = element.tagName.toLowerCase() === 'img';
     var images = [];
     forEach(isImg ? [element] : element.querySelectorAll('img'), function (image) {
       if (isFunction(options.filter)) {
         if (options.filter.call(_this, image)) {
           images.push(image);
         }
       } else {
         images.push(image);
       }
     });

     if (!images.length) {
       return;
     }

     this.isImg = isImg;
     this.length = images.length;
     this.images = images;
     var ownerDocument = element.ownerDocument;
     var body = ownerDocument.body || ownerDocument.documentElement;
     this.body = body;
     this.scrollbarWidth = window.innerWidth - ownerDocument.documentElement.clientWidth;
     this.initialBodyPaddingRight = window.getComputedStyle(body).paddingRight; // Override `transition` option if it is not supported

     if (isUndefined(document.createElement(NAMESPACE).style.transition)) {
       options.transition = false;
     }

     if (options.inline) {
       var count = 0;

       var progress = function progress() {
         count += 1;

         if (count === _this.length) {
           var timeout;
           _this.initializing = false;
           _this.delaying = {
             abort: function abort() {
               clearTimeout(timeout);
             }
           }; // build asynchronously to keep `this.viewer` is accessible in `ready` event handler.

           timeout = setTimeout(function () {
             _this.delaying = false;

             _this.build();
           }, 0);
         }
       };

       this.initializing = {
         abort: function abort() {
           forEach(images, function (image) {
             if (!image.complete) {
               removeListener(image, EVENT_LOAD, progress);
             }
           });
         }
       };
       forEach(images, function (image) {
         if (image.complete) {
           progress();
         } else {
           addListener(image, EVENT_LOAD, progress, {
             once: true
           });
         }
       });
     } else {
       addListener(element, EVENT_CLICK, this.onStart = function (_ref) {
         var target = _ref.target;

         if (target.tagName.toLowerCase() === 'img' && (!isFunction(options.filter) || options.filter.call(_this, target))) {
           _this.view(_this.images.indexOf(target));
         }
       });
     }
   }
 }, {
   key: "build",
   value: function build() {
     if (this.ready) {
       return;
     }

     var element = this.element,
         options = this.options;
     var parent = element.parentNode;
     var template = document.createElement('div');
     template.innerHTML = TEMPLATE;
     var viewer = template.querySelector(".".concat(NAMESPACE, "-container"));
     var title = viewer.querySelector(".".concat(NAMESPACE, "-title"));
     var toolbar = viewer.querySelector(".".concat(NAMESPACE, "-toolbar"));
     var navbar = viewer.querySelector(".".concat(NAMESPACE, "-navbar"));
     var button = viewer.querySelector(".".concat(NAMESPACE, "-button"));
     var canvas = viewer.querySelector(".".concat(NAMESPACE, "-canvas"));
     this.parent = parent;
     this.viewer = viewer;
     this.title = title;
     this.toolbar = toolbar;
     this.navbar = navbar;
     this.button = button;
     this.canvas = canvas;
     this.footer = viewer.querySelector(".".concat(NAMESPACE, "-footer"));
     this.tooltipBox = viewer.querySelector(".".concat(NAMESPACE, "-tooltip"));
     this.player = viewer.querySelector(".".concat(NAMESPACE, "-player"));
     this.list = viewer.querySelector(".".concat(NAMESPACE, "-list"));
     addClass(title, !options.title ? CLASS_HIDE : getResponsiveClass(Array.isArray(options.title) ? options.title[0] : options.title));
     addClass(navbar, !options.navbar ? CLASS_HIDE : getResponsiveClass(options.navbar));
     toggleClass(button, CLASS_HIDE, !options.button);

     if (options.backdrop) {
       addClass(viewer, "".concat(NAMESPACE, "-backdrop"));

       if (!options.inline && options.backdrop === true) {
         setData(canvas, DATA_ACTION, 'hide');
       }
     }

     if (isString(options.className) && options.className) {
       // In case there are multiple class names
       options.className.split(REGEXP_SPACES).forEach(function (className) {
         addClass(viewer, className);
       });
     }

     if (options.toolbar) {
       var list = document.createElement('ul');
       var custom = isPlainObject(options.toolbar);
       var zoomButtons = BUTTONS.slice(0, 3);
       var rotateButtons = BUTTONS.slice(7, 9);
       var scaleButtons = BUTTONS.slice(9);

       if (!custom) {
         addClass(toolbar, getResponsiveClass(options.toolbar));
       }

       forEach(custom ? options.toolbar : BUTTONS, function (value, index) {
         var deep = custom && isPlainObject(value);
         var name = custom ? hyphenate(index) : value;
         var show = deep && !isUndefined(value.show) ? value.show : value;

         if (!show || !options.zoomable && zoomButtons.indexOf(name) !== -1 || !options.rotatable && rotateButtons.indexOf(name) !== -1 || !options.scalable && scaleButtons.indexOf(name) !== -1) {
           return;
         }

         var size = deep && !isUndefined(value.size) ? value.size : value;
         var click = deep && !isUndefined(value.click) ? value.click : value;
         var item = document.createElement('li');
         item.setAttribute('role', 'button');
         addClass(item, "".concat(NAMESPACE, "-").concat(name));

         if (!isFunction(click)) {
           setData(item, DATA_ACTION, name);
         }

         if (isNumber(show)) {
           addClass(item, getResponsiveClass(show));
         }

         if (['small', 'large'].indexOf(size) !== -1) {
           addClass(item, "".concat(NAMESPACE, "-").concat(size));
         } else if (name === 'play') {
           addClass(item, "".concat(NAMESPACE, "-large"));
         }

         if (isFunction(click)) {
           addListener(item, EVENT_CLICK, click);
         }

         list.appendChild(item);
       });
       toolbar.appendChild(list);
     } else {
       addClass(toolbar, CLASS_HIDE);
     }

     if (!options.rotatable) {
       var rotates = toolbar.querySelectorAll('li[class*="rotate"]');
       addClass(rotates, CLASS_INVISIBLE);
       forEach(rotates, function (rotate) {
         toolbar.appendChild(rotate);
       });
     }

     if (options.inline) {
       addClass(button, CLASS_FULLSCREEN);
       setStyle(viewer, {
         zIndex: options.zIndexInline
       });

       if (window.getComputedStyle(parent).position === 'static') {
         setStyle(parent, {
           position: 'relative'
         });
       }

       parent.insertBefore(viewer, element.nextSibling);
     } else {
       addClass(button, CLASS_CLOSE);
       addClass(viewer, CLASS_FIXED);
       addClass(viewer, CLASS_FADE);
       addClass(viewer, CLASS_HIDE);
       setStyle(viewer, {
         zIndex: options.zIndex
       });
       var container = options.container;

       if (isString(container)) {
         container = element.ownerDocument.querySelector(container);
       }

       if (!container) {
         container = this.body;
       }

       container.appendChild(viewer);
     }

     if (options.inline) {
       this.render();
       this.bind();
       this.isShown = true;
     }

     this.ready = true;

     if (isFunction(options.ready)) {
       addListener(element, EVENT_READY, options.ready, {
         once: true
       });
     }

     if (dispatchEvent(element, EVENT_READY) === false) {
       this.ready = false;
       return;
     }

     if (this.ready && options.inline) {
       this.view(this.index);
     }
   }
   /**
    * Get the no conflict viewer class.
    * @returns {Viewer} The viewer class.
    */

 }], [{
   key: "noConflict",
   value: function noConflict() {
     window.Viewer = AnotherViewer;
     return Viewer;
   }
   /**
    * Change the default options.
    * @param {Object} options - The new default options.
    */

 }, {
   key: "setDefaults",
   value: function setDefaults(options) {
     assign(DEFAULTS, isPlainObject(options) && options);
   }
 }]);

 return Viewer;
}();

assign(Viewer.prototype, render, events, handlers, methods, others);

module.exports = Viewer;
10832
10833
10834/***/ }),
10835/* 83 */
10836/***/ (function(module, exports, __webpack_require__) {
10837
'use strict';

Object.defineProperty(exports, "__esModule", {
   value: true
});

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _src = __webpack_require__(80);

var _src2 = _interopRequireDefault(_src);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              *
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @title 单个图片查看
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @description 单个图片查看
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              *
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              */


var Demo1 = function (_Component) {
   _inherits(Demo1, _Component);

   function Demo1() {
       var _temp, _this, _ret;

       _classCallCheck(this, Demo1);

       for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
       }

       return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.shown = function (e) {
           console.log(e, 'shwon');
       }, _this.hidden = function (e) {
           console.log(e, 'hidden');
       }, _temp), _possibleConstructorReturn(_this, _ret);
   }

   Demo1.prototype.render = function render() {
       return _react2['default'].createElement(
           _src2['default'],
           { shown: this.shown, hidden: this.hidden },
           _react2['default'].createElement('img', { id: 'image', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg', alt: 'Picture' })
       );
   };

   return Demo1;
}(_react.Component);

exports['default'] = Demo1;
module.exports = exports['default'];
10900
10901/***/ }),
10902/* 84 */
10903/***/ (function(module, exports, __webpack_require__) {
10904
'use strict';

Object.defineProperty(exports, "__esModule", {
   value: true
});

var _react = __webpack_require__(4);

var _react2 = _interopRequireDefault(_react);

var _src = __webpack_require__(80);

var _src2 = _interopRequireDefault(_src);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } /**
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              *
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @title 图片列表查看
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @description 图片列表查看。 img 的 data-original 写高清大图地址。src写缩略图地址
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              *
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              */


var Demo2 = function (_Component) {
   _inherits(Demo2, _Component);

   function Demo2() {
       _classCallCheck(this, Demo2);

       return _possibleConstructorReturn(this, _Component.apply(this, arguments));
   }

   Demo2.prototype.render = function render() {
       return _react2['default'].createElement(
           _src2['default'],
           null,
           _react2['default'].createElement(
               'div',
               null,
               _react2['default'].createElement('img', { 'data-original': 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-5-min.jpg', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg', alt: 'Picture' }),
               _react2['default'].createElement('img', { 'data-original': 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-4-min.jpg', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg', alt: 'Picture' }),
               _react2['default'].createElement('img', { 'data-original': 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-3-min.jpg', alt: 'Picture' }),
               _react2['default'].createElement('img', { 'data-original': 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-2-min.jpg', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-4-min.jpg', alt: 'Picture' }),
               _react2['default'].createElement('img', { 'data-original': 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-1-min.jpg', src: 'http://design.yonyoucloud.com/static/bee.tinper.org-demo/swiper-demo-5-min.jpg', alt: 'Picture' })
           )
       );
   };

   return Demo2;
}(_react.Component);

exports['default'] = Demo2;
module.exports = exports['default'];
10965
10966/***/ })
10967/******/ ]);
10968//# sourceMappingURL=demo.js.map
\No newline at end of file
1	`/******/ (function(modules) { // webpackBootstrap`
2	`/******/ // The module cache`
3	`/******/ var installedModules = {};`
4	`/******/`
5	`/******/ // The require function`
6	`/******/ function __webpack_require__(moduleId) {`
7	`/******/`
8	`/******/ // Check if module is in cache`
9	`/******/ if(installedModules[moduleId])`
10	`/******/ return installedModules[moduleId].exports;`
11	`/******/`
12	`/******/ // Create a new module (and put it into the cache)`
13	`/******/ var module = installedModules[moduleId] = {`
14	`/******/ exports: {},`
15	`/******/ id: moduleId,`
16	`/******/ loaded: false`
17	`/******/ };`
18	`/******/`
19	`/******/ // Execute the module function`
20	`/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);`
21	`/******/`
22	`/******/ // Flag the module as loaded`
23	`/******/ module.loaded = true;`
24	`/******/`
25	`/******/ // Return the exports of the module`
26	`/******/ return module.exports;`
27	`/******/ }`
28	`/******/`
29	`/******/`
30	`/******/ // expose the modules object (__webpack_modules__)`
31	`/******/ __webpack_require__.m = modules;`
32	`/******/`
33	`/******/ // expose the module cache`
34	`/******/ __webpack_require__.c = installedModules;`
35	`/******/`
36	`/******/ // __webpack_public_path__`
37	`/******/ __webpack_require__.p = "";`
38	`/******/`
39	`/******/ // Load entry module and return exports`
40	`/******/ return __webpack_require__(0);`