);\n\t}\n\n\tcomponentDidMount = () => {\n\t\tsetTimeout(() => {\n\t\t\tthis.setState({\n\t\t\t\ttreeData: [{\n\t\t\t\t\tname: 'pNode 01',\n\t\t\t\t\tkey: '0-0',\n\t\t\t\t\tchildren: [{\n\t\t\t\t\t\tname: 'leaf 0-0-0',\n\t\t\t\t\t\tkey: '0-0-0'\n\t\t\t\t\t}, {\n\t\t\t\t\t\tname: 'leaf 0-0-1',\n\t\t\t\t\t\tkey: '0-0-1'\n\t\t\t\t\t}]\n\t\t\t\t}, {\n\t\t\t\t\tname: 'pNode 02',\n\t\t\t\t\tkey: '0-1',\n\t\t\t\t\tchildren: [{\n\t\t\t\t\t\tname: 'leaf 0-1-0',\n\t\t\t\t\t\tkey: '0-1-0'\n\t\t\t\t\t}, {\n\t\t\t\t\t\tname: 'leaf 0-1-1',\n\t\t\t\t\t\tkey: '0-1-1'\n\t\t\t\t\t}]\n\t\t\t\t}, {\n\t\t\t\t\tname: 'pNode 03',\n\t\t\t\t\tkey: '0-2',\n\t\t\t\t\tisLeaf: true\n\t\t\t\t}, ],\n\t\t\t});\n\t\t}, 100);\n\t}\n\trender() {\n\t\tconst loop = data => data.map((item) => {\n\t\t\tif (item.children) {\n\t\t\t\treturn {loop(item.children)};\n\t\t\t}\n\t\t\treturn ;\n\t\t});\n\t\tconst treeNodes = loop(this.state.treeData);\n\t\treturn (\n\t\t\t\n\t\t\t\t{treeNodes}\n\t \t\n\n\t\t);\n\t}\n}\n\n\n\n", "desc": " 双击节点可编辑" }, { "example": _react2['default'].createElement(Demo9, null), "title": " 连接线Tree", "code": "/**\n *\n * @title 连接线Tree\n * @description \n *\n */\n\n\nimport React, {\n\tComponent\n} from 'react';\nimport Tree from 'bee-tree';\n\nconst TreeNode = Tree.TreeNode;\nclass Demo9 extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst keys = this.props.keys;\n\t\tthis.state = {\n\t\t\tdefaultExpandedKeys: keys\n\t\t};\n\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t\n\t \n\t \n\t \n\t \n\t \n\t \n\t sss} key=\"0-0-1-0\" />\n\t \n\t \n\t \n\t\t);\n\t}\n}\n\n", "desc": " " }];
+
+ 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
+ );
+ var header = _react2['default'].createElement(
+ _beeLayout.Row,
+ null,
+ _react2['default'].createElement(
+ _beeLayout.Col,
+ { md: 11 },
+ example
+ ),
+ _react2['default'].createElement(
+ _beeLayout.Col,
+ { md: 1 },
+ _react2['default'].createElement(
+ _beeButton2['default'],
+ { shape: 'icon', onClick: this.handleClick },
+ caret
+ )
+ )
+ );
+ 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: header, 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'));
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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"];
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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'];
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
+ Copyright (c) 2016 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+ */
+ /* global define */
+
+ (function () {
+ 'use strict';
+
+ var hasOwn = {}.hasOwnProperty;
+
+ function classNames () {
+ var classes = [];
+
+ for (var i = 0; i < arguments.length; i++) {
+ var arg = arguments[i];
+ if (!arg) continue;
+
+ var argType = typeof arg;
+
+ if (argType === 'string' || argType === 'number') {
+ classes.push(arg);
+ } else if (Array.isArray(arg)) {
+ classes.push(classNames.apply(null, arg));
+ } else if (argType === 'object') {
+ for (var key in arg) {
+ if (hasOwn.call(arg, key) && arg[key]) {
+ classes.push(key);
+ }
+ }
+ }
+ }
+
+ return classes.join(' ');
+ }
+
+ if (typeof module !== 'undefined' && module.exports) {
+ module.exports = classNames;
+ } else if (true) {
+ // register as 'classnames', consistent with npm package name
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
+ return classNames;
+ }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+ } else {
+ window.classNames = classNames;
+ }
+ }());
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports) {
+
+ module.exports = React;
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+ module.exports = PropTypes;
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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'];
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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'];
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(102);
+
+ var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports.Panel = _Panel3["default"];
+ exports.PanelGroup = _PanelGroup3["default"];
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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 _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 = {
+ //是否添加折叠
+ 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
+ };
+
+ 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.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, clsPrefix, 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)
+ )
+ );
+ };
+
+ //渲染panelbody
+
+
+ Panel.prototype.renderBody = function renderBody(rawChildren, clsPrefix) {
+ var children = [];
+ var bodyChildren = [];
+
+ var bodyClassName = clsPrefix + '-body';
+
+ //添加到body的children中
+ function maybeAddBody() {
+ if (!bodyChildren.length) {
+ return;
+ }
+
+ // 给子组件添加key，为了之后触发事件时使用
+ children.push(_react2["default"].createElement(
+ 'div',
+ { key: children.length, className: bodyClassName },
+ bodyChildren
+ ));
+
+ bodyChildren = [];
+ }
+
+ //转换为数组，方便复用
+ _react2["default"].Children.toArray(rawChildren).forEach(function (child) {
+ if (_react2["default"].isValidElement(child) && child.props.fill) {
+ maybeAddBody();
+
+ //将标示fill设置为undefined
+ children.push((0, _react.cloneElement)(child, { fill: undefined }));
+
+ return;
+ }
+
+ bodyChildren.push(child);
+ });
+
+ maybeAddBody();
+
+ 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,
+ 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']);
+
+ var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;
+
+ var classes = {};
+ classes['' + clsPrefix] = true;
+ classes[clsPrefix + '-' + colors] = true;
+
+ var headerClass = _defineProperty({}, clsPrefix + '-heading', 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, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, clsPrefix),
+ 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'];
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(16);
+
+ var _Collapse3 = _interopRequireDefault(_Collapse2);
+
+ var _Fade2 = __webpack_require__(101);
+
+ 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"];
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(15);
+
+ 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;
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports) {
+
+ module.exports = ReactDOM;
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.animationEnd = exports.animationDelay = exports.animationTiming = exports.animationDuration = exports.animationName = exports.transitionEnd = exports.transitionDuration = exports.transitionDelay = exports.transitionTiming = exports.transitionProperty = exports.transform = undefined;
+
+ var _inDOM = __webpack_require__(14);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var transform = 'transform';
+ var prefix = void 0,
+ transitionEnd = void 0,
+ animationEnd = void 0;
+ var transitionProperty = void 0,
+ transitionDuration = void 0,
+ transitionTiming = void 0,
+ transitionDelay = void 0;
+ var animationName = void 0,
+ animationDuration = void 0,
+ animationTiming = void 0,
+ animationDelay = void 0;
+
+ if (_inDOM2.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';
+ }
+
+ exports.transform = transform;
+ exports.transitionProperty = transitionProperty;
+ exports.transitionTiming = transitionTiming;
+ exports.transitionDelay = transitionDelay;
+ exports.transitionDuration = transitionDuration;
+ exports.transitionEnd = transitionEnd;
+ exports.animationName = animationName;
+ exports.animationDuration = animationDuration;
+ exports.animationTiming = animationTiming;
+ exports.animationDelay = animationDelay;
+ exports.animationEnd = animationEnd;
+ exports.default = {
+ transform: transform,
+ end: transitionEnd,
+ property: transitionProperty,
+ timing: transitionTiming,
+ delay: transitionDelay,
+ duration: transitionDuration
+ };
+
+
+ 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 = void 0,
+ animationEnd = void 0;
+ 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 };
+ }
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+ module.exports = exports['default'];
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _inDOM = __webpack_require__(14);
+
+ var _inDOM2 = _interopRequireDefault(_inDOM);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var on = function on() {};
+ if (_inDOM2.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);
+ });
+ };
+ }();
+ }
+
+ exports.default = on;
+ module.exports = exports['default'];
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(17);
+
+ 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__(25);
+
+ var _capitalize2 = _interopRequireDefault(_capitalize);
+
+ var _tinperBeeCore = __webpack_require__(26);
+
+ 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'];
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = style;
+
+ var _camelizeStyle = __webpack_require__(18);
+
+ var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
+
+ var _hyphenateStyle = __webpack_require__(20);
+
+ var _hyphenateStyle2 = _interopRequireDefault(_hyphenateStyle);
+
+ var _getComputedStyle2 = __webpack_require__(22);
+
+ var _getComputedStyle3 = _interopRequireDefault(_getComputedStyle2);
+
+ var _removeStyle = __webpack_require__(23);
+
+ var _removeStyle2 = _interopRequireDefault(_removeStyle);
+
+ var _properties = __webpack_require__(13);
+
+ var _isTransform = __webpack_require__(24);
+
+ var _isTransform2 = _interopRequireDefault(_isTransform);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ function style(node, property, value) {
+ var css = '';
+ var transforms = '';
+ var props = property;
+
+ if (typeof property === 'string') {
+ if (value === undefined) {
+ return node.style[(0, _camelizeStyle2.default)(property)] || (0, _getComputedStyle3.default)(node).getPropertyValue((0, _hyphenateStyle2.default)(property));
+ } else {
+ (props = {})[property] = value;
+ }
+ }
+
+ Object.keys(props).forEach(function (key) {
+ var value = props[key];
+ if (!value && value !== 0) {
+ (0, _removeStyle2.default)(node, (0, _hyphenateStyle2.default)(key));
+ } else if ((0, _isTransform2.default)(key)) {
+ transforms += key + '(' + value + ') ';
+ } else {
+ css += (0, _hyphenateStyle2.default)(key) + ': ' + value + ';';
+ }
+ });
+
+ if (transforms) {
+ css += _properties.transform + ': ' + transforms + ';';
+ }
+
+ node.style.cssText += ';' + css;
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = camelizeStyleName;
+
+ var _camelize = __webpack_require__(19);
+
+ var _camelize2 = _interopRequireDefault(_camelize);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var msPattern = /^-ms-/; /**
+ * Copyright 2014-2015, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
+ */
+ function camelizeStyleName(string) {
+ return (0, _camelize2.default)(string.replace(msPattern, 'ms-'));
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = camelize;
+ var rHyphen = /-(.)/g;
+
+ function camelize(string) {
+ return string.replace(rHyphen, function (_, chr) {
+ return chr.toUpperCase();
+ });
+ }
+ module.exports = exports["default"];
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = hyphenateStyleName;
+
+ var _hyphenate = __webpack_require__(21);
+
+ var _hyphenate2 = _interopRequireDefault(_hyphenate);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ var msPattern = /^ms-/; /**
+ * Copyright 2013-2014, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
+ */
+
+ function hyphenateStyleName(string) {
+ return (0, _hyphenate2.default)(string).replace(msPattern, '-ms-');
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = hyphenate;
+
+ var rUpper = /([A-Z])/g;
+
+ function hyphenate(string) {
+ return string.replace(rUpper, '-$1').toLowerCase();
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.default = _getComputedStyle;
+
+ var _camelizeStyle = __webpack_require__(18);
+
+ var _camelizeStyle2 = _interopRequireDefault(_camelizeStyle);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ 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, _camelizeStyle2.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'];
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: 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'];
+
+/***/ }),
+/* 24 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ Object.defineProperty(exports, "__esModule", {
+ value: 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"];
+
+/***/ }),
+/* 25 */
+/***/ (function(module, exports) {
+
+ "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"];
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(27);
+
+ var _all3 = _interopRequireDefault(_all2);
+
+ var _componentOrElement2 = __webpack_require__(29);
+
+ var _componentOrElement3 = _interopRequireDefault(_componentOrElement2);
+
+ var _deprecated2 = __webpack_require__(30);
+
+ var _deprecated3 = _interopRequireDefault(_deprecated2);
+
+ var _elementType2 = __webpack_require__(33);
+
+ var _elementType3 = _interopRequireDefault(_elementType2);
+
+ var _isRequiredForA11y2 = __webpack_require__(34);
+
+ var _isRequiredForA11y3 = _interopRequireDefault(_isRequiredForA11y2);
+
+ var _splitComponent2 = __webpack_require__(35);
+
+ var _splitComponent3 = _interopRequireDefault(_splitComponent2);
+
+ var _createChainedFunction2 = __webpack_require__(71);
+
+ var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
+
+ var _keyCode = __webpack_require__(72);
+
+ var _keyCode2 = _interopRequireDefault(_keyCode);
+
+ var _contains2 = __webpack_require__(73);
+
+ var _contains3 = _interopRequireDefault(_contains2);
+
+ var _addEventListener2 = __webpack_require__(74);
+
+ var _addEventListener3 = _interopRequireDefault(_addEventListener2);
+
+ var _cssAnimation2 = __webpack_require__(79);
+
+ var _cssAnimation3 = _interopRequireDefault(_cssAnimation2);
+
+ var _toArray2 = __webpack_require__(83);
+
+ var _toArray3 = _interopRequireDefault(_toArray2);
+
+ var _Align2 = __webpack_require__(84);
+
+ 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;
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = all;
+
+ var _createChainableTypeChecker = __webpack_require__(28);
+
+ 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);
+ }
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
+ '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 || '<>';
+ 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;
+ }
+
+/***/ }),
+/* 29 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(28);
+
+ 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);
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = deprecated;
+
+ var _warning = __webpack_require__(31);
+
+ 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 || '<>';
+ 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 */
+
+/***/ }),
+/* 31 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* 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__(32)))
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports) {
+
+ // 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; };
+
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(28);
+
+ 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);
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = isRequiredForA11y;
+ function isRequiredForA11y(validator) {
+ return function validate(props, propName, componentName, location, propFullName) {
+ var componentNameSafe = componentName || '<>';
+ 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));
+ };
+ }
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ "use strict";
+
+ exports.__esModule = true;
+
+ var _entries = __webpack_require__(36);
+
+ var _entries2 = _interopRequireDefault(_entries);
+
+ exports.default = splitComponentProps;
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+ /**
+ * 分割要传入父元素和子元素的props
+ * @param {[object]} props 传入的属性
+ * @param {[reactElement]} Component 组件
+ * @return {[array]} 返回数组，第一个元素为父元素props对象，第二个子元素props对象
+ */
+ function splitComponentProps(props, Component) {
+ var componentPropTypes = Component.propTypes;
+
+ var parentProps = {};
+ var childProps = {};
+
+ (0, _entries2.default)(props).forEach(function (_ref) {
+ var propName = _ref[0],
+ propValue = _ref[1];
+
+ if (componentPropTypes[propName]) {
+ parentProps[propName] = propValue;
+ } else {
+ childProps[propName] = propValue;
+ }
+ });
+
+ return [parentProps, childProps];
+ }
+
+/***/ }),
+/* 36 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ module.exports = { "default": __webpack_require__(37), __esModule: true };
+
+/***/ }),
+/* 37 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ __webpack_require__(38);
+ module.exports = __webpack_require__(41).Object.entries;
+
+
+/***/ }),
+/* 38 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // https://github.com/tc39/proposal-object-values-entries
+ var $export = __webpack_require__(39);
+ var $entries = __webpack_require__(54)(true);
+
+ $export($export.S, 'Object', {
+ entries: function entries(it) {
+ return $entries(it);
+ }
+ });
+
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var global = __webpack_require__(40);
+ var core = __webpack_require__(41);
+ var ctx = __webpack_require__(42);
+ var hide = __webpack_require__(44);
+ var PROTOTYPE = 'prototype';
+
+ var $export = function (type, name, source) {
+ var IS_FORCED = type & $export.F;
+ var IS_GLOBAL = type & $export.G;
+ var IS_STATIC = type & $export.S;
+ var IS_PROTO = type & $export.P;
+ var IS_BIND = type & $export.B;
+ var IS_WRAP = type & $export.W;
+ var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});
+ var expProto = exports[PROTOTYPE];
+ var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];
+ var key, own, out;
+ if (IS_GLOBAL) source = name;
+ for (key in source) {
+ // contains in native
+ own = !IS_FORCED && target && target[key] !== undefined;
+ if (own && key in exports) continue;
+ // export native or passed
+ out = own ? target[key] : source[key];
+ // prevent global pollution for namespaces
+ exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
+ // bind timers to global for call from export context
+ : IS_BIND && own ? ctx(out, global)
+ // wrap global constructors for prevent change them in library
+ : IS_WRAP && target[key] == out ? (function (C) {
+ var F = function (a, b, c) {
+ if (this instanceof C) {
+ switch (arguments.length) {
+ case 0: return new C();
+ case 1: return new C(a);
+ case 2: return new C(a, b);
+ } return new C(a, b, c);
+ } return C.apply(this, arguments);
+ };
+ F[PROTOTYPE] = C[PROTOTYPE];
+ return F;
+ // make static versions for prototype methods
+ })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
+ // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
+ if (IS_PROTO) {
+ (exports.virtual || (exports.virtual = {}))[key] = out;
+ // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
+ if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);
+ }
+ }
+ };
+ // type bitmap
+ $export.F = 1; // forced
+ $export.G = 2; // global
+ $export.S = 4; // static
+ $export.P = 8; // proto
+ $export.B = 16; // bind
+ $export.W = 32; // wrap
+ $export.U = 64; // safe
+ $export.R = 128; // real proto method for `library`
+ module.exports = $export;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports) {
+
+ // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+ var global = module.exports = typeof window != 'undefined' && window.Math == Math
+ ? window : typeof self != 'undefined' && self.Math == Math ? self
+ // eslint-disable-next-line no-new-func
+ : Function('return this')();
+ if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports) {
+
+ var core = module.exports = { version: '2.5.1' };
+ if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
+
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // optional / simple context binding
+ var aFunction = __webpack_require__(43);
+ module.exports = function (fn, that, length) {
+ aFunction(fn);
+ if (that === undefined) return fn;
+ switch (length) {
+ case 1: return function (a) {
+ return fn.call(that, a);
+ };
+ case 2: return function (a, b) {
+ return fn.call(that, a, b);
+ };
+ case 3: return function (a, b, c) {
+ return fn.call(that, a, b, c);
+ };
+ }
+ return function (/* ...args */) {
+ return fn.apply(that, arguments);
+ };
+ };
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports) {
+
+ module.exports = function (it) {
+ if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+ return it;
+ };
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var dP = __webpack_require__(45);
+ var createDesc = __webpack_require__(53);
+ module.exports = __webpack_require__(49) ? function (object, key, value) {
+ return dP.f(object, key, createDesc(1, value));
+ } : function (object, key, value) {
+ object[key] = value;
+ return object;
+ };
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var anObject = __webpack_require__(46);
+ var IE8_DOM_DEFINE = __webpack_require__(48);
+ var toPrimitive = __webpack_require__(52);
+ var dP = Object.defineProperty;
+
+ exports.f = __webpack_require__(49) ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+ anObject(O);
+ P = toPrimitive(P, true);
+ anObject(Attributes);
+ if (IE8_DOM_DEFINE) try {
+ return dP(O, P, Attributes);
+ } catch (e) { /* empty */ }
+ if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+ if ('value' in Attributes) O[P] = Attributes.value;
+ return O;
+ };
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var isObject = __webpack_require__(47);
+ module.exports = function (it) {
+ if (!isObject(it)) throw TypeError(it + ' is not an object!');
+ return it;
+ };
+
+
+/***/ }),
+/* 47 */
+/***/ (function(module, exports) {
+
+ module.exports = function (it) {
+ return typeof it === 'object' ? it !== null : typeof it === 'function';
+ };
+
+
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ module.exports = !__webpack_require__(49) && !__webpack_require__(50)(function () {
+ return Object.defineProperty(__webpack_require__(51)('div'), 'a', { get: function () { return 7; } }).a != 7;
+ });
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // Thank's IE8 for his funny defineProperty
+ module.exports = !__webpack_require__(50)(function () {
+ return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+ });
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports) {
+
+ module.exports = function (exec) {
+ try {
+ return !!exec();
+ } catch (e) {
+ return true;
+ }
+ };
+
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var isObject = __webpack_require__(47);
+ var document = __webpack_require__(40).document;
+ // typeof document.createElement is 'object' in old IE
+ var is = isObject(document) && isObject(document.createElement);
+ module.exports = function (it) {
+ return is ? document.createElement(it) : {};
+ };
+
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // 7.1.1 ToPrimitive(input [, PreferredType])
+ var isObject = __webpack_require__(47);
+ // instead of the ES6 spec version, we didn't implement @@toPrimitive case
+ // and the second argument - flag - preferred type is a string
+ module.exports = function (it, S) {
+ if (!isObject(it)) return it;
+ var fn, val;
+ if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
+ if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
+ throw TypeError("Can't convert object to primitive value");
+ };
+
+
+/***/ }),
+/* 53 */
+/***/ (function(module, exports) {
+
+ module.exports = function (bitmap, value) {
+ return {
+ enumerable: !(bitmap & 1),
+ configurable: !(bitmap & 2),
+ writable: !(bitmap & 4),
+ value: value
+ };
+ };
+
+
+/***/ }),
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var getKeys = __webpack_require__(55);
+ var toIObject = __webpack_require__(58);
+ var isEnum = __webpack_require__(70).f;
+ module.exports = function (isEntries) {
+ return function (it) {
+ var O = toIObject(it);
+ var keys = getKeys(O);
+ var length = keys.length;
+ var i = 0;
+ var result = [];
+ var key;
+ while (length > i) if (isEnum.call(O, key = keys[i++])) {
+ result.push(isEntries ? [key, O[key]] : O[key]);
+ } return result;
+ };
+ };
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // 19.1.2.14 / 15.2.3.14 Object.keys(O)
+ var $keys = __webpack_require__(56);
+ var enumBugKeys = __webpack_require__(69);
+
+ module.exports = Object.keys || function keys(O) {
+ return $keys(O, enumBugKeys);
+ };
+
+
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var has = __webpack_require__(57);
+ var toIObject = __webpack_require__(58);
+ var arrayIndexOf = __webpack_require__(62)(false);
+ var IE_PROTO = __webpack_require__(66)('IE_PROTO');
+
+ module.exports = function (object, names) {
+ var O = toIObject(object);
+ var i = 0;
+ var result = [];
+ var key;
+ for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);
+ // Don't enum bug & hidden keys
+ while (names.length > i) if (has(O, key = names[i++])) {
+ ~arrayIndexOf(result, key) || result.push(key);
+ }
+ return result;
+ };
+
+
+/***/ }),
+/* 57 */
+/***/ (function(module, exports) {
+
+ var hasOwnProperty = {}.hasOwnProperty;
+ module.exports = function (it, key) {
+ return hasOwnProperty.call(it, key);
+ };
+
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // to indexed object, toObject with fallback for non-array-like ES3 strings
+ var IObject = __webpack_require__(59);
+ var defined = __webpack_require__(61);
+ module.exports = function (it) {
+ return IObject(defined(it));
+ };
+
+
+/***/ }),
+/* 59 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // fallback for non-array-like ES3 and non-enumerable old V8 strings
+ var cof = __webpack_require__(60);
+ // eslint-disable-next-line no-prototype-builtins
+ module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+ return cof(it) == 'String' ? it.split('') : Object(it);
+ };
+
+
+/***/ }),
+/* 60 */
+/***/ (function(module, exports) {
+
+ var toString = {}.toString;
+
+ module.exports = function (it) {
+ return toString.call(it).slice(8, -1);
+ };
+
+
+/***/ }),
+/* 61 */
+/***/ (function(module, exports) {
+
+ // 7.2.1 RequireObjectCoercible(argument)
+ module.exports = function (it) {
+ if (it == undefined) throw TypeError("Can't call method on " + it);
+ return it;
+ };
+
+
+/***/ }),
+/* 62 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // false -> Array#indexOf
+ // true -> Array#includes
+ var toIObject = __webpack_require__(58);
+ var toLength = __webpack_require__(63);
+ var toAbsoluteIndex = __webpack_require__(65);
+ module.exports = function (IS_INCLUDES) {
+ return function ($this, el, fromIndex) {
+ var O = toIObject($this);
+ var length = toLength(O.length);
+ var index = toAbsoluteIndex(fromIndex, length);
+ var value;
+ // Array#includes uses SameValueZero equality algorithm
+ // eslint-disable-next-line no-self-compare
+ if (IS_INCLUDES && el != el) while (length > index) {
+ value = O[index++];
+ // eslint-disable-next-line no-self-compare
+ if (value != value) return true;
+ // Array#indexOf ignores holes, Array#includes - not
+ } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
+ if (O[index] === el) return IS_INCLUDES || index || 0;
+ } return !IS_INCLUDES && -1;
+ };
+ };
+
+
+/***/ }),
+/* 63 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ // 7.1.15 ToLength
+ var toInteger = __webpack_require__(64);
+ var min = Math.min;
+ module.exports = function (it) {
+ return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
+ };
+
+
+/***/ }),
+/* 64 */
+/***/ (function(module, exports) {
+
+ // 7.1.4 ToInteger
+ var ceil = Math.ceil;
+ var floor = Math.floor;
+ module.exports = function (it) {
+ return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+ };
+
+
+/***/ }),
+/* 65 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var toInteger = __webpack_require__(64);
+ var max = Math.max;
+ var min = Math.min;
+ module.exports = function (index, length) {
+ index = toInteger(index);
+ return index < 0 ? max(index + length, 0) : min(index, length);
+ };
+
+
+/***/ }),
+/* 66 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var shared = __webpack_require__(67)('keys');
+ var uid = __webpack_require__(68);
+ module.exports = function (key) {
+ return shared[key] || (shared[key] = uid(key));
+ };
+
+
+/***/ }),
+/* 67 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ var global = __webpack_require__(40);
+ var SHARED = '__core-js_shared__';
+ var store = global[SHARED] || (global[SHARED] = {});
+ module.exports = function (key) {
+ return store[key] || (store[key] = {});
+ };
+
+
+/***/ }),
+/* 68 */
+/***/ (function(module, exports) {
+
+ var id = 0;
+ var px = Math.random();
+ module.exports = function (key) {
+ return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+ };
+
+
+/***/ }),
+/* 69 */
+/***/ (function(module, exports) {
+
+ // IE 8- don't enum bug keys
+ module.exports = (
+ 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+ ).split(',');
+
+
+/***/ }),
+/* 70 */
+/***/ (function(module, exports) {
+
+ exports.f = {}.propertyIsEnumerable;
+
+
+/***/ }),
+/* 71 */
+/***/ (function(module, exports) {
+
+ '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;
+
+/***/ }),
+/* 72 */
+/***/ (function(module, exports) {
+
+ '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;
+
+/***/ }),
+/* 73 */
+/***/ (function(module, exports) {
+
+ "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;
+ }
+
+/***/ }),
+/* 74 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ exports.__esModule = true;
+ exports.default = addEventListenerWrap;
+
+ var _addDomEventListener = __webpack_require__(75);
+
+ 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);
+ }
+
+/***/ }),
+/* 75 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports["default"] = addEventListener;
+
+ var _EventObject = __webpack_require__(76);
+
+ var _EventObject2 = _interopRequireDefault(_EventObject);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ function addEventListener(target, eventType, callback) {
+ function wrapCallback(e) {
+ var ne = new _EventObject2["default"](e);
+ callback.call(target, ne);
+ }
+
+ if (target.addEventListener) {
+ target.addEventListener(eventType, wrapCallback, false);
+ return {
+ remove: function remove() {
+ target.removeEventListener(eventType, wrapCallback, false);
+ }
+ };
+ } else if (target.attachEvent) {
+ target.attachEvent('on' + eventType, wrapCallback);
+ return {
+ remove: function remove() {
+ target.detachEvent('on' + eventType, wrapCallback);
+ }
+ };
+ }
+ }
+ module.exports = exports['default'];
+
+/***/ }),
+/* 76 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _EventBaseObject = __webpack_require__(77);
+
+ var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
+
+ var _objectAssign = __webpack_require__(78);
+
+ var _objectAssign2 = _interopRequireDefault(_objectAssign);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ /**
+ * @ignore
+ * event object for dom
+ * @author yiminghe@gmail.com
+ */
+
+ 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 = void 0;
+ var deltaY = void 0;
+ var delta = void 0;
+ 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 = void 0;
+ var doc = void 0;
+ var body = void 0;
+ 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 = void 0;
+ var l = void 0;
+ var prop = void 0;
+ 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'];
+
+/***/ }),
+/* 77 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ /**
+ * @ignore
+ * base event object for custom and dom event.
+ * @author yiminghe@gmail.com
+ */
+
+ 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'];
+
+/***/ }),
+/* 78 */
+/***/ (function(module, exports) {
+
+ /*
+ 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;
+ };
+
+
+/***/ }),
+/* 79 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(80);
+
+ var _Event2 = _interopRequireDefault(_Event);
+
+ var _componentClasses = __webpack_require__(81);
+
+ 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;
+
+/***/ }),
+/* 80 */
+/***/ (function(module, exports) {
+
+ '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;
+
+/***/ }),
+/* 81 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /**
+ * Module dependencies.
+ */
+
+ try {
+ var index = __webpack_require__(82);
+ } catch (err) {
+ var index = __webpack_require__(82);
+ }
+
+ /**
+ * 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);
+ };
+
+
+/***/ }),
+/* 82 */
+/***/ (function(module, exports) {
+
+ module.exports = function(arr, obj){
+ if (arr.indexOf) return arr.indexOf(obj);
+ for (var i = 0; i < arr.length; ++i) {
+ if (arr[i] === obj) return i;
+ }
+ return -1;
+ };
+
+/***/ }),
+/* 83 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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;
+ }
+
+/***/ }),
+/* 84 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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 _createReactClass = __webpack_require__(85);
+
+ var _createReactClass2 = _interopRequireDefault(_createReactClass);
+
+ var _domAlign = __webpack_require__(91);
+
+ var _domAlign2 = _interopRequireDefault(_domAlign);
+
+ var _addEventListener = __webpack_require__(74);
+
+ 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.startMonitorWindowResize = function startMonitorWindowResize() {
+ if (!this.resizeHandler) {
+ this.bufferMonitor = buffer(this.forceAlign, this.props.monitorBufferTime);
+ this.resizeHandler = (0, _addEventListener2.default)(window, 'resize', this.bufferMonitor);
+ }
+ };
+
+ 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.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;
+
+/***/ }),
+/* 85 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ 'use strict';
+
+ var React = __webpack_require__(4);
+ var factory = __webpack_require__(86);
+
+ if (typeof React === 'undefined') {
+ throw Error(
+ 'create-react-class could not find the React object. If you are using script tags, ' +
+ 'make sure that React is being loaded before create-react-class.'
+ );
+ }
+
+ // Hack to grab NoopUpdateQueue from isomorphic React
+ var ReactNoopUpdateQueue = new React.Component().updater;
+
+ module.exports = factory(
+ React.Component,
+ React.isValidElement,
+ ReactNoopUpdateQueue
+ );
+
+
+/***/ }),
+/* 86 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ 'use strict';
+
+ var _assign = __webpack_require__(78);
+
+ var emptyObject = __webpack_require__(87);
+ var _invariant = __webpack_require__(88);
+
+ if (process.env.NODE_ENV !== 'production') {
+ var warning = __webpack_require__(89);
+ }
+
+ var MIXINS_KEY = 'mixins';
+
+ // Helper function to allow the creation of anonymous functions which do not
+ // have .name set to the name of the variable being assigned to.
+ function identity(fn) {
+ return fn;
+ }
+
+ var ReactPropTypeLocationNames;
+ if (process.env.NODE_ENV !== 'production') {
+ ReactPropTypeLocationNames = {
+ prop: 'prop',
+ context: 'context',
+ childContext: 'child context'
+ };
+ } else {
+ ReactPropTypeLocationNames = {};
+ }
+
+ function factory(ReactComponent, isValidElement, ReactNoopUpdateQueue) {
+ /**
+ * Policies that describe methods in `ReactClassInterface`.
+ */
+
+ var injectedMixins = [];
+
+ /**
+ * Composite components are higher-level components that compose other composite
+ * or host components.
+ *
+ * To create a new type of `ReactClass`, pass a specification of
+ * your new class to `React.createClass`. The only requirement of your class
+ * specification is that you implement a `render` method.
+ *
+ * var MyComponent = React.createClass({
+ * render: function() {
+ * return
Hello World
;
+ * }
+ * });
+ *
+ * The class specification supports a specific protocol of methods that have
+ * special meaning (e.g. `render`). See `ReactClassInterface` for
+ * more the comprehensive protocol. Any other properties and methods in the
+ * class specification will be available on the prototype.
+ *
+ * @interface ReactClassInterface
+ * @internal
+ */
+ var ReactClassInterface = {
+ /**
+ * An array of Mixin objects to include when defining your component.
+ *
+ * @type {array}
+ * @optional
+ */
+ mixins: 'DEFINE_MANY',
+
+ /**
+ * An object containing properties and methods that should be defined on
+ * the component's constructor instead of its prototype (static methods).
+ *
+ * @type {object}
+ * @optional
+ */
+ statics: 'DEFINE_MANY',
+
+ /**
+ * Definition of prop types for this component.
+ *
+ * @type {object}
+ * @optional
+ */
+ propTypes: 'DEFINE_MANY',
+
+ /**
+ * Definition of context types for this component.
+ *
+ * @type {object}
+ * @optional
+ */
+ contextTypes: 'DEFINE_MANY',
+
+ /**
+ * Definition of context types this component sets for its children.
+ *
+ * @type {object}
+ * @optional
+ */
+ childContextTypes: 'DEFINE_MANY',
+
+ // ==== Definition methods ====
+
+ /**
+ * Invoked when the component is mounted. Values in the mapping will be set on
+ * `this.props` if that prop is not specified (i.e. using an `in` check).
+ *
+ * This method is invoked before `getInitialState` and therefore cannot rely
+ * on `this.state` or use `this.setState`.
+ *
+ * @return {object}
+ * @optional
+ */
+ getDefaultProps: 'DEFINE_MANY_MERGED',
+
+ /**
+ * Invoked once before the component is mounted. The return value will be used
+ * as the initial value of `this.state`.
+ *
+ * getInitialState: function() {
+ * return {
+ * isOn: false,
+ * fooBaz: new BazFoo()
+ * }
+ * }
+ *
+ * @return {object}
+ * @optional
+ */
+ getInitialState: 'DEFINE_MANY_MERGED',
+
+ /**
+ * @return {object}
+ * @optional
+ */
+ getChildContext: 'DEFINE_MANY_MERGED',
+
+ /**
+ * Uses props from `this.props` and state from `this.state` to render the
+ * structure of the component.
+ *
+ * No guarantees are made about when or how often this method is invoked, so
+ * it must not have side effects.
+ *
+ * render: function() {
+ * var name = this.props.name;
+ * return
Hello, {name}!
;
+ * }
+ *
+ * @return {ReactComponent}
+ * @required
+ */
+ render: 'DEFINE_ONCE',
+
+ // ==== Delegate methods ====
+
+ /**
+ * Invoked when the component is initially created and about to be mounted.
+ * This may have side effects, but any external subscriptions or data created
+ * by this method must be cleaned up in `componentWillUnmount`.
+ *
+ * @optional
+ */
+ componentWillMount: 'DEFINE_MANY',
+
+ /**
+ * Invoked when the component has been mounted and has a DOM representation.
+ * However, there is no guarantee that the DOM node is in the document.
+ *
+ * Use this as an opportunity to operate on the DOM when the component has
+ * been mounted (initialized and rendered) for the first time.
+ *
+ * @param {DOMElement} rootNode DOM element representing the component.
+ * @optional
+ */
+ componentDidMount: 'DEFINE_MANY',
+
+ /**
+ * Invoked before the component receives new props.
+ *
+ * Use this as an opportunity to react to a prop transition by updating the
+ * state using `this.setState`. Current props are accessed via `this.props`.
+ *
+ * componentWillReceiveProps: function(nextProps, nextContext) {
+ * this.setState({
+ * likesIncreasing: nextProps.likeCount > this.props.likeCount
+ * });
+ * }
+ *
+ * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop
+ * transition may cause a state change, but the opposite is not true. If you
+ * need it, you are probably looking for `componentWillUpdate`.
+ *
+ * @param {object} nextProps
+ * @optional
+ */
+ componentWillReceiveProps: 'DEFINE_MANY',
+
+ /**
+ * Invoked while deciding if the component should be updated as a result of
+ * receiving new props, state and/or context.
+ *
+ * Use this as an opportunity to `return false` when you're certain that the
+ * transition to the new props/state/context will not require a component
+ * update.
+ *
+ * shouldComponentUpdate: function(nextProps, nextState, nextContext) {
+ * return !equal(nextProps, this.props) ||
+ * !equal(nextState, this.state) ||
+ * !equal(nextContext, this.context);
+ * }
+ *
+ * @param {object} nextProps
+ * @param {?object} nextState
+ * @param {?object} nextContext
+ * @return {boolean} True if the component should update.
+ * @optional
+ */
+ shouldComponentUpdate: 'DEFINE_ONCE',
+
+ /**
+ * Invoked when the component is about to update due to a transition from
+ * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`
+ * and `nextContext`.
+ *
+ * Use this as an opportunity to perform preparation before an update occurs.
+ *
+ * NOTE: You **cannot** use `this.setState()` in this method.
+ *
+ * @param {object} nextProps
+ * @param {?object} nextState
+ * @param {?object} nextContext
+ * @param {ReactReconcileTransaction} transaction
+ * @optional
+ */
+ componentWillUpdate: 'DEFINE_MANY',
+
+ /**
+ * Invoked when the component's DOM representation has been updated.
+ *
+ * Use this as an opportunity to operate on the DOM when the component has
+ * been updated.
+ *
+ * @param {object} prevProps
+ * @param {?object} prevState
+ * @param {?object} prevContext
+ * @param {DOMElement} rootNode DOM element representing the component.
+ * @optional
+ */
+ componentDidUpdate: 'DEFINE_MANY',
+
+ /**
+ * Invoked when the component is about to be removed from its parent and have
+ * its DOM representation destroyed.
+ *
+ * Use this as an opportunity to deallocate any external resources.
+ *
+ * NOTE: There is no `componentDidUnmount` since your component will have been
+ * destroyed by that point.
+ *
+ * @optional
+ */
+ componentWillUnmount: 'DEFINE_MANY',
+
+ // ==== Advanced methods ====
+
+ /**
+ * Updates the component's currently mounted DOM representation.
+ *
+ * By default, this implements React's rendering and reconciliation algorithm.
+ * Sophisticated clients may wish to override this.
+ *
+ * @param {ReactReconcileTransaction} transaction
+ * @internal
+ * @overridable
+ */
+ updateComponent: 'OVERRIDE_BASE'
+ };
+
+ /**
+ * Mapping from class specification keys to special processing functions.
+ *
+ * Although these are declared like instance properties in the specification
+ * when defining classes using `React.createClass`, they are actually static
+ * and are accessible on the constructor instead of the prototype. Despite
+ * being static, they must be defined outside of the "statics" key under
+ * which all other static methods are defined.
+ */
+ var RESERVED_SPEC_KEYS = {
+ displayName: function(Constructor, displayName) {
+ Constructor.displayName = displayName;
+ },
+ mixins: function(Constructor, mixins) {
+ if (mixins) {
+ for (var i = 0; i < mixins.length; i++) {
+ mixSpecIntoComponent(Constructor, mixins[i]);
+ }
+ }
+ },
+ childContextTypes: function(Constructor, childContextTypes) {
+ if (process.env.NODE_ENV !== 'production') {
+ validateTypeDef(Constructor, childContextTypes, 'childContext');
+ }
+ Constructor.childContextTypes = _assign(
+ {},
+ Constructor.childContextTypes,
+ childContextTypes
+ );
+ },
+ contextTypes: function(Constructor, contextTypes) {
+ if (process.env.NODE_ENV !== 'production') {
+ validateTypeDef(Constructor, contextTypes, 'context');
+ }
+ Constructor.contextTypes = _assign(
+ {},
+ Constructor.contextTypes,
+ contextTypes
+ );
+ },
+ /**
+ * Special case getDefaultProps which should move into statics but requires
+ * automatic merging.
+ */
+ getDefaultProps: function(Constructor, getDefaultProps) {
+ if (Constructor.getDefaultProps) {
+ Constructor.getDefaultProps = createMergedResultFunction(
+ Constructor.getDefaultProps,
+ getDefaultProps
+ );
+ } else {
+ Constructor.getDefaultProps = getDefaultProps;
+ }
+ },
+ propTypes: function(Constructor, propTypes) {
+ if (process.env.NODE_ENV !== 'production') {
+ validateTypeDef(Constructor, propTypes, 'prop');
+ }
+ Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);
+ },
+ statics: function(Constructor, statics) {
+ mixStaticSpecIntoComponent(Constructor, statics);
+ },
+ autobind: function() {}
+ };
+
+ function validateTypeDef(Constructor, typeDef, location) {
+ for (var propName in typeDef) {
+ if (typeDef.hasOwnProperty(propName)) {
+ // use a warning instead of an _invariant so components
+ // don't show up in prod but only in __DEV__
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ typeof typeDef[propName] === 'function',
+ '%s: %s type `%s` is invalid; it must be a function, usually from ' +
+ 'React.PropTypes.',
+ Constructor.displayName || 'ReactClass',
+ ReactPropTypeLocationNames[location],
+ propName
+ );
+ }
+ }
+ }
+ }
+
+ function validateMethodOverride(isAlreadyDefined, name) {
+ var specPolicy = ReactClassInterface.hasOwnProperty(name)
+ ? ReactClassInterface[name]
+ : null;
+
+ // Disallow overriding of base class methods unless explicitly allowed.
+ if (ReactClassMixin.hasOwnProperty(name)) {
+ _invariant(
+ specPolicy === 'OVERRIDE_BASE',
+ 'ReactClassInterface: You are attempting to override ' +
+ '`%s` from your class specification. Ensure that your method names ' +
+ 'do not overlap with React methods.',
+ name
+ );
+ }
+
+ // Disallow defining methods more than once unless explicitly allowed.
+ if (isAlreadyDefined) {
+ _invariant(
+ specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',
+ 'ReactClassInterface: You are attempting to define ' +
+ '`%s` on your component more than once. This conflict may be due ' +
+ 'to a mixin.',
+ name
+ );
+ }
+ }
+
+ /**
+ * Mixin helper which handles policy validation and reserved
+ * specification keys when building React classes.
+ */
+ function mixSpecIntoComponent(Constructor, spec) {
+ if (!spec) {
+ if (process.env.NODE_ENV !== 'production') {
+ var typeofSpec = typeof spec;
+ var isMixinValid = typeofSpec === 'object' && spec !== null;
+
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ isMixinValid,
+ "%s: You're attempting to include a mixin that is either null " +
+ 'or not an object. Check the mixins included by the component, ' +
+ 'as well as any mixins they include themselves. ' +
+ 'Expected object but got %s.',
+ Constructor.displayName || 'ReactClass',
+ spec === null ? null : typeofSpec
+ );
+ }
+ }
+
+ return;
+ }
+
+ _invariant(
+ typeof spec !== 'function',
+ "ReactClass: You're attempting to " +
+ 'use a component class or function as a mixin. Instead, just use a ' +
+ 'regular object.'
+ );
+ _invariant(
+ !isValidElement(spec),
+ "ReactClass: You're attempting to " +
+ 'use a component as a mixin. Instead, just use a regular object.'
+ );
+
+ var proto = Constructor.prototype;
+ var autoBindPairs = proto.__reactAutoBindPairs;
+
+ // By handling mixins before any other properties, we ensure the same
+ // chaining order is applied to methods with DEFINE_MANY policy, whether
+ // mixins are listed before or after these methods in the spec.
+ if (spec.hasOwnProperty(MIXINS_KEY)) {
+ RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);
+ }
+
+ for (var name in spec) {
+ if (!spec.hasOwnProperty(name)) {
+ continue;
+ }
+
+ if (name === MIXINS_KEY) {
+ // We have already handled mixins in a special case above.
+ continue;
+ }
+
+ var property = spec[name];
+ var isAlreadyDefined = proto.hasOwnProperty(name);
+ validateMethodOverride(isAlreadyDefined, name);
+
+ if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {
+ RESERVED_SPEC_KEYS[name](Constructor, property);
+ } else {
+ // Setup methods on prototype:
+ // The following member methods should not be automatically bound:
+ // 1. Expected ReactClass methods (in the "interface").
+ // 2. Overridden methods (that were mixed in).
+ var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);
+ var isFunction = typeof property === 'function';
+ var shouldAutoBind =
+ isFunction &&
+ !isReactClassMethod &&
+ !isAlreadyDefined &&
+ spec.autobind !== false;
+
+ if (shouldAutoBind) {
+ autoBindPairs.push(name, property);
+ proto[name] = property;
+ } else {
+ if (isAlreadyDefined) {
+ var specPolicy = ReactClassInterface[name];
+
+ // These cases should already be caught by validateMethodOverride.
+ _invariant(
+ isReactClassMethod &&
+ (specPolicy === 'DEFINE_MANY_MERGED' ||
+ specPolicy === 'DEFINE_MANY'),
+ 'ReactClass: Unexpected spec policy %s for key %s ' +
+ 'when mixing in component specs.',
+ specPolicy,
+ name
+ );
+
+ // For methods which are defined more than once, call the existing
+ // methods before calling the new property, merging if appropriate.
+ if (specPolicy === 'DEFINE_MANY_MERGED') {
+ proto[name] = createMergedResultFunction(proto[name], property);
+ } else if (specPolicy === 'DEFINE_MANY') {
+ proto[name] = createChainedFunction(proto[name], property);
+ }
+ } else {
+ proto[name] = property;
+ if (process.env.NODE_ENV !== 'production') {
+ // Add verbose displayName to the function, which helps when looking
+ // at profiling tools.
+ if (typeof property === 'function' && spec.displayName) {
+ proto[name].displayName = spec.displayName + '_' + name;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ function mixStaticSpecIntoComponent(Constructor, statics) {
+ if (!statics) {
+ return;
+ }
+ for (var name in statics) {
+ var property = statics[name];
+ if (!statics.hasOwnProperty(name)) {
+ continue;
+ }
+
+ var isReserved = name in RESERVED_SPEC_KEYS;
+ _invariant(
+ !isReserved,
+ 'ReactClass: You are attempting to define a reserved ' +
+ 'property, `%s`, that shouldn\'t be on the "statics" key. Define it ' +
+ 'as an instance property instead; it will still be accessible on the ' +
+ 'constructor.',
+ name
+ );
+
+ var isInherited = name in Constructor;
+ _invariant(
+ !isInherited,
+ 'ReactClass: You are attempting to define ' +
+ '`%s` on your component more than once. This conflict may be ' +
+ 'due to a mixin.',
+ name
+ );
+ Constructor[name] = property;
+ }
+ }
+
+ /**
+ * Merge two objects, but throw if both contain the same key.
+ *
+ * @param {object} one The first object, which is mutated.
+ * @param {object} two The second object
+ * @return {object} one after it has been mutated to contain everything in two.
+ */
+ function mergeIntoWithNoDuplicateKeys(one, two) {
+ _invariant(
+ one && two && typeof one === 'object' && typeof two === 'object',
+ 'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'
+ );
+
+ for (var key in two) {
+ if (two.hasOwnProperty(key)) {
+ _invariant(
+ one[key] === undefined,
+ 'mergeIntoWithNoDuplicateKeys(): ' +
+ 'Tried to merge two objects with the same key: `%s`. This conflict ' +
+ 'may be due to a mixin; in particular, this may be caused by two ' +
+ 'getInitialState() or getDefaultProps() methods returning objects ' +
+ 'with clashing keys.',
+ key
+ );
+ one[key] = two[key];
+ }
+ }
+ return one;
+ }
+
+ /**
+ * Creates a function that invokes two functions and merges their return values.
+ *
+ * @param {function} one Function to invoke first.
+ * @param {function} two Function to invoke second.
+ * @return {function} Function that invokes the two argument functions.
+ * @private
+ */
+ function createMergedResultFunction(one, two) {
+ return function mergedResult() {
+ var a = one.apply(this, arguments);
+ var b = two.apply(this, arguments);
+ if (a == null) {
+ return b;
+ } else if (b == null) {
+ return a;
+ }
+ var c = {};
+ mergeIntoWithNoDuplicateKeys(c, a);
+ mergeIntoWithNoDuplicateKeys(c, b);
+ return c;
+ };
+ }
+
+ /**
+ * Creates a function that invokes two functions and ignores their return vales.
+ *
+ * @param {function} one Function to invoke first.
+ * @param {function} two Function to invoke second.
+ * @return {function} Function that invokes the two argument functions.
+ * @private
+ */
+ function createChainedFunction(one, two) {
+ return function chainedFunction() {
+ one.apply(this, arguments);
+ two.apply(this, arguments);
+ };
+ }
+
+ /**
+ * Binds a method to the component.
+ *
+ * @param {object} component Component whose method is going to be bound.
+ * @param {function} method Method to be bound.
+ * @return {function} The bound method.
+ */
+ function bindAutoBindMethod(component, method) {
+ var boundMethod = method.bind(component);
+ if (process.env.NODE_ENV !== 'production') {
+ boundMethod.__reactBoundContext = component;
+ boundMethod.__reactBoundMethod = method;
+ boundMethod.__reactBoundArguments = null;
+ var componentName = component.constructor.displayName;
+ var _bind = boundMethod.bind;
+ boundMethod.bind = function(newThis) {
+ for (
+ var _len = arguments.length,
+ args = Array(_len > 1 ? _len - 1 : 0),
+ _key = 1;
+ _key < _len;
+ _key++
+ ) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ // User is trying to bind() an autobound method; we effectively will
+ // ignore the value of "this" that the user is trying to use, so
+ // let's warn.
+ if (newThis !== component && newThis !== null) {
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ false,
+ 'bind(): React component methods may only be bound to the ' +
+ 'component instance. See %s',
+ componentName
+ );
+ }
+ } else if (!args.length) {
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ false,
+ 'bind(): You are binding a component method to the component. ' +
+ 'React does this for you automatically in a high-performance ' +
+ 'way, so you can safely remove this call. See %s',
+ componentName
+ );
+ }
+ return boundMethod;
+ }
+ var reboundMethod = _bind.apply(boundMethod, arguments);
+ reboundMethod.__reactBoundContext = component;
+ reboundMethod.__reactBoundMethod = method;
+ reboundMethod.__reactBoundArguments = args;
+ return reboundMethod;
+ };
+ }
+ return boundMethod;
+ }
+
+ /**
+ * Binds all auto-bound methods in a component.
+ *
+ * @param {object} component Component whose method is going to be bound.
+ */
+ function bindAutoBindMethods(component) {
+ var pairs = component.__reactAutoBindPairs;
+ for (var i = 0; i < pairs.length; i += 2) {
+ var autoBindKey = pairs[i];
+ var method = pairs[i + 1];
+ component[autoBindKey] = bindAutoBindMethod(component, method);
+ }
+ }
+
+ var IsMountedPreMixin = {
+ componentDidMount: function() {
+ this.__isMounted = true;
+ }
+ };
+
+ var IsMountedPostMixin = {
+ componentWillUnmount: function() {
+ this.__isMounted = false;
+ }
+ };
+
+ /**
+ * Add more to the ReactClass base class. These are all legacy features and
+ * therefore not already part of the modern ReactComponent.
+ */
+ var ReactClassMixin = {
+ /**
+ * TODO: This will be deprecated because state should always keep a consistent
+ * type signature and the only use case for this, is to avoid that.
+ */
+ replaceState: function(newState, callback) {
+ this.updater.enqueueReplaceState(this, newState, callback);
+ },
+
+ /**
+ * Checks whether or not this composite component is mounted.
+ * @return {boolean} True if mounted, false otherwise.
+ * @protected
+ * @final
+ */
+ isMounted: function() {
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ this.__didWarnIsMounted,
+ '%s: isMounted is deprecated. Instead, make sure to clean up ' +
+ 'subscriptions and pending requests in componentWillUnmount to ' +
+ 'prevent memory leaks.',
+ (this.constructor && this.constructor.displayName) ||
+ this.name ||
+ 'Component'
+ );
+ this.__didWarnIsMounted = true;
+ }
+ return !!this.__isMounted;
+ }
+ };
+
+ var ReactClassComponent = function() {};
+ _assign(
+ ReactClassComponent.prototype,
+ ReactComponent.prototype,
+ ReactClassMixin
+ );
+
+ /**
+ * Creates a composite component class given a class specification.
+ * See https://facebook.github.io/react/docs/top-level-api.html#react.createclass
+ *
+ * @param {object} spec Class specification (which must define `render`).
+ * @return {function} Component constructor function.
+ * @public
+ */
+ function createClass(spec) {
+ // To keep our warnings more understandable, we'll use a little hack here to
+ // ensure that Constructor.name !== 'Constructor'. This makes sure we don't
+ // unnecessarily identify a class without displayName as 'Constructor'.
+ var Constructor = identity(function(props, context, updater) {
+ // This constructor gets overridden by mocks. The argument is used
+ // by mocks to assert on what gets mounted.
+
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ this instanceof Constructor,
+ 'Something is calling a React component directly. Use a factory or ' +
+ 'JSX instead. See: https://fb.me/react-legacyfactory'
+ );
+ }
+
+ // Wire up auto-binding
+ if (this.__reactAutoBindPairs.length) {
+ bindAutoBindMethods(this);
+ }
+
+ this.props = props;
+ this.context = context;
+ this.refs = emptyObject;
+ this.updater = updater || ReactNoopUpdateQueue;
+
+ this.state = null;
+
+ // ReactClasses doesn't have constructors. Instead, they use the
+ // getInitialState and componentWillMount methods for initialization.
+
+ var initialState = this.getInitialState ? this.getInitialState() : null;
+ if (process.env.NODE_ENV !== 'production') {
+ // We allow auto-mocks to proceed as if they're returning null.
+ if (
+ initialState === undefined &&
+ this.getInitialState._isMockFunction
+ ) {
+ // This is probably bad practice. Consider warning here and
+ // deprecating this convenience.
+ initialState = null;
+ }
+ }
+ _invariant(
+ typeof initialState === 'object' && !Array.isArray(initialState),
+ '%s.getInitialState(): must return an object or null',
+ Constructor.displayName || 'ReactCompositeComponent'
+ );
+
+ this.state = initialState;
+ });
+ Constructor.prototype = new ReactClassComponent();
+ Constructor.prototype.constructor = Constructor;
+ Constructor.prototype.__reactAutoBindPairs = [];
+
+ injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));
+
+ mixSpecIntoComponent(Constructor, IsMountedPreMixin);
+ mixSpecIntoComponent(Constructor, spec);
+ mixSpecIntoComponent(Constructor, IsMountedPostMixin);
+
+ // Initialize the defaultProps property after all mixins have been merged.
+ if (Constructor.getDefaultProps) {
+ Constructor.defaultProps = Constructor.getDefaultProps();
+ }
+
+ if (process.env.NODE_ENV !== 'production') {
+ // This is a tag to indicate that the use of these method names is ok,
+ // since it's used with createClass. If it's not, then it's likely a
+ // mistake so we'll warn you to use the static property, property
+ // initializer or constructor respectively.
+ if (Constructor.getDefaultProps) {
+ Constructor.getDefaultProps.isReactClassApproved = {};
+ }
+ if (Constructor.prototype.getInitialState) {
+ Constructor.prototype.getInitialState.isReactClassApproved = {};
+ }
+ }
+
+ _invariant(
+ Constructor.prototype.render,
+ 'createClass(...): Class specification must implement a `render` method.'
+ );
+
+ if (process.env.NODE_ENV !== 'production') {
+ warning(
+ !Constructor.prototype.componentShouldUpdate,
+ '%s has a method called ' +
+ 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +
+ 'The name is phrased as a question because the function is ' +
+ 'expected to return a value.',
+ spec.displayName || 'A component'
+ );
+ warning(
+ !Constructor.prototype.componentWillRecieveProps,
+ '%s has a method called ' +
+ 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',
+ spec.displayName || 'A component'
+ );
+ }
+
+ // Reduce time spent doing lookups by setting these on the prototype.
+ for (var methodName in ReactClassInterface) {
+ if (!Constructor.prototype[methodName]) {
+ Constructor.prototype[methodName] = null;
+ }
+ }
+
+ return Constructor;
+ }
+
+ return createClass;
+ }
+
+ module.exports = factory;
+
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32)))
+
+/***/ }),
+/* 87 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ 'use strict';
+
+ var emptyObject = {};
+
+ if (process.env.NODE_ENV !== 'production') {
+ Object.freeze(emptyObject);
+ }
+
+ module.exports = emptyObject;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32)))
+
+/***/ }),
+/* 88 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ 'use strict';
+
+ /**
+ * Use invariant() to assert state which your program assumes to be true.
+ *
+ * Provide sprintf-style format (only %s is supported) and arguments
+ * to provide information about what broke and what you were
+ * expecting.
+ *
+ * The invariant message will be stripped in production, but the invariant
+ * will remain to ensure logic does not differ in production.
+ */
+
+ var validateFormat = function validateFormat(format) {};
+
+ if (process.env.NODE_ENV !== 'production') {
+ validateFormat = function validateFormat(format) {
+ if (format === undefined) {
+ throw new Error('invariant requires an error message argument');
+ }
+ };
+ }
+
+ function invariant(condition, format, a, b, c, d, e, f) {
+ validateFormat(format);
+
+ if (!condition) {
+ var error;
+ if (format === undefined) {
+ error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+ } else {
+ var args = [a, b, c, d, e, f];
+ var argIndex = 0;
+ error = new Error(format.replace(/%s/g, function () {
+ return args[argIndex++];
+ }));
+ error.name = 'Invariant Violation';
+ }
+
+ error.framesToPop = 1; // we don't care about invariant's own frame
+ throw error;
+ }
+ }
+
+ module.exports = invariant;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32)))
+
+/***/ }),
+/* 89 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ /* WEBPACK VAR INJECTION */(function(process) {/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+ 'use strict';
+
+ var emptyFunction = __webpack_require__(90);
+
+ /**
+ * 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 = emptyFunction;
+
+ if (process.env.NODE_ENV !== 'production') {
+ var printWarning = function printWarning(format) {
+ for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ var argIndex = 0;
+ var message = 'Warning: ' + format.replace(/%s/g, function () {
+ return args[argIndex++];
+ });
+ if (typeof console !== 'undefined') {
+ console.error(message);
+ }
+ try {
+ // --- Welcome to debugging React ---
+ // 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) {}
+ };
+
+ warning = function warning(condition, format) {
+ if (format === undefined) {
+ throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
+ }
+
+ if (format.indexOf('Failed Composite propType: ') === 0) {
+ return; // Ignore CompositeComponent proptype check.
+ }
+
+ if (!condition) {
+ for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+ args[_key2 - 2] = arguments[_key2];
+ }
+
+ printWarning.apply(undefined, [format].concat(args));
+ }
+ };
+ }
+
+ module.exports = warning;
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(32)))
+
+/***/ }),
+/* 90 */
+/***/ (function(module, exports) {
+
+ "use strict";
+
+ /**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+ function makeEmptyFunction(arg) {
+ return function () {
+ return arg;
+ };
+ }
+
+ /**
+ * This function accepts and discards inputs; it has no side effects. This is
+ * primarily useful idiomatically for overridable function endpoints which
+ * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
+ */
+ var emptyFunction = function emptyFunction() {};
+
+ emptyFunction.thatReturns = makeEmptyFunction;
+ emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
+ emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
+ emptyFunction.thatReturnsNull = makeEmptyFunction(null);
+ emptyFunction.thatReturnsThis = function () {
+ return this;
+ };
+ emptyFunction.thatReturnsArgument = function (arg) {
+ return arg;
+ };
+
+ module.exports = emptyFunction;
+
+/***/ }),
+/* 91 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _utils = __webpack_require__(92);
+
+ var _utils2 = _interopRequireDefault(_utils);
+
+ var _getOffsetParent = __webpack_require__(94);
+
+ var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
+
+ var _getVisibleRectForElement = __webpack_require__(95);
+
+ var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
+
+ var _adjustForViewport = __webpack_require__(97);
+
+ var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
+
+ var _getRegion = __webpack_require__(98);
+
+ var _getRegion2 = _interopRequireDefault(_getRegion);
+
+ var _getElFuturePos = __webpack_require__(99);
+
+ var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+ // http://yiminghe.iteye.com/blog/1124720
+
+ /**
+ * align dom node flexibly
+ * @author yiminghe@gmail.com
+ */
+
+ function isFailX(elFuturePos, elRegion, visibleRect) {
+ return elFuturePos.left < visibleRect.left || elFuturePos.left + elRegion.width > visibleRect.right;
+ }
+
+ 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 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 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);
+ }
+
+ function domAlign(el, refNode, align) {
+ var points = align.points;
+ var offset = align.offset || [0, 0];
+ var targetOffset = align.targetOffset || [0, 0];
+ var overflow = align.overflow;
+ var target = align.target || refNode;
+ 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);
+ // 参照节点所占的区域, left/top/width/height
+ var refNodeRegion = (0, _getRegion2['default'])(target);
+ // 将 offset 转换成数值，支持百分比
+ normalizeOffset(offset, elRegion);
+ normalizeOffset(targetOffset, refNodeRegion);
+ // 当前节点将要被放置的位置
+ var elFuturePos = (0, _getElFuturePos2['default'])(elRegion, refNodeRegion, points, offset, targetOffset);
+ // 当前节点将要所处的区域
+ var newElRegion = _utils2['default'].merge(elRegion, elFuturePos);
+
+ var isTargetNotOutOfVisible = !isOutOfVisibleRect(target);
+
+ // 如果可视区域不能完全放置当前节点时允许调整
+ if (visibleRect && (overflow.adjustX || overflow.adjustY) && isTargetNotOutOfVisible) {
+ 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, refNodeRegion, newPoints, newOffset, newTargetOffset);
+
+ if (!isCompleteFailX(newElFuturePos, elRegion, visibleRect)) {
+ fail = 1;
+ points = newPoints;
+ offset = newOffset;
+ targetOffset = newTargetOffset;
+ }
+ }
+ }
+
+ if (overflow.adjustY) {
+ // 如果纵向不能放下
+ if (isFailY(elFuturePos, elRegion, visibleRect)) {
+ // 对齐位置反下
+ 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, refNodeRegion, _newPoints, _newOffset, _newTargetOffset);
+
+ if (!isCompleteFailY(_newElFuturePos, elRegion, visibleRect)) {
+ fail = 1;
+ points = _newPoints;
+ offset = _newOffset;
+ targetOffset = _newTargetOffset;
+ }
+ }
+ }
+
+ // 如果失败，重新计算当前节点将要被放置的位置
+ if (fail) {
+ elFuturePos = (0, _getElFuturePos2['default'])(elRegion, refNodeRegion, points, offset, targetOffset);
+ _utils2['default'].mix(newElRegion, elFuturePos);
+ }
+
+ // 检查反下后的位置是否可以放下了
+ // 如果仍然放不下只有指定了可以调整当前方向才调整
+ newOverflowCfg.adjustX = overflow.adjustX && isFailX(elFuturePos, elRegion, visibleRect);
+
+ newOverflowCfg.adjustY = overflow.adjustY && isFailY(elFuturePos, elRegion, visibleRect);
+
+ // 确实要调整，甚至可能会调整高度宽度
+ 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 变了
+ // 例如
+ _utils2['default'].offset(source, {
+ left: newElRegion.left,
+ top: newElRegion.top
+ }, {
+ useCssRight: align.useCssRight,
+ useCssBottom: align.useCssBottom,
+ useCssTransform: align.useCssTransform
+ });
+
+ return {
+ points: points,
+ offset: offset,
+ targetOffset: targetOffset,
+ overflow: newOverflowCfg
+ };
+ }
+
+ domAlign.__getOffsetParent = _getOffsetParent2['default'];
+
+ domAlign.__getVisibleRectForElement = _getVisibleRectForElement2['default'];
+
+ exports['default'] = domAlign;
+ /**
+ * 2012-04-26 yiminghe@gmail.com
+ * - 优化智能对齐算法
+ * - 慎用 resizeXX
+ *
+ * 2011-07-13 yiminghe@gmail.com note:
+ * - 增加智能对齐，以及大小调整选项
+ **/
+
+ module.exports = exports['default'];
+
+/***/ }),
+/* 92 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(93);
+
+ var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
+
+ var getComputedStyleX = void 0;
+
+ function force(x, y) {
+ return x + y;
+ }
+
+ 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';
+ }
+ 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
+ force(elem.offsetTop, elem.offsetLeft);
+ 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.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'];
+
+/***/ }),
+/* 93 */
+/***/ (function(module, exports) {
+
+ '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)');
+ }
+ }
+
+/***/ }),
+/* 94 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _utils = __webpack_require__(92);
+
+ 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 这个也不是完全可行
+ /*
+
+
+ 元素 6 高 100px 宽 50px
+
+
+ */
+ // 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'];
+
+/***/ }),
+/* 95 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _utils = __webpack_require__(92);
+
+ var _utils2 = _interopRequireDefault(_utils);
+
+ var _getOffsetParent = __webpack_require__(94);
+
+ var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
+
+ var _isAncestorFixed = __webpack_require__(96);
+
+ 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'];
+
+/***/ }),
+/* 96 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports['default'] = isAncestorFixed;
+
+ var _utils = __webpack_require__(92);
+
+ 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'];
+
+/***/ }),
+/* 97 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _utils = __webpack_require__(92);
+
+ 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'];
+
+/***/ }),
+/* 98 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _utils = __webpack_require__(92);
+
+ 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'];
+
+/***/ }),
+/* 99 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _getAlignOffset = __webpack_require__(100);
+
+ 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'];
+
+/***/ }),
+/* 100 */
+/***/ (function(module, exports) {
+
+ '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'];
+
+/***/ }),
+/* 101 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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'];
+
+/***/ }),
+/* 102 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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__(26);
+
+ 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'];
+
+/***/ }),
+/* 103 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ 'use strict';
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+
+ var _Button = __webpack_require__(104);
+
+ var _Button2 = _interopRequireDefault(_Button);
+
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+ exports["default"] = _Button2["default"];
+ module.exports = exports['default'];
+
+/***/ }),
+/* 104 */
+/***/ (function(module, exports, __webpack_require__) {
+
+ '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