You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3300 lines
215 KiB
3300 lines
215 KiB
5 years ago
|
webpackJsonp([164],{
|
||
|
|
|
||
|
|
/***/ 1002:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var PropTypes = _interopRequireWildcard(__webpack_require__(1));
|
||
|
|
|
||
|
|
var _rcMenu = __webpack_require__(172);
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _MenuContext = _interopRequireDefault(__webpack_require__(893));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var SubMenu =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(SubMenu, _React$Component);
|
||
|
|
|
||
|
|
function SubMenu() {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, SubMenu);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(SubMenu).apply(this, arguments));
|
||
|
|
|
||
|
|
_this.onKeyDown = function (e) {
|
||
|
|
_this.subMenu.onKeyDown(e);
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.saveSubMenu = function (subMenu) {
|
||
|
|
_this.subMenu = subMenu;
|
||
|
|
};
|
||
|
|
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(SubMenu, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
var _this$props = this.props,
|
||
|
|
rootPrefixCls = _this$props.rootPrefixCls,
|
||
|
|
popupClassName = _this$props.popupClassName;
|
||
|
|
return React.createElement(_MenuContext["default"].Consumer, null, function (_ref) {
|
||
|
|
var antdMenuTheme = _ref.antdMenuTheme;
|
||
|
|
return React.createElement(_rcMenu.SubMenu, _extends({}, _this2.props, {
|
||
|
|
ref: _this2.saveSubMenu,
|
||
|
|
popupClassName: (0, _classnames["default"])("".concat(rootPrefixCls, "-").concat(antdMenuTheme), popupClassName)
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return SubMenu;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
SubMenu.contextTypes = {
|
||
|
|
antdMenuTheme: PropTypes.string
|
||
|
|
}; // fix issue:https://github.com/ant-design/ant-design/issues/8666
|
||
|
|
|
||
|
|
SubMenu.isSubMenu = 1;
|
||
|
|
var _default = SubMenu;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=SubMenu.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1003:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _rcMenu = __webpack_require__(172);
|
||
|
|
|
||
|
|
var _MenuContext = _interopRequireDefault(__webpack_require__(893));
|
||
|
|
|
||
|
|
var _tooltip = _interopRequireDefault(__webpack_require__(168));
|
||
|
|
|
||
|
|
var _Sider = __webpack_require__(908);
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
for (var p in s) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
var MenuItem =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(MenuItem, _React$Component);
|
||
|
|
|
||
|
|
function MenuItem() {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, MenuItem);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(MenuItem).apply(this, arguments));
|
||
|
|
|
||
|
|
_this.onKeyDown = function (e) {
|
||
|
|
_this.menuItem.onKeyDown(e);
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.saveMenuItem = function (menuItem) {
|
||
|
|
_this.menuItem = menuItem;
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderItem = function (_ref) {
|
||
|
|
var siderCollapsed = _ref.siderCollapsed;
|
||
|
|
var _this$props = _this.props,
|
||
|
|
level = _this$props.level,
|
||
|
|
children = _this$props.children,
|
||
|
|
rootPrefixCls = _this$props.rootPrefixCls;
|
||
|
|
|
||
|
|
var _a = _this.props,
|
||
|
|
title = _a.title,
|
||
|
|
rest = __rest(_a, ["title"]);
|
||
|
|
|
||
|
|
return React.createElement(_MenuContext["default"].Consumer, null, function (_ref2) {
|
||
|
|
var inlineCollapsed = _ref2.inlineCollapsed;
|
||
|
|
var tooltipProps = {
|
||
|
|
title: title || (level === 1 ? children : '')
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!siderCollapsed && !inlineCollapsed) {
|
||
|
|
tooltipProps.title = null; // Reset `visible` to fix control mode tooltip display not correct
|
||
|
|
// ref: https://github.com/ant-design/ant-design/issues/16742
|
||
|
|
|
||
|
|
tooltipProps.visible = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(_tooltip["default"], _extends({}, tooltipProps, {
|
||
|
|
placement: "right",
|
||
|
|
overlayClassName: "".concat(rootPrefixCls, "-inline-collapsed-tooltip")
|
||
|
|
}), React.createElement(_rcMenu.Item, _extends({}, rest, {
|
||
|
|
title: title,
|
||
|
|
ref: _this.saveMenuItem
|
||
|
|
})));
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(MenuItem, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_Sider.SiderContext.Consumer, null, this.renderItem);
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return MenuItem;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
exports["default"] = MenuItem;
|
||
|
|
MenuItem.isMenuItem = true;
|
||
|
|
//# sourceMappingURL=MenuItem.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1085:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
||
|
|
|
||
|
|
// load the styles
|
||
|
|
var content = __webpack_require__(1086);
|
||
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||
|
|
// Prepare cssTransformation
|
||
|
|
var transform;
|
||
|
|
|
||
|
|
var options = {"hmr":false}
|
||
|
|
options.transform = transform
|
||
|
|
// add the styles to the DOM
|
||
|
|
var update = __webpack_require__(313)(content, options);
|
||
|
|
if(content.locals) module.exports = content.locals;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1086:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
exports = module.exports = __webpack_require__(312)(true);
|
||
|
|
// imports
|
||
|
|
|
||
|
|
|
||
|
|
// module
|
||
|
|
exports.push([module.i, ".ant-dropdown{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block}.ant-dropdown:before{position:absolute;top:-7px;right:0;bottom:-7px;left:-7px;z-index:-9999;opacity:.0001;content:\" \"}.ant-dropdown-wrap{position:relative}.ant-dropdown-wrap .ant-btn>.anticon-down{display:inline-block;font-size:12px;font-size:10px\\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg)}:root .ant-dropdown-wrap .ant-btn>.anticon-down{font-size:12px}.ant-dropdown-wrap .anticon-down:before{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ant-dropdown-wrap-open .anticon-down:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ant-dropdown-hidden,.ant-dropdown-menu-hidden{display:none}.ant-dropdown-menu{position:relative;margin:0;padding:4px 0;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:4px;outline:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transform:translateZ(0)}.ant-dropdown-menu-item-group-title{padding:5px 12px;color:rgba(0,0,0,.45);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-dropdown-menu-submenu-popup{position:absolute;z-index:1050}.ant-dropdown-menu-submenu-popup>.ant-dropdown-menu{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-dropdown-menu-submenu-popup li,.ant-dropdown-menu-submenu-popup ul{list-style:none}.ant-dropdown-menu-submenu-popup ul{margin-right:.3em;margin-left:.3em;padding:0}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{clear:both;margin:0;padding:5px 12px;color:rgba(0,0,0,.65);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-menu-submenu-title>span>.anticon:first-child{min-width:12px;margin-right:8px;font-size:12px}.ant-dropdown-menu-item>a,.ant-dropdown-menu-submenu-title>a{display:block;margin:-5px -12px;padding:5px 12px;color:rgba(0,0,0,.65);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-dropdown-menu-item-selected,.ant-dropdown-menu-item-selected>a,.ant-dropdown-menu-submenu-title-selected,.ant-dropdown-menu-submenu-title-selected>a{color:#1890ff;background-color:#e6f7ff}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover{background-color:#e6f7ff}.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider{height:1px;margin:4px 0;overflow:hidden;line-height:0;background-color:#e8e8e8}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{position:absolute;right:8px}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{color:rgba(0,0,0,.45);font-style:normal;display:inline-block;font-size:12px;font-size:10px\\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg)}:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{font-size:12px}.ant-
|
||
|
|
|
||
|
|
// exports
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1089:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Dropdown__ = __webpack_require__(1090);
|
||
|
|
|
||
|
|
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Dropdown__["a" /* default */]);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1090:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_dom__ = __webpack_require__(4);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react_dom__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_trigger__ = __webpack_require__(89);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__placements__ = __webpack_require__(1091);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__ = __webpack_require__(7);
|
||
|
|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||
|
|
|
||
|
|
function _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) : subClass.__proto__ = superClass; }
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var Dropdown = function (_Component) {
|
||
|
|
_inherits(Dropdown, _Component);
|
||
|
|
|
||
|
|
function Dropdown(props) {
|
||
|
|
_classCallCheck(this, Dropdown);
|
||
|
|
|
||
|
|
var _this = _possibleConstructorReturn(this, _Component.call(this, props));
|
||
|
|
|
||
|
|
_initialiseProps.call(_this);
|
||
|
|
|
||
|
|
if ('visible' in props) {
|
||
|
|
_this.state = {
|
||
|
|
visible: props.visible
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
_this.state = {
|
||
|
|
visible: props.defaultVisible
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
Dropdown.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
|
||
|
|
if ('visible' in nextProps) {
|
||
|
|
return {
|
||
|
|
visible: nextProps.visible
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.getOverlayElement = function getOverlayElement() {
|
||
|
|
var overlay = this.props.overlay;
|
||
|
|
|
||
|
|
var overlayElement = void 0;
|
||
|
|
if (typeof overlay === 'function') {
|
||
|
|
overlayElement = overlay();
|
||
|
|
} else {
|
||
|
|
overlayElement = overlay;
|
||
|
|
}
|
||
|
|
return overlayElement;
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.getMenuElementOrLambda = function getMenuElementOrLambda() {
|
||
|
|
var overlay = this.props.overlay;
|
||
|
|
|
||
|
|
if (typeof overlay === 'function') {
|
||
|
|
return this.getMenuElement;
|
||
|
|
}
|
||
|
|
return this.getMenuElement();
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.getPopupDomNode = function getPopupDomNode() {
|
||
|
|
return this.trigger.getPopupDomNode();
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.getOpenClassName = function getOpenClassName() {
|
||
|
|
var _props = this.props,
|
||
|
|
openClassName = _props.openClassName,
|
||
|
|
prefixCls = _props.prefixCls;
|
||
|
|
|
||
|
|
if (openClassName !== undefined) {
|
||
|
|
return openClassName;
|
||
|
|
}
|
||
|
|
return prefixCls + '-open';
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.renderChildren = function renderChildren() {
|
||
|
|
var children = this.props.children;
|
||
|
|
var visible = this.state.visible;
|
||
|
|
|
||
|
|
var childrenProps = children.props ? children.props : {};
|
||
|
|
var childClassName = __WEBPACK_IMPORTED_MODULE_4_classnames___default()(childrenProps.className, this.getOpenClassName());
|
||
|
|
return visible && children ? Object(__WEBPACK_IMPORTED_MODULE_0_react__["cloneElement"])(children, { className: childClassName }) : children;
|
||
|
|
};
|
||
|
|
|
||
|
|
Dropdown.prototype.render = function render() {
|
||
|
|
var _props2 = this.props,
|
||
|
|
prefixCls = _props2.prefixCls,
|
||
|
|
transitionName = _props2.transitionName,
|
||
|
|
animation = _props2.animation,
|
||
|
|
align = _props2.align,
|
||
|
|
placement = _props2.placement,
|
||
|
|
getPopupContainer = _props2.getPopupContainer,
|
||
|
|
showAction = _props2.showAction,
|
||
|
|
hideAction = _props2.hideAction,
|
||
|
|
overlayClassName = _props2.overlayClassName,
|
||
|
|
overlayStyle = _props2.overlayStyle,
|
||
|
|
trigger = _props2.trigger,
|
||
|
|
otherProps = _objectWithoutProperties(_props2, ['prefixCls', 'transitionName', 'animation', 'align', 'placement', 'getPopupContainer', 'showAction', 'hideAction', 'overlayClassName', 'overlayStyle', 'trigger']);
|
||
|
|
|
||
|
|
var triggerHideAction = hideAction;
|
||
|
|
if (!triggerHideAction && trigger.indexOf('contextMenu') !== -1) {
|
||
|
|
triggerHideAction = ['click'];
|
||
|
|
}
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_rc_trigger__["default"],
|
||
|
|
_extends({}, otherProps, {
|
||
|
|
prefixCls: prefixCls,
|
||
|
|
ref: this.saveTrigger,
|
||
|
|
popupClassName: overlayClassName,
|
||
|
|
popupStyle: overlayStyle,
|
||
|
|
builtinPlacements: __WEBPACK_IMPORTED_MODULE_5__placements__["a" /* default */],
|
||
|
|
action: trigger,
|
||
|
|
showAction: showAction,
|
||
|
|
hideAction: triggerHideAction || [],
|
||
|
|
popupPlacement: placement,
|
||
|
|
popupAlign: align,
|
||
|
|
popupTransitionName: transitionName,
|
||
|
|
popupAnimation: animation,
|
||
|
|
popupVisible: this.state.visible,
|
||
|
|
afterPopupVisibleChange: this.afterVisibleChange,
|
||
|
|
popup: this.getMenuElementOrLambda(),
|
||
|
|
onPopupVisibleChange: this.onVisibleChange,
|
||
|
|
getPopupContainer: getPopupContainer
|
||
|
|
}),
|
||
|
|
this.renderChildren()
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
return Dropdown;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
Dropdown.propTypes = {
|
||
|
|
minOverlayWidthMatchTrigger: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
|
||
|
|
onVisibleChange: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
||
|
|
onOverlayClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
||
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
|
||
|
|
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.any,
|
||
|
|
transitionName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
|
||
|
|
overlayClassName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
|
||
|
|
openClassName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
|
||
|
|
animation: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.any,
|
||
|
|
align: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
|
||
|
|
overlayStyle: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
|
||
|
|
placement: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
|
||
|
|
overlay: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
|
||
|
|
trigger: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
|
||
|
|
alignPoint: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
|
||
|
|
showAction: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
|
||
|
|
hideAction: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,
|
||
|
|
getPopupContainer: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
||
|
|
visible: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
|
||
|
|
defaultVisible: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool
|
||
|
|
};
|
||
|
|
Dropdown.defaultProps = {
|
||
|
|
prefixCls: 'rc-dropdown',
|
||
|
|
trigger: ['hover'],
|
||
|
|
showAction: [],
|
||
|
|
overlayClassName: '',
|
||
|
|
overlayStyle: {},
|
||
|
|
defaultVisible: false,
|
||
|
|
onVisibleChange: function onVisibleChange() {},
|
||
|
|
|
||
|
|
placement: 'bottomLeft'
|
||
|
|
};
|
||
|
|
|
||
|
|
var _initialiseProps = function _initialiseProps() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
this.onClick = function (e) {
|
||
|
|
var props = _this2.props;
|
||
|
|
var overlayProps = _this2.getOverlayElement().props;
|
||
|
|
// do no call onVisibleChange, if you need click to hide, use onClick and control visible
|
||
|
|
if (!('visible' in props)) {
|
||
|
|
_this2.setState({
|
||
|
|
visible: false
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (props.onOverlayClick) {
|
||
|
|
props.onOverlayClick(e);
|
||
|
|
}
|
||
|
|
if (overlayProps.onClick) {
|
||
|
|
overlayProps.onClick(e);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.onVisibleChange = function (visible) {
|
||
|
|
var props = _this2.props;
|
||
|
|
if (!('visible' in props)) {
|
||
|
|
_this2.setState({
|
||
|
|
visible: visible
|
||
|
|
});
|
||
|
|
}
|
||
|
|
props.onVisibleChange(visible);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.getMinOverlayWidthMatchTrigger = function () {
|
||
|
|
var _props3 = _this2.props,
|
||
|
|
minOverlayWidthMatchTrigger = _props3.minOverlayWidthMatchTrigger,
|
||
|
|
alignPoint = _props3.alignPoint;
|
||
|
|
|
||
|
|
if ('minOverlayWidthMatchTrigger' in _this2.props) {
|
||
|
|
return minOverlayWidthMatchTrigger;
|
||
|
|
}
|
||
|
|
|
||
|
|
return !alignPoint;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.getMenuElement = function () {
|
||
|
|
var prefixCls = _this2.props.prefixCls;
|
||
|
|
|
||
|
|
var overlayElement = _this2.getOverlayElement();
|
||
|
|
var extraOverlayProps = {
|
||
|
|
prefixCls: prefixCls + '-menu',
|
||
|
|
onClick: _this2.onClick
|
||
|
|
};
|
||
|
|
if (typeof overlayElement.type === 'string') {
|
||
|
|
delete extraOverlayProps.prefixCls;
|
||
|
|
}
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.cloneElement(overlayElement, extraOverlayProps);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.afterVisibleChange = function (visible) {
|
||
|
|
if (visible && _this2.getMinOverlayWidthMatchTrigger()) {
|
||
|
|
var overlayNode = _this2.getPopupDomNode();
|
||
|
|
var rootNode = __WEBPACK_IMPORTED_MODULE_2_react_dom___default.a.findDOMNode(_this2);
|
||
|
|
if (rootNode && overlayNode && rootNode.offsetWidth > overlayNode.offsetWidth) {
|
||
|
|
overlayNode.style.minWidth = rootNode.offsetWidth + 'px';
|
||
|
|
if (_this2.trigger && _this2.trigger._component && _this2.trigger._component.alignInstance) {
|
||
|
|
_this2.trigger._component.alignInstance.forceAlign();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.saveTrigger = function (node) {
|
||
|
|
_this2.trigger = node;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
Object(__WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__["polyfill"])(Dropdown);
|
||
|
|
|
||
|
|
/* harmony default export */ __webpack_exports__["a"] = (Dropdown);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1091:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* unused harmony export placements */
|
||
|
|
var autoAdjustOverflow = {
|
||
|
|
adjustX: 1,
|
||
|
|
adjustY: 1
|
||
|
|
};
|
||
|
|
|
||
|
|
var targetOffset = [0, 0];
|
||
|
|
|
||
|
|
var placements = {
|
||
|
|
topLeft: {
|
||
|
|
points: ['bl', 'tl'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, -4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
},
|
||
|
|
topCenter: {
|
||
|
|
points: ['bc', 'tc'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, -4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
},
|
||
|
|
topRight: {
|
||
|
|
points: ['br', 'tr'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, -4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
},
|
||
|
|
bottomLeft: {
|
||
|
|
points: ['tl', 'bl'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, 4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
},
|
||
|
|
bottomCenter: {
|
||
|
|
points: ['tc', 'bc'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, 4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
},
|
||
|
|
bottomRight: {
|
||
|
|
points: ['tr', 'br'],
|
||
|
|
overflow: autoAdjustOverflow,
|
||
|
|
offset: [0, 4],
|
||
|
|
targetOffset: targetOffset
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/* harmony default export */ __webpack_exports__["a"] = (placements);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1106:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _button = _interopRequireDefault(__webpack_require__(74));
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(12);
|
||
|
|
|
||
|
|
var _dropdown = _interopRequireDefault(__webpack_require__(922));
|
||
|
|
|
||
|
|
var _icon = _interopRequireDefault(__webpack_require__(26));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
for (var p in s) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
var ButtonGroup = _button["default"].Group;
|
||
|
|
|
||
|
|
var DropdownButton =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(DropdownButton, _React$Component);
|
||
|
|
|
||
|
|
function DropdownButton() {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, DropdownButton);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(DropdownButton).apply(this, arguments));
|
||
|
|
|
||
|
|
_this.renderButton = function (_ref) {
|
||
|
|
var getContextPopupContainer = _ref.getPopupContainer,
|
||
|
|
getPrefixCls = _ref.getPrefixCls;
|
||
|
|
|
||
|
|
var _a = _this.props,
|
||
|
|
customizePrefixCls = _a.prefixCls,
|
||
|
|
type = _a.type,
|
||
|
|
disabled = _a.disabled,
|
||
|
|
onClick = _a.onClick,
|
||
|
|
htmlType = _a.htmlType,
|
||
|
|
children = _a.children,
|
||
|
|
className = _a.className,
|
||
|
|
overlay = _a.overlay,
|
||
|
|
trigger = _a.trigger,
|
||
|
|
align = _a.align,
|
||
|
|
visible = _a.visible,
|
||
|
|
onVisibleChange = _a.onVisibleChange,
|
||
|
|
placement = _a.placement,
|
||
|
|
getPopupContainer = _a.getPopupContainer,
|
||
|
|
href = _a.href,
|
||
|
|
_a$icon = _a.icon,
|
||
|
|
icon = _a$icon === void 0 ? React.createElement(_icon["default"], {
|
||
|
|
type: "ellipsis"
|
||
|
|
}) : _a$icon,
|
||
|
|
title = _a.title,
|
||
|
|
restProps = __rest(_a, ["prefixCls", "type", "disabled", "onClick", "htmlType", "children", "className", "overlay", "trigger", "align", "visible", "onVisibleChange", "placement", "getPopupContainer", "href", "icon", "title"]);
|
||
|
|
|
||
|
|
var prefixCls = getPrefixCls('dropdown-button', customizePrefixCls);
|
||
|
|
var dropdownProps = {
|
||
|
|
align: align,
|
||
|
|
overlay: overlay,
|
||
|
|
disabled: disabled,
|
||
|
|
trigger: disabled ? [] : trigger,
|
||
|
|
onVisibleChange: onVisibleChange,
|
||
|
|
placement: placement,
|
||
|
|
getPopupContainer: getPopupContainer || getContextPopupContainer
|
||
|
|
};
|
||
|
|
|
||
|
|
if ('visible' in _this.props) {
|
||
|
|
dropdownProps.visible = visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(ButtonGroup, _extends({}, restProps, {
|
||
|
|
className: (0, _classnames["default"])(prefixCls, className)
|
||
|
|
}), React.createElement(_button["default"], {
|
||
|
|
type: type,
|
||
|
|
disabled: disabled,
|
||
|
|
onClick: onClick,
|
||
|
|
htmlType: htmlType,
|
||
|
|
href: href,
|
||
|
|
title: title
|
||
|
|
}, children), React.createElement(_dropdown["default"], dropdownProps, React.createElement(_button["default"], {
|
||
|
|
type: type
|
||
|
|
}, icon)));
|
||
|
|
};
|
||
|
|
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(DropdownButton, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderButton);
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return DropdownButton;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
exports["default"] = DropdownButton;
|
||
|
|
DropdownButton.defaultProps = {
|
||
|
|
placement: 'bottomRight',
|
||
|
|
type: 'default'
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=dropdown-button.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1120:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
||
|
|
|
||
|
|
// load the styles
|
||
|
|
var content = __webpack_require__(1121);
|
||
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||
|
|
// Prepare cssTransformation
|
||
|
|
var transform;
|
||
|
|
|
||
|
|
var options = {"hmr":false}
|
||
|
|
options.transform = transform
|
||
|
|
// add the styles to the DOM
|
||
|
|
var update = __webpack_require__(313)(content, options);
|
||
|
|
if(content.locals) module.exports = content.locals;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1121:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
exports = module.exports = __webpack_require__(312)(true);
|
||
|
|
// imports
|
||
|
|
|
||
|
|
|
||
|
|
// module
|
||
|
|
exports.push([module.i, ".ant-menu{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;line-height:1.5;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";margin-bottom:0;padding-left:0;color:rgba(0,0,0,.65);line-height:0;list-style:none;background:#fff;outline:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-transition:background .3s,width .2s;-o-transition:background .3s,width .2s;transition:background .3s,width .2s;zoom:1}.ant-menu:after,.ant-menu:before{display:table;content:\"\"}.ant-menu:after{clear:both}.ant-menu ol,.ant-menu ul{margin:0;padding:0;list-style:none}.ant-menu-hidden{display:none}.ant-menu-item-group-title{padding:8px 16px;color:rgba(0,0,0,.45);font-size:14px;line-height:1.5;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-menu-submenu,.ant-menu-submenu-inline{-webkit-transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);-o-transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1);transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-selected{color:#1890ff}.ant-menu-item:active,.ant-menu-submenu-title:active{background:#e6f7ff}.ant-menu-submenu .ant-menu-sub{cursor:auto;-webkit-transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);-o-transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item>a{display:block;color:rgba(0,0,0,.65)}.ant-menu-item>a:hover{color:#1890ff}.ant-menu-item>a:before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;content:\"\"}.ant-menu-item>.ant-badge>a{color:rgba(0,0,0,.65)}.ant-menu-item>.ant-badge>a:hover{color:#1890ff}.ant-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:#e8e8e8}.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#1890ff}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected>a,.ant-menu-item-selected>a:hover{color:#1890ff}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#e6f7ff}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:1px solid #e8e8e8}.ant-menu-vertical-right{border-left:1px solid #e8e8e8}.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{min-width:160px;padding:0;border-right:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,.ant-menu-vertical.ant-menu-sub .ant-menu-item:after{border-right:0}.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.ant-menu-horizontal.ant-menu-sub{min-width:114px}.ant-menu-item,.ant-menu-submenu-titl
|
||
|
|
|
||
|
|
// exports
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3263:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
/* unused harmony export mapProps */
|
||
|
|
/* unused harmony export withProps */
|
||
|
|
/* unused harmony export withPropsOnChange */
|
||
|
|
/* unused harmony export withHandlers */
|
||
|
|
/* unused harmony export defaultProps */
|
||
|
|
/* unused harmony export renameProp */
|
||
|
|
/* unused harmony export renameProps */
|
||
|
|
/* unused harmony export flattenProp */
|
||
|
|
/* unused harmony export withState */
|
||
|
|
/* unused harmony export withStateHandlers */
|
||
|
|
/* unused harmony export withReducer */
|
||
|
|
/* unused harmony export branch */
|
||
|
|
/* unused harmony export renderComponent */
|
||
|
|
/* unused harmony export renderNothing */
|
||
|
|
/* unused harmony export shouldUpdate */
|
||
|
|
/* unused harmony export pure */
|
||
|
|
/* unused harmony export onlyUpdateForKeys */
|
||
|
|
/* unused harmony export onlyUpdateForPropTypes */
|
||
|
|
/* unused harmony export withContext */
|
||
|
|
/* unused harmony export getContext */
|
||
|
|
/* unused harmony export lifecycle */
|
||
|
|
/* unused harmony export toClass */
|
||
|
|
/* unused harmony export withRenderProps */
|
||
|
|
/* unused harmony export setStatic */
|
||
|
|
/* unused harmony export setPropTypes */
|
||
|
|
/* unused harmony export setDisplayName */
|
||
|
|
/* unused harmony export compose */
|
||
|
|
/* unused harmony export getDisplayName */
|
||
|
|
/* unused harmony export wrapDisplayName */
|
||
|
|
/* unused harmony export isClassComponent */
|
||
|
|
/* unused harmony export createSink */
|
||
|
|
/* unused harmony export componentFromProp */
|
||
|
|
/* unused harmony export nest */
|
||
|
|
/* unused harmony export hoistStatics */
|
||
|
|
/* unused harmony export componentFromStream */
|
||
|
|
/* unused harmony export componentFromStreamWithConfig */
|
||
|
|
/* unused harmony export mapPropsStream */
|
||
|
|
/* unused harmony export mapPropsStreamWithConfig */
|
||
|
|
/* unused harmony export createEventHandler */
|
||
|
|
/* unused harmony export createEventHandlerWithConfig */
|
||
|
|
/* unused harmony export setObservableConfig */
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(18);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual__ = __webpack_require__(367);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(11);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__ = __webpack_require__(7);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(75);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_babel_runtime_helpers_objectWithoutProperties__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys__ = __webpack_require__(3264);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_hoist_non_react_statics__ = __webpack_require__(3265);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_hoist_non_react_statics___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_hoist_non_react_statics__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_change_emitter__ = __webpack_require__(3266);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_change_emitter___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_change_emitter__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_symbol_observable__ = __webpack_require__(204);
|
||
|
|
/* unused harmony reexport shallowEqual */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var setStatic = function setStatic(key, value) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
/* eslint-disable no-param-reassign */
|
||
|
|
BaseComponent[key] = value;
|
||
|
|
/* eslint-enable no-param-reassign */
|
||
|
|
return BaseComponent;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var setDisplayName = function setDisplayName(displayName) {
|
||
|
|
return setStatic('displayName', displayName);
|
||
|
|
};
|
||
|
|
|
||
|
|
var getDisplayName = function getDisplayName(Component$$1) {
|
||
|
|
if (typeof Component$$1 === 'string') {
|
||
|
|
return Component$$1;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!Component$$1) {
|
||
|
|
return undefined;
|
||
|
|
}
|
||
|
|
|
||
|
|
return Component$$1.displayName || Component$$1.name || 'Component';
|
||
|
|
};
|
||
|
|
|
||
|
|
var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
|
||
|
|
return hocName + '(' + getDisplayName(BaseComponent) + ')';
|
||
|
|
};
|
||
|
|
|
||
|
|
var mapProps = function mapProps(propsMapper) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var MapProps = function MapProps(props) {
|
||
|
|
return factory(propsMapper(props));
|
||
|
|
};
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'mapProps'))(MapProps);
|
||
|
|
}
|
||
|
|
return MapProps;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var withProps = function withProps(input) {
|
||
|
|
var hoc = mapProps(function (props) {
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, props, typeof input === 'function' ? input(props) : input);
|
||
|
|
});
|
||
|
|
if (false) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withProps'))(hoc(BaseComponent));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return hoc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var pick = function pick(obj, keys) {
|
||
|
|
var result = {};
|
||
|
|
for (var i = 0; i < keys.length; i++) {
|
||
|
|
var key = keys[i];
|
||
|
|
if (obj.hasOwnProperty(key)) {
|
||
|
|
result[key] = obj[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
|
||
|
|
var withPropsOnChange = function withPropsOnChange(shouldMapOrKeys, propsMapper) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var shouldMap = typeof shouldMapOrKeys === 'function' ? shouldMapOrKeys : function (props, nextProps) {
|
||
|
|
return !__WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual___default()(pick(props, shouldMapOrKeys), pick(nextProps, shouldMapOrKeys));
|
||
|
|
};
|
||
|
|
|
||
|
|
var WithPropsOnChange = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithPropsOnChange, _Component);
|
||
|
|
|
||
|
|
function WithPropsOnChange() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithPropsOnChange);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
|
||
|
|
computedProps: propsMapper(_this.props),
|
||
|
|
prevProps: _this.props
|
||
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithPropsOnChange.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
|
||
|
|
if (shouldMap(prevState.prevProps, nextProps)) {
|
||
|
|
return {
|
||
|
|
computedProps: propsMapper(nextProps),
|
||
|
|
prevProps: nextProps
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
WithPropsOnChange.prototype.render = function render() {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, this.state.computedProps));
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithPropsOnChange;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
Object(__WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__["polyfill"])(WithPropsOnChange);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withPropsOnChange'))(WithPropsOnChange);
|
||
|
|
}
|
||
|
|
|
||
|
|
return WithPropsOnChange;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var mapValues = function mapValues(obj, func) {
|
||
|
|
var result = {};
|
||
|
|
/* eslint-disable no-restricted-syntax */
|
||
|
|
for (var key in obj) {
|
||
|
|
if (obj.hasOwnProperty(key)) {
|
||
|
|
result[key] = func(obj[key], key);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* eslint-enable no-restricted-syntax */
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
|
||
|
|
var withHandlers = function withHandlers(handlers) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var WithHandlers = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithHandlers, _Component);
|
||
|
|
|
||
|
|
function WithHandlers() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithHandlers);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _initialiseProps.call(_this), _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithHandlers.prototype.render = function render() {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, this.handlers));
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithHandlers;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
var _initialiseProps = function _initialiseProps() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
this.handlers = mapValues(typeof handlers === 'function' ? handlers(this.props) : handlers, function (createHandler) {
|
||
|
|
return function () {
|
||
|
|
var handler = createHandler(_this2.props);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
console.error(
|
||
|
|
// eslint-disable-line no-console
|
||
|
|
'withHandlers(): Expected a map of higher-order functions. ' + 'Refer to the docs for more info.');
|
||
|
|
}
|
||
|
|
|
||
|
|
return handler.apply(undefined, arguments);
|
||
|
|
};
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withHandlers'))(WithHandlers);
|
||
|
|
}
|
||
|
|
return WithHandlers;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var defaultProps = function defaultProps(props) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var DefaultProps = function DefaultProps(ownerProps) {
|
||
|
|
return factory(ownerProps);
|
||
|
|
};
|
||
|
|
DefaultProps.defaultProps = props;
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'defaultProps'))(DefaultProps);
|
||
|
|
}
|
||
|
|
return DefaultProps;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var omit = function omit(obj, keys) {
|
||
|
|
var rest = __WEBPACK_IMPORTED_MODULE_7_babel_runtime_helpers_objectWithoutProperties___default()(obj, []);
|
||
|
|
|
||
|
|
for (var i = 0; i < keys.length; i++) {
|
||
|
|
var key = keys[i];
|
||
|
|
if (rest.hasOwnProperty(key)) {
|
||
|
|
delete rest[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return rest;
|
||
|
|
};
|
||
|
|
|
||
|
|
var renameProp = function renameProp(oldName, newName) {
|
||
|
|
var hoc = mapProps(function (props) {
|
||
|
|
var _extends2;
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, omit(props, [oldName]), (_extends2 = {}, _extends2[newName] = props[oldName], _extends2));
|
||
|
|
});
|
||
|
|
if (false) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'renameProp'))(hoc(BaseComponent));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return hoc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var keys = __WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys___default.a;
|
||
|
|
|
||
|
|
|
||
|
|
var mapKeys = function mapKeys(obj, func) {
|
||
|
|
return keys(obj).reduce(function (result, key) {
|
||
|
|
var val = obj[key];
|
||
|
|
/* eslint-disable no-param-reassign */
|
||
|
|
result[func(val, key)] = val;
|
||
|
|
/* eslint-enable no-param-reassign */
|
||
|
|
return result;
|
||
|
|
}, {});
|
||
|
|
};
|
||
|
|
|
||
|
|
var renameProps = function renameProps(nameMap) {
|
||
|
|
var hoc = mapProps(function (props) {
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, omit(props, keys(nameMap)), mapKeys(pick(props, keys(nameMap)), function (_, oldName) {
|
||
|
|
return nameMap[oldName];
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
if (false) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'renameProps'))(hoc(BaseComponent));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return hoc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var flattenProp = function flattenProp(propName) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var FlattenProp = function FlattenProp(props) {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, props, props[propName]));
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'flattenProp'))(FlattenProp);
|
||
|
|
}
|
||
|
|
return FlattenProp;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var withState = function withState(stateName, stateUpdaterName, initialState) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var WithState = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithState, _Component);
|
||
|
|
|
||
|
|
function WithState() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithState);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
|
||
|
|
stateValue: typeof initialState === 'function' ? initialState(_this.props) : initialState
|
||
|
|
}, _this.updateStateValue = function (updateFn, callback) {
|
||
|
|
return _this.setState(function (_ref) {
|
||
|
|
var stateValue = _ref.stateValue;
|
||
|
|
return {
|
||
|
|
stateValue: typeof updateFn === 'function' ? updateFn(stateValue) : updateFn
|
||
|
|
};
|
||
|
|
}, callback);
|
||
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithState.prototype.render = function render() {
|
||
|
|
var _extends2;
|
||
|
|
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)));
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithState;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withState'))(WithState);
|
||
|
|
}
|
||
|
|
return WithState;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var withStateHandlers = function withStateHandlers(initialState, stateUpdaters) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var WithStateHandlers = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithStateHandlers, _Component);
|
||
|
|
|
||
|
|
function WithStateHandlers() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithStateHandlers);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _initialiseProps.call(_this), _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithStateHandlers.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
|
||
|
|
var propsChanged = nextProps !== this.props;
|
||
|
|
// the idea is to skip render if stateUpdater handler return undefined
|
||
|
|
// this allows to create no state update handlers with access to state and props
|
||
|
|
var stateChanged = !__WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual___default()(nextState, this.state);
|
||
|
|
return propsChanged || stateChanged;
|
||
|
|
};
|
||
|
|
|
||
|
|
WithStateHandlers.prototype.render = function render() {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, this.state, this.stateUpdaters));
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithStateHandlers;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
var _initialiseProps = function _initialiseProps() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
this.state = typeof initialState === 'function' ? initialState(this.props) : initialState;
|
||
|
|
this.stateUpdaters = mapValues(stateUpdaters, function (handler) {
|
||
|
|
return function (mayBeEvent) {
|
||
|
|
for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
||
|
|
args[_key2 - 1] = arguments[_key2];
|
||
|
|
}
|
||
|
|
|
||
|
|
// Having that functional form of setState can be called async
|
||
|
|
// we need to persist SyntheticEvent
|
||
|
|
if (mayBeEvent && typeof mayBeEvent.persist === 'function') {
|
||
|
|
mayBeEvent.persist();
|
||
|
|
}
|
||
|
|
|
||
|
|
_this2.setState(function (state, props) {
|
||
|
|
return handler(state, props).apply(undefined, [mayBeEvent].concat(args));
|
||
|
|
});
|
||
|
|
};
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withStateHandlers'))(WithStateHandlers);
|
||
|
|
}
|
||
|
|
return WithStateHandlers;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var noop = function noop() {};
|
||
|
|
|
||
|
|
var withReducer = function withReducer(stateName, dispatchName, reducer, initialState) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var WithReducer = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithReducer, _Component);
|
||
|
|
|
||
|
|
function WithReducer() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithReducer);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
|
||
|
|
stateValue: _this.initializeStateValue()
|
||
|
|
}, _this.dispatch = function (action) {
|
||
|
|
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
|
||
|
|
return _this.setState(function (_ref) {
|
||
|
|
var stateValue = _ref.stateValue;
|
||
|
|
return {
|
||
|
|
stateValue: reducer(stateValue, action)
|
||
|
|
};
|
||
|
|
}, function () {
|
||
|
|
return callback(_this.state.stateValue);
|
||
|
|
});
|
||
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithReducer.prototype.initializeStateValue = function initializeStateValue() {
|
||
|
|
if (initialState !== undefined) {
|
||
|
|
return typeof initialState === 'function' ? initialState(this.props) : initialState;
|
||
|
|
}
|
||
|
|
return reducer(undefined, { type: '@@recompose/INIT' });
|
||
|
|
};
|
||
|
|
|
||
|
|
WithReducer.prototype.render = function render() {
|
||
|
|
var _extends2;
|
||
|
|
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[dispatchName] = this.dispatch, _extends2)));
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithReducer;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withReducer'))(WithReducer);
|
||
|
|
}
|
||
|
|
return WithReducer;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var identity = function identity(Component$$1) {
|
||
|
|
return Component$$1;
|
||
|
|
};
|
||
|
|
|
||
|
|
var branch = function branch(test, left) {
|
||
|
|
var right = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : identity;
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var leftFactory = void 0;
|
||
|
|
var rightFactory = void 0;
|
||
|
|
var Branch = function Branch(props) {
|
||
|
|
if (test(props)) {
|
||
|
|
leftFactory = leftFactory || Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(left(BaseComponent));
|
||
|
|
return leftFactory(props);
|
||
|
|
}
|
||
|
|
rightFactory = rightFactory || Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(right(BaseComponent));
|
||
|
|
return rightFactory(props);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'branch'))(Branch);
|
||
|
|
}
|
||
|
|
return Branch;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var renderComponent = function renderComponent(Component$$1) {
|
||
|
|
return function (_) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(Component$$1);
|
||
|
|
var RenderComponent = function RenderComponent(props) {
|
||
|
|
return factory(props);
|
||
|
|
};
|
||
|
|
if (false) {
|
||
|
|
RenderComponent.displayName = wrapDisplayName(Component$$1, 'renderComponent');
|
||
|
|
}
|
||
|
|
return RenderComponent;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var Nothing = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Nothing, _Component);
|
||
|
|
|
||
|
|
function Nothing() {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, Nothing);
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
Nothing.prototype.render = function render() {
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
return Nothing;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
var renderNothing = function renderNothing(_) {
|
||
|
|
return Nothing;
|
||
|
|
};
|
||
|
|
|
||
|
|
var shouldUpdate = function shouldUpdate(test) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var ShouldUpdate = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(ShouldUpdate, _Component);
|
||
|
|
|
||
|
|
function ShouldUpdate() {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, ShouldUpdate);
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
ShouldUpdate.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
|
||
|
|
return test(this.props, nextProps);
|
||
|
|
};
|
||
|
|
|
||
|
|
ShouldUpdate.prototype.render = function render() {
|
||
|
|
return factory(this.props);
|
||
|
|
};
|
||
|
|
|
||
|
|
return ShouldUpdate;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
|
||
|
|
}
|
||
|
|
return ShouldUpdate;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var pure = function pure(BaseComponent) {
|
||
|
|
var hoc = shouldUpdate(function (props, nextProps) {
|
||
|
|
return !__WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual___default()(props, nextProps);
|
||
|
|
});
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'pure'))(hoc(BaseComponent));
|
||
|
|
}
|
||
|
|
|
||
|
|
return hoc(BaseComponent);
|
||
|
|
};
|
||
|
|
|
||
|
|
var onlyUpdateForKeys = function onlyUpdateForKeys(propKeys) {
|
||
|
|
var hoc = shouldUpdate(function (props, nextProps) {
|
||
|
|
return !__WEBPACK_IMPORTED_MODULE_2_fbjs_lib_shallowEqual___default()(pick(nextProps, propKeys), pick(props, propKeys));
|
||
|
|
});
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'onlyUpdateForKeys'))(hoc(BaseComponent));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return hoc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var onlyUpdateForPropTypes = function onlyUpdateForPropTypes(BaseComponent) {
|
||
|
|
var propTypes = BaseComponent.propTypes;
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
if (!propTypes) {
|
||
|
|
/* eslint-disable */
|
||
|
|
console.error('A component without any `propTypes` was passed to ' + '`onlyUpdateForPropTypes()`. Check the implementation of the ' + ('component with display name "' + getDisplayName(BaseComponent) + '".'));
|
||
|
|
/* eslint-enable */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var propKeys = __WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys___default()(propTypes || {});
|
||
|
|
var OnlyUpdateForPropTypes = onlyUpdateForKeys(propKeys)(BaseComponent);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'onlyUpdateForPropTypes'))(OnlyUpdateForPropTypes);
|
||
|
|
}
|
||
|
|
return OnlyUpdateForPropTypes;
|
||
|
|
};
|
||
|
|
|
||
|
|
var withContext = function withContext(childContextTypes, getChildContext) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
var WithContext = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(WithContext, _Component);
|
||
|
|
|
||
|
|
function WithContext() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, WithContext);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.getChildContext = function () {
|
||
|
|
return getChildContext(_this.props);
|
||
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
WithContext.prototype.render = function render() {
|
||
|
|
return factory(this.props);
|
||
|
|
};
|
||
|
|
|
||
|
|
return WithContext;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
WithContext.childContextTypes = childContextTypes;
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'withContext'))(WithContext);
|
||
|
|
}
|
||
|
|
return WithContext;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var getContext = function getContext(contextTypes) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var GetContext = function GetContext(ownerProps, context) {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, ownerProps, context));
|
||
|
|
};
|
||
|
|
|
||
|
|
GetContext.contextTypes = contextTypes;
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'getContext'))(GetContext);
|
||
|
|
}
|
||
|
|
return GetContext;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var lifecycle = function lifecycle(spec) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
console.error('lifecycle() does not support the render method; its behavior is to ' + 'pass all props and state to the base component.');
|
||
|
|
}
|
||
|
|
|
||
|
|
var Lifecycle = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Lifecycle, _Component);
|
||
|
|
|
||
|
|
function Lifecycle() {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, Lifecycle);
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
Lifecycle.prototype.render = function render() {
|
||
|
|
return factory(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props, this.state));
|
||
|
|
};
|
||
|
|
|
||
|
|
return Lifecycle;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_8_babel_runtime_core_js_object_keys___default()(spec).forEach(function (hook) {
|
||
|
|
return Lifecycle.prototype[hook] = spec[hook];
|
||
|
|
});
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'lifecycle'))(Lifecycle);
|
||
|
|
}
|
||
|
|
return Lifecycle;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var isClassComponent = function isClassComponent(Component$$1) {
|
||
|
|
return Boolean(Component$$1 && Component$$1.prototype && typeof Component$$1.prototype.render === 'function');
|
||
|
|
};
|
||
|
|
|
||
|
|
var toClass = function toClass(baseComponent) {
|
||
|
|
var _class, _temp;
|
||
|
|
|
||
|
|
return isClassComponent(baseComponent) ? baseComponent : (_temp = _class = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(ToClass, _Component);
|
||
|
|
|
||
|
|
function ToClass() {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, ToClass);
|
||
|
|
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
ToClass.prototype.render = function render() {
|
||
|
|
if (typeof baseComponent === 'string') {
|
||
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(baseComponent, this.props);
|
||
|
|
}
|
||
|
|
return baseComponent(this.props, this.context);
|
||
|
|
};
|
||
|
|
|
||
|
|
return ToClass;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]), _class.displayName = getDisplayName(baseComponent), _class.propTypes = baseComponent.propTypes, _class.contextTypes = baseComponent.contextTypes, _class.defaultProps = baseComponent.defaultProps, _temp);
|
||
|
|
};
|
||
|
|
|
||
|
|
function withRenderProps(hoc) {
|
||
|
|
var RenderPropsComponent = function RenderPropsComponent(props) {
|
||
|
|
return props.children(props);
|
||
|
|
};
|
||
|
|
return hoc(RenderPropsComponent);
|
||
|
|
}
|
||
|
|
|
||
|
|
var setPropTypes = function setPropTypes(propTypes) {
|
||
|
|
return setStatic('propTypes', propTypes);
|
||
|
|
};
|
||
|
|
|
||
|
|
var compose = function compose() {
|
||
|
|
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
funcs[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return funcs.reduce(function (a, b) {
|
||
|
|
return function () {
|
||
|
|
return a(b.apply(undefined, arguments));
|
||
|
|
};
|
||
|
|
}, function (arg) {
|
||
|
|
return arg;
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
var createSink = function createSink(callback) {
|
||
|
|
var Sink = function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Sink, _Component);
|
||
|
|
|
||
|
|
function Sink() {
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, Sink);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
Sink.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
|
||
|
|
callback(nextProps);
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
Sink.prototype.render = function render() {
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
return Sink;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
|
||
|
|
Object(__WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__["polyfill"])(Sink);
|
||
|
|
return Sink;
|
||
|
|
};
|
||
|
|
|
||
|
|
var componentFromProp = function componentFromProp(propName) {
|
||
|
|
var Component$$1 = function Component$$1(props) {
|
||
|
|
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(props[propName], omit(props, [propName]));
|
||
|
|
};
|
||
|
|
Component$$1.displayName = 'componentFromProp(' + propName + ')';
|
||
|
|
return Component$$1;
|
||
|
|
};
|
||
|
|
|
||
|
|
var nest = function nest() {
|
||
|
|
for (var _len = arguments.length, Components = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
Components[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
var factories = Components.map(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"]);
|
||
|
|
var Nest = function Nest(_ref) {
|
||
|
|
var children = _ref.children,
|
||
|
|
props = __WEBPACK_IMPORTED_MODULE_7_babel_runtime_helpers_objectWithoutProperties___default()(_ref, ['children']);
|
||
|
|
|
||
|
|
return factories.reduceRight(function (child, factory) {
|
||
|
|
return factory(props, child);
|
||
|
|
}, children);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
var displayNames = Components.map(getDisplayName);
|
||
|
|
Nest.displayName = 'nest(' + displayNames.join(', ') + ')';
|
||
|
|
}
|
||
|
|
|
||
|
|
return Nest;
|
||
|
|
};
|
||
|
|
|
||
|
|
var hoistStatics = function hoistStatics(higherOrderComponent, blacklist) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var NewComponent = higherOrderComponent(BaseComponent);
|
||
|
|
__WEBPACK_IMPORTED_MODULE_9_hoist_non_react_statics___default()(NewComponent, BaseComponent, blacklist);
|
||
|
|
return NewComponent;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var _config = {
|
||
|
|
fromESObservable: null,
|
||
|
|
toESObservable: null
|
||
|
|
};
|
||
|
|
|
||
|
|
var configureObservable = function configureObservable(c) {
|
||
|
|
_config = c;
|
||
|
|
};
|
||
|
|
|
||
|
|
var config = {
|
||
|
|
fromESObservable: function fromESObservable(observable) {
|
||
|
|
return typeof _config.fromESObservable === 'function' ? _config.fromESObservable(observable) : observable;
|
||
|
|
},
|
||
|
|
toESObservable: function toESObservable(stream) {
|
||
|
|
return typeof _config.toESObservable === 'function' ? _config.toESObservable(stream) : stream;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var componentFromStreamWithConfig = function componentFromStreamWithConfig(config$$1) {
|
||
|
|
return function (propsToVdom) {
|
||
|
|
return function (_Component) {
|
||
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(ComponentFromStream, _Component);
|
||
|
|
|
||
|
|
function ComponentFromStream() {
|
||
|
|
var _config$fromESObserva;
|
||
|
|
|
||
|
|
var _temp, _this, _ret;
|
||
|
|
|
||
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_classCallCheck___default()(this, ComponentFromStream);
|
||
|
|
|
||
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
|
args[_key] = arguments[_key];
|
||
|
|
}
|
||
|
|
|
||
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = { vdom: null }, _this.propsEmitter = Object(__WEBPACK_IMPORTED_MODULE_10_change_emitter__["createChangeEmitter"])(), _this.props$ = config$$1.fromESObservable((_config$fromESObserva = {
|
||
|
|
subscribe: function subscribe(observer) {
|
||
|
|
var unsubscribe = _this.propsEmitter.listen(function (props) {
|
||
|
|
if (props) {
|
||
|
|
observer.next(props);
|
||
|
|
} else {
|
||
|
|
observer.complete();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return { unsubscribe: unsubscribe };
|
||
|
|
}
|
||
|
|
}, _config$fromESObserva[__WEBPACK_IMPORTED_MODULE_11_symbol_observable__["default"]] = function () {
|
||
|
|
return this;
|
||
|
|
}, _config$fromESObserva)), _this.vdom$ = config$$1.toESObservable(propsToVdom(_this.props$)), _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Stream of props
|
||
|
|
|
||
|
|
|
||
|
|
// Stream of vdom
|
||
|
|
|
||
|
|
|
||
|
|
ComponentFromStream.prototype.componentWillMount = function componentWillMount() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
// Subscribe to child prop changes so we know when to re-render
|
||
|
|
this.subscription = this.vdom$.subscribe({
|
||
|
|
next: function next(vdom) {
|
||
|
|
_this2.setState({ vdom: vdom });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
this.propsEmitter.emit(this.props);
|
||
|
|
};
|
||
|
|
|
||
|
|
ComponentFromStream.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
||
|
|
// Receive new props from the owner
|
||
|
|
this.propsEmitter.emit(nextProps);
|
||
|
|
};
|
||
|
|
|
||
|
|
ComponentFromStream.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
|
||
|
|
return nextState.vdom !== this.state.vdom;
|
||
|
|
};
|
||
|
|
|
||
|
|
ComponentFromStream.prototype.componentWillUnmount = function componentWillUnmount() {
|
||
|
|
// Call without arguments to complete stream
|
||
|
|
this.propsEmitter.emit();
|
||
|
|
|
||
|
|
// Clean-up subscription before un-mounting
|
||
|
|
this.subscription.unsubscribe();
|
||
|
|
};
|
||
|
|
|
||
|
|
ComponentFromStream.prototype.render = function render() {
|
||
|
|
return this.state.vdom;
|
||
|
|
};
|
||
|
|
|
||
|
|
return ComponentFromStream;
|
||
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var componentFromStream = function componentFromStream(propsToVdom) {
|
||
|
|
return componentFromStreamWithConfig(config)(propsToVdom);
|
||
|
|
};
|
||
|
|
|
||
|
|
var identity$1 = function identity(t) {
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
var mapPropsStreamWithConfig = function mapPropsStreamWithConfig(config$$1) {
|
||
|
|
var componentFromStream$$1 = componentFromStreamWithConfig({
|
||
|
|
fromESObservable: identity$1,
|
||
|
|
toESObservable: identity$1
|
||
|
|
});
|
||
|
|
return function (transform) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
var factory = Object(__WEBPACK_IMPORTED_MODULE_0_react__["createFactory"])(BaseComponent);
|
||
|
|
var fromESObservable = config$$1.fromESObservable,
|
||
|
|
toESObservable = config$$1.toESObservable;
|
||
|
|
|
||
|
|
return componentFromStream$$1(function (props$) {
|
||
|
|
var _ref;
|
||
|
|
|
||
|
|
return _ref = {
|
||
|
|
subscribe: function subscribe(observer) {
|
||
|
|
var subscription = toESObservable(transform(fromESObservable(props$))).subscribe({
|
||
|
|
next: function next(childProps) {
|
||
|
|
return observer.next(factory(childProps));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
unsubscribe: function unsubscribe() {
|
||
|
|
return subscription.unsubscribe();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}, _ref[__WEBPACK_IMPORTED_MODULE_11_symbol_observable__["default"]] = function () {
|
||
|
|
return this;
|
||
|
|
}, _ref;
|
||
|
|
});
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var mapPropsStream = function mapPropsStream(transform) {
|
||
|
|
var hoc = mapPropsStreamWithConfig(config)(transform);
|
||
|
|
|
||
|
|
if (false) {
|
||
|
|
return function (BaseComponent) {
|
||
|
|
return setDisplayName(wrapDisplayName(BaseComponent, 'mapPropsStream'))(hoc(BaseComponent));
|
||
|
|
};
|
||
|
|
}
|
||
|
|
return hoc;
|
||
|
|
};
|
||
|
|
|
||
|
|
var createEventHandlerWithConfig = function createEventHandlerWithConfig(config$$1) {
|
||
|
|
return function () {
|
||
|
|
var _config$fromESObserva;
|
||
|
|
|
||
|
|
var emitter = Object(__WEBPACK_IMPORTED_MODULE_10_change_emitter__["createChangeEmitter"])();
|
||
|
|
var stream = config$$1.fromESObservable((_config$fromESObserva = {
|
||
|
|
subscribe: function subscribe(observer) {
|
||
|
|
var unsubscribe = emitter.listen(function (value) {
|
||
|
|
return observer.next(value);
|
||
|
|
});
|
||
|
|
return { unsubscribe: unsubscribe };
|
||
|
|
}
|
||
|
|
}, _config$fromESObserva[__WEBPACK_IMPORTED_MODULE_11_symbol_observable__["default"]] = function () {
|
||
|
|
return this;
|
||
|
|
}, _config$fromESObserva));
|
||
|
|
return {
|
||
|
|
handler: emitter.emit,
|
||
|
|
stream: stream
|
||
|
|
};
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var createEventHandler = createEventHandlerWithConfig(config);
|
||
|
|
|
||
|
|
// Higher-order component helpers
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3264:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = { "default": __webpack_require__(352), __esModule: true };
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3265:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Copyright 2015, Yahoo! Inc.
|
||
|
|
* Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
|
||
|
|
*/
|
||
|
|
var REACT_STATICS = {
|
||
|
|
childContextTypes: true,
|
||
|
|
contextTypes: true,
|
||
|
|
defaultProps: true,
|
||
|
|
displayName: true,
|
||
|
|
getDefaultProps: true,
|
||
|
|
getDerivedStateFromProps: true,
|
||
|
|
mixins: true,
|
||
|
|
propTypes: true,
|
||
|
|
type: true
|
||
|
|
};
|
||
|
|
|
||
|
|
var KNOWN_STATICS = {
|
||
|
|
name: true,
|
||
|
|
length: true,
|
||
|
|
prototype: true,
|
||
|
|
caller: true,
|
||
|
|
callee: true,
|
||
|
|
arguments: true,
|
||
|
|
arity: true
|
||
|
|
};
|
||
|
|
|
||
|
|
var defineProperty = Object.defineProperty;
|
||
|
|
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
||
|
|
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
||
|
|
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
||
|
|
var getPrototypeOf = Object.getPrototypeOf;
|
||
|
|
var objectPrototype = getPrototypeOf && getPrototypeOf(Object);
|
||
|
|
|
||
|
|
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
|
||
|
|
if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components
|
||
|
|
|
||
|
|
if (objectPrototype) {
|
||
|
|
var inheritedComponent = getPrototypeOf(sourceComponent);
|
||
|
|
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
||
|
|
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var keys = getOwnPropertyNames(sourceComponent);
|
||
|
|
|
||
|
|
if (getOwnPropertySymbols) {
|
||
|
|
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < keys.length; ++i) {
|
||
|
|
var key = keys[i];
|
||
|
|
if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
|
||
|
|
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
||
|
|
try { // Avoid failures from read-only properties
|
||
|
|
defineProperty(targetComponent, key, descriptor);
|
||
|
|
} catch (e) {}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return targetComponent;
|
||
|
|
}
|
||
|
|
|
||
|
|
return targetComponent;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = hoistNonReactStatics;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3266:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
var createChangeEmitter = exports.createChangeEmitter = function createChangeEmitter() {
|
||
|
|
var currentListeners = [];
|
||
|
|
var nextListeners = currentListeners;
|
||
|
|
|
||
|
|
function ensureCanMutateNextListeners() {
|
||
|
|
if (nextListeners === currentListeners) {
|
||
|
|
nextListeners = currentListeners.slice();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function listen(listener) {
|
||
|
|
if (typeof listener !== 'function') {
|
||
|
|
throw new Error('Expected listener to be a function.');
|
||
|
|
}
|
||
|
|
|
||
|
|
var isSubscribed = true;
|
||
|
|
|
||
|
|
ensureCanMutateNextListeners();
|
||
|
|
nextListeners.push(listener);
|
||
|
|
|
||
|
|
return function () {
|
||
|
|
if (!isSubscribed) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
isSubscribed = false;
|
||
|
|
|
||
|
|
ensureCanMutateNextListeners();
|
||
|
|
var index = nextListeners.indexOf(listener);
|
||
|
|
nextListeners.splice(index, 1);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function emit() {
|
||
|
|
currentListeners = nextListeners;
|
||
|
|
var listeners = currentListeners;
|
||
|
|
for (var i = 0; i < listeners.length; i++) {
|
||
|
|
listeners[i].apply(listeners, arguments);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
listen: listen,
|
||
|
|
emit: emit
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 4755:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_menu_style_css__ = __webpack_require__(989);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_menu_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_menu_style_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_menu__ = __webpack_require__(924);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_menu___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_menu__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_dropdown_style_css__ = __webpack_require__(985);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_dropdown_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_dropdown_style_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_dropdown__ = __webpack_require__(982);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_dropdown___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_dropdown__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css__ = __webpack_require__(169);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip__ = __webpack_require__(168);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_icon_style_css__ = __webpack_require__(176);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_icon_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_antd_lib_icon_style_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_icon__ = __webpack_require__(26);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_icon___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_antd_lib_icon__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_router_dom__ = __webpack_require__(44);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__list_css__ = __webpack_require__(2382);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__list_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10__list_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_recompose__ = __webpack_require__(3263);
|
||
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();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;}var CoderRootBranch=function(_Component){_inherits(CoderRootBranch,_Component);function CoderRootBranch(porps){_classCallCheck(this,CoderRootBranch);var _this=_possibleConstructorReturn(this,(CoderRootBranch.__proto__||Object.getPrototypeOf(CoderRootBranch)).call(this,porps));_this.state={data:undefined};return _this;}_createClass(CoderRootBranch,[{key:'render',value:function render(){var branchList=this.props.branchList;var list=function list(){if(branchList&&branchList.length>0){return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('ul',{className:'branchUl'},branchList.map(function(item,key){return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-blue font-15'},item.name),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'f-wrap-alignCenter'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9_react_router_dom__["b" /* Link */],{to:'',className:'mr5 color-blue hide-1',style:{"maxWidth":"100px"}},item.last_commit&&item.last_commit.id),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-grey-9 hide-1 messages leftPoint'},item.last_commit&&item.last_commit.message),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-grey-6 leftPoint'},'\u6700\u540E\u66F4\u65B0\u4E8E',item.last_commit&&item.last_commit.time_from_now))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9_react_router_dom__["b" /* Link */],{to:'',className:'mr20 operationBtn'},'\u521B\u5EFA\u5408\u5E76\u8BF7\u6C42'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_dropdown___default.a,{overlay:menu(item.zip_url,item.tar_url),trigger:['click'],placement:'bottomRight',className:'operationBtn'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('a',{className:'ant-dropdown-link'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip___default.a,{title:'\u4E0B\u8F7D\u5206\u652F'+item.name},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7_antd_lib_icon___default.a,{type:'cloud-download',className:'font-18'}))))));}));}};var menu=function menu(zip_url,tar_url){return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_menu___default.a,null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_menu___default.a.Item,nu
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 893:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _createReactContext = _interopRequireDefault(__webpack_require__(316));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
var MenuContext = (0, _createReactContext["default"])({
|
||
|
|
inlineCollapsed: false
|
||
|
|
});
|
||
|
|
var _default = MenuContext;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=MenuContext.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 908:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = exports.SiderContext = void 0;
|
||
|
|
|
||
|
|
var _createReactContext = _interopRequireDefault(__webpack_require__(316));
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _omit = _interopRequireDefault(__webpack_require__(43));
|
||
|
|
|
||
|
|
var _layout = __webpack_require__(997);
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(12);
|
||
|
|
|
||
|
|
var _icon = _interopRequireDefault(__webpack_require__(26));
|
||
|
|
|
||
|
|
var _isNumeric = _interopRequireDefault(__webpack_require__(998));
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(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 _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
for (var p in s) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
// matchMedia polyfill for
|
||
|
|
// https://github.com/WickyNilliams/enquire.js/issues/82
|
||
|
|
// TODO: Will be removed in antd 4.0 because we will no longer support ie9
|
||
|
|
if (typeof window !== 'undefined') {
|
||
|
|
var matchMediaPolyfill = function matchMediaPolyfill(mediaQuery) {
|
||
|
|
return {
|
||
|
|
media: mediaQuery,
|
||
|
|
matches: false,
|
||
|
|
addListener: function addListener() {},
|
||
|
|
removeListener: function removeListener() {}
|
||
|
|
};
|
||
|
|
}; // ref: https://github.com/ant-design/ant-design/issues/18774
|
||
|
|
|
||
|
|
|
||
|
|
if (!window.matchMedia) window.matchMedia = matchMediaPolyfill;
|
||
|
|
}
|
||
|
|
|
||
|
|
var dimensionMaxMap = {
|
||
|
|
xs: '479.98px',
|
||
|
|
sm: '575.98px',
|
||
|
|
md: '767.98px',
|
||
|
|
lg: '991.98px',
|
||
|
|
xl: '1199.98px',
|
||
|
|
xxl: '1599.98px'
|
||
|
|
};
|
||
|
|
var SiderContext = (0, _createReactContext["default"])({});
|
||
|
|
exports.SiderContext = SiderContext;
|
||
|
|
|
||
|
|
var generateId = function () {
|
||
|
|
var i = 0;
|
||
|
|
return function () {
|
||
|
|
var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
||
|
|
i += 1;
|
||
|
|
return "".concat(prefix).concat(i);
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
|
||
|
|
var InternalSider =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(InternalSider, _React$Component);
|
||
|
|
|
||
|
|
function InternalSider(props) {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, InternalSider);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(InternalSider).call(this, props));
|
||
|
|
|
||
|
|
_this.responsiveHandler = function (mql) {
|
||
|
|
_this.setState({
|
||
|
|
below: mql.matches
|
||
|
|
});
|
||
|
|
|
||
|
|
var onBreakpoint = _this.props.onBreakpoint;
|
||
|
|
|
||
|
|
if (onBreakpoint) {
|
||
|
|
onBreakpoint(mql.matches);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_this.state.collapsed !== mql.matches) {
|
||
|
|
_this.setCollapsed(mql.matches, 'responsive');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.setCollapsed = function (collapsed, type) {
|
||
|
|
if (!('collapsed' in _this.props)) {
|
||
|
|
_this.setState({
|
||
|
|
collapsed: collapsed
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var onCollapse = _this.props.onCollapse;
|
||
|
|
|
||
|
|
if (onCollapse) {
|
||
|
|
onCollapse(collapsed, type);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.toggle = function () {
|
||
|
|
var collapsed = !_this.state.collapsed;
|
||
|
|
|
||
|
|
_this.setCollapsed(collapsed, 'clickTrigger');
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.belowShowChange = function () {
|
||
|
|
_this.setState(function (_ref) {
|
||
|
|
var belowShow = _ref.belowShow;
|
||
|
|
return {
|
||
|
|
belowShow: !belowShow
|
||
|
|
};
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderSider = function (_ref2) {
|
||
|
|
var _classNames;
|
||
|
|
|
||
|
|
var getPrefixCls = _ref2.getPrefixCls;
|
||
|
|
|
||
|
|
var _a = _this.props,
|
||
|
|
customizePrefixCls = _a.prefixCls,
|
||
|
|
className = _a.className,
|
||
|
|
theme = _a.theme,
|
||
|
|
collapsible = _a.collapsible,
|
||
|
|
reverseArrow = _a.reverseArrow,
|
||
|
|
trigger = _a.trigger,
|
||
|
|
style = _a.style,
|
||
|
|
width = _a.width,
|
||
|
|
collapsedWidth = _a.collapsedWidth,
|
||
|
|
zeroWidthTriggerStyle = _a.zeroWidthTriggerStyle,
|
||
|
|
others = __rest(_a, ["prefixCls", "className", "theme", "collapsible", "reverseArrow", "trigger", "style", "width", "collapsedWidth", "zeroWidthTriggerStyle"]);
|
||
|
|
|
||
|
|
var prefixCls = getPrefixCls('layout-sider', customizePrefixCls);
|
||
|
|
var divProps = (0, _omit["default"])(others, ['collapsed', 'defaultCollapsed', 'onCollapse', 'breakpoint', 'onBreakpoint', 'siderHook', 'zeroWidthTriggerStyle']);
|
||
|
|
var rawWidth = _this.state.collapsed ? collapsedWidth : width; // use "px" as fallback unit for width
|
||
|
|
|
||
|
|
var siderWidth = (0, _isNumeric["default"])(rawWidth) ? "".concat(rawWidth, "px") : String(rawWidth); // special trigger when collapsedWidth == 0
|
||
|
|
|
||
|
|
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? React.createElement("span", {
|
||
|
|
onClick: _this.toggle,
|
||
|
|
className: "".concat(prefixCls, "-zero-width-trigger ").concat(prefixCls, "-zero-width-trigger-").concat(reverseArrow ? 'right' : 'left'),
|
||
|
|
style: zeroWidthTriggerStyle
|
||
|
|
}, React.createElement(_icon["default"], {
|
||
|
|
type: "bars"
|
||
|
|
})) : null;
|
||
|
|
var iconObj = {
|
||
|
|
expanded: reverseArrow ? React.createElement(_icon["default"], {
|
||
|
|
type: "right"
|
||
|
|
}) : React.createElement(_icon["default"], {
|
||
|
|
type: "left"
|
||
|
|
}),
|
||
|
|
collapsed: reverseArrow ? React.createElement(_icon["default"], {
|
||
|
|
type: "left"
|
||
|
|
}) : React.createElement(_icon["default"], {
|
||
|
|
type: "right"
|
||
|
|
})
|
||
|
|
};
|
||
|
|
var status = _this.state.collapsed ? 'collapsed' : 'expanded';
|
||
|
|
var defaultTrigger = iconObj[status];
|
||
|
|
var triggerDom = trigger !== null ? zeroWidthTrigger || React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-trigger"),
|
||
|
|
onClick: _this.toggle,
|
||
|
|
style: {
|
||
|
|
width: siderWidth
|
||
|
|
}
|
||
|
|
}, trigger || defaultTrigger) : null;
|
||
|
|
|
||
|
|
var divStyle = _extends(_extends({}, style), {
|
||
|
|
flex: "0 0 ".concat(siderWidth),
|
||
|
|
maxWidth: siderWidth,
|
||
|
|
minWidth: siderWidth,
|
||
|
|
width: siderWidth
|
||
|
|
});
|
||
|
|
|
||
|
|
var siderCls = (0, _classnames["default"])(className, prefixCls, "".concat(prefixCls, "-").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-collapsed"), !!_this.state.collapsed), _defineProperty(_classNames, "".concat(prefixCls, "-has-trigger"), collapsible && trigger !== null && !zeroWidthTrigger), _defineProperty(_classNames, "".concat(prefixCls, "-below"), !!_this.state.below), _defineProperty(_classNames, "".concat(prefixCls, "-zero-width"), parseFloat(siderWidth) === 0), _classNames));
|
||
|
|
return React.createElement("aside", _extends({
|
||
|
|
className: siderCls
|
||
|
|
}, divProps, {
|
||
|
|
style: divStyle
|
||
|
|
}), React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-children")
|
||
|
|
}, _this.props.children), collapsible || _this.state.below && zeroWidthTrigger ? triggerDom : null);
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.uniqueId = generateId('ant-sider-');
|
||
|
|
var matchMedia;
|
||
|
|
|
||
|
|
if (typeof window !== 'undefined') {
|
||
|
|
matchMedia = window.matchMedia;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (matchMedia && props.breakpoint && props.breakpoint in dimensionMaxMap) {
|
||
|
|
_this.mql = matchMedia("(max-width: ".concat(dimensionMaxMap[props.breakpoint], ")"));
|
||
|
|
}
|
||
|
|
|
||
|
|
var collapsed;
|
||
|
|
|
||
|
|
if ('collapsed' in props) {
|
||
|
|
collapsed = props.collapsed;
|
||
|
|
} else {
|
||
|
|
collapsed = props.defaultCollapsed;
|
||
|
|
}
|
||
|
|
|
||
|
|
_this.state = {
|
||
|
|
collapsed: collapsed,
|
||
|
|
below: false
|
||
|
|
};
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(InternalSider, [{
|
||
|
|
key: "componentDidMount",
|
||
|
|
value: function componentDidMount() {
|
||
|
|
if (this.mql) {
|
||
|
|
this.mql.addListener(this.responsiveHandler);
|
||
|
|
this.responsiveHandler(this.mql);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.props.siderHook) {
|
||
|
|
this.props.siderHook.addSider(this.uniqueId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "componentWillUnmount",
|
||
|
|
value: function componentWillUnmount() {
|
||
|
|
if (this.mql) {
|
||
|
|
this.mql.removeListener(this.responsiveHandler);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.props.siderHook) {
|
||
|
|
this.props.siderHook.removeSider(this.uniqueId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
var collapsed = this.state.collapsed;
|
||
|
|
var collapsedWidth = this.props.collapsedWidth;
|
||
|
|
return React.createElement(SiderContext.Provider, {
|
||
|
|
value: {
|
||
|
|
siderCollapsed: collapsed,
|
||
|
|
collapsedWidth: collapsedWidth
|
||
|
|
}
|
||
|
|
}, React.createElement(_configProvider.ConfigConsumer, null, this.renderSider));
|
||
|
|
}
|
||
|
|
}], [{
|
||
|
|
key: "getDerivedStateFromProps",
|
||
|
|
value: function getDerivedStateFromProps(nextProps) {
|
||
|
|
if ('collapsed' in nextProps) {
|
||
|
|
return {
|
||
|
|
collapsed: nextProps.collapsed
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return InternalSider;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
InternalSider.defaultProps = {
|
||
|
|
collapsible: false,
|
||
|
|
defaultCollapsed: false,
|
||
|
|
reverseArrow: false,
|
||
|
|
width: 200,
|
||
|
|
collapsedWidth: 80,
|
||
|
|
style: {},
|
||
|
|
theme: 'dark'
|
||
|
|
};
|
||
|
|
(0, _reactLifecyclesCompat.polyfill)(InternalSider); // eslint-disable-next-line react/prefer-stateless-function
|
||
|
|
|
||
|
|
var Sider =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component2) {
|
||
|
|
_inherits(Sider, _React$Component2);
|
||
|
|
|
||
|
|
function Sider() {
|
||
|
|
_classCallCheck(this, Sider);
|
||
|
|
|
||
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(Sider).apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(Sider, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
return React.createElement(_layout.LayoutContext.Consumer, null, function (context) {
|
||
|
|
return React.createElement(InternalSider, _extends({}, context, _this2.props));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return Sider;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
exports["default"] = Sider;
|
||
|
|
//# sourceMappingURL=Sider.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 922:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _rcDropdown = _interopRequireDefault(__webpack_require__(1089));
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(12);
|
||
|
|
|
||
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
||
|
|
|
||
|
|
var _icon = _interopRequireDefault(__webpack_require__(26));
|
||
|
|
|
||
|
|
var _type = __webpack_require__(70);
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var Placements = (0, _type.tuple)('topLeft', 'topCenter', 'topRight', 'bottomLeft', 'bottomCenter', 'bottomRight');
|
||
|
|
|
||
|
|
var Dropdown =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(Dropdown, _React$Component);
|
||
|
|
|
||
|
|
function Dropdown() {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, Dropdown);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Dropdown).apply(this, arguments));
|
||
|
|
|
||
|
|
_this.renderOverlay = function (prefixCls) {
|
||
|
|
// rc-dropdown already can process the function of overlay, but we have check logic here.
|
||
|
|
// So we need render the element to check and pass back to rc-dropdown.
|
||
|
|
var overlay = _this.props.overlay;
|
||
|
|
var overlayNode;
|
||
|
|
|
||
|
|
if (typeof overlay === 'function') {
|
||
|
|
overlayNode = overlay();
|
||
|
|
} else {
|
||
|
|
overlayNode = overlay;
|
||
|
|
}
|
||
|
|
|
||
|
|
overlayNode = React.Children.only(overlayNode);
|
||
|
|
var overlayProps = overlayNode.props; // Warning if use other mode
|
||
|
|
|
||
|
|
(0, _warning["default"])(!overlayProps.mode || overlayProps.mode === 'vertical', 'Dropdown', "mode=\"".concat(overlayProps.mode, "\" is not supported for Dropdown's Menu.")); // menu cannot be selectable in dropdown defaultly
|
||
|
|
// menu should be focusable in dropdown defaultly
|
||
|
|
|
||
|
|
var _overlayProps$selecta = overlayProps.selectable,
|
||
|
|
selectable = _overlayProps$selecta === void 0 ? false : _overlayProps$selecta,
|
||
|
|
_overlayProps$focusab = overlayProps.focusable,
|
||
|
|
focusable = _overlayProps$focusab === void 0 ? true : _overlayProps$focusab;
|
||
|
|
var expandIcon = React.createElement("span", {
|
||
|
|
className: "".concat(prefixCls, "-menu-submenu-arrow")
|
||
|
|
}, React.createElement(_icon["default"], {
|
||
|
|
type: "right",
|
||
|
|
className: "".concat(prefixCls, "-menu-submenu-arrow-icon")
|
||
|
|
}));
|
||
|
|
var fixedModeOverlay = typeof overlayNode.type === 'string' ? overlay : React.cloneElement(overlayNode, {
|
||
|
|
mode: 'vertical',
|
||
|
|
selectable: selectable,
|
||
|
|
focusable: focusable,
|
||
|
|
expandIcon: expandIcon
|
||
|
|
});
|
||
|
|
return fixedModeOverlay;
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderDropDown = function (_ref) {
|
||
|
|
var getContextPopupContainer = _ref.getPopupContainer,
|
||
|
|
getPrefixCls = _ref.getPrefixCls;
|
||
|
|
var _this$props = _this.props,
|
||
|
|
customizePrefixCls = _this$props.prefixCls,
|
||
|
|
children = _this$props.children,
|
||
|
|
trigger = _this$props.trigger,
|
||
|
|
disabled = _this$props.disabled,
|
||
|
|
getPopupContainer = _this$props.getPopupContainer;
|
||
|
|
var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
|
||
|
|
var child = React.Children.only(children);
|
||
|
|
var dropdownTrigger = React.cloneElement(child, {
|
||
|
|
className: (0, _classnames["default"])(child.props.className, "".concat(prefixCls, "-trigger")),
|
||
|
|
disabled: disabled
|
||
|
|
});
|
||
|
|
var triggerActions = disabled ? [] : trigger;
|
||
|
|
var alignPoint;
|
||
|
|
|
||
|
|
if (triggerActions && triggerActions.indexOf('contextMenu') !== -1) {
|
||
|
|
alignPoint = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(_rcDropdown["default"], _extends({
|
||
|
|
alignPoint: alignPoint
|
||
|
|
}, _this.props, {
|
||
|
|
prefixCls: prefixCls,
|
||
|
|
getPopupContainer: getPopupContainer || getContextPopupContainer,
|
||
|
|
transitionName: _this.getTransitionName(),
|
||
|
|
trigger: triggerActions,
|
||
|
|
overlay: function overlay() {
|
||
|
|
return _this.renderOverlay(prefixCls);
|
||
|
|
}
|
||
|
|
}), dropdownTrigger);
|
||
|
|
};
|
||
|
|
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(Dropdown, [{
|
||
|
|
key: "getTransitionName",
|
||
|
|
value: function getTransitionName() {
|
||
|
|
var _this$props2 = this.props,
|
||
|
|
_this$props2$placemen = _this$props2.placement,
|
||
|
|
placement = _this$props2$placemen === void 0 ? '' : _this$props2$placemen,
|
||
|
|
transitionName = _this$props2.transitionName;
|
||
|
|
|
||
|
|
if (transitionName !== undefined) {
|
||
|
|
return transitionName;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (placement.indexOf('top') >= 0) {
|
||
|
|
return 'slide-down';
|
||
|
|
}
|
||
|
|
|
||
|
|
return 'slide-up';
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderDropDown);
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return Dropdown;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
exports["default"] = Dropdown;
|
||
|
|
Dropdown.defaultProps = {
|
||
|
|
mouseEnterDelay: 0.15,
|
||
|
|
mouseLeaveDelay: 0.1,
|
||
|
|
placement: 'bottomLeft'
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=dropdown.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 924:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _rcMenu = _interopRequireWildcard(__webpack_require__(172));
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _omit = _interopRequireDefault(__webpack_require__(43));
|
||
|
|
|
||
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
||
|
|
|
||
|
|
var _SubMenu = _interopRequireDefault(__webpack_require__(1002));
|
||
|
|
|
||
|
|
var _MenuItem = _interopRequireDefault(__webpack_require__(1003));
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(12);
|
||
|
|
|
||
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
||
|
|
|
||
|
|
var _Sider = __webpack_require__(908);
|
||
|
|
|
||
|
|
var _raf = _interopRequireDefault(__webpack_require__(182));
|
||
|
|
|
||
|
|
var _motion = _interopRequireDefault(__webpack_require__(988));
|
||
|
|
|
||
|
|
var _MenuContext = _interopRequireDefault(__webpack_require__(893));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var InternalMenu =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(InternalMenu, _React$Component);
|
||
|
|
|
||
|
|
function InternalMenu(props) {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, InternalMenu);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(InternalMenu).call(this, props)); // Restore vertical mode when menu is collapsed responsively when mounted
|
||
|
|
// https://github.com/ant-design/ant-design/issues/13104
|
||
|
|
// TODO: not a perfect solution, looking a new way to avoid setting switchingModeFromInline in this situation
|
||
|
|
|
||
|
|
_this.handleMouseEnter = function (e) {
|
||
|
|
_this.restoreModeVerticalFromInline();
|
||
|
|
|
||
|
|
var onMouseEnter = _this.props.onMouseEnter;
|
||
|
|
|
||
|
|
if (onMouseEnter) {
|
||
|
|
onMouseEnter(e);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.handleTransitionEnd = function (e) {
|
||
|
|
// when inlineCollapsed menu width animation finished
|
||
|
|
// https://github.com/ant-design/ant-design/issues/12864
|
||
|
|
var widthCollapsed = e.propertyName === 'width' && e.target === e.currentTarget; // Fix SVGElement e.target.className.indexOf is not a function
|
||
|
|
// https://github.com/ant-design/ant-design/issues/15699
|
||
|
|
|
||
|
|
var className = e.target.className; // SVGAnimatedString.animVal should be identical to SVGAnimatedString.baseVal, unless during an animation.
|
||
|
|
|
||
|
|
var classNameValue = Object.prototype.toString.call(className) === '[object SVGAnimatedString]' ? className.animVal : className; // Fix for <Menu style={{ width: '100%' }} />, the width transition won't trigger when menu is collapsed
|
||
|
|
// https://github.com/ant-design/ant-design-pro/issues/2783
|
||
|
|
|
||
|
|
var iconScaled = e.propertyName === 'font-size' && classNameValue.indexOf('anticon') >= 0;
|
||
|
|
|
||
|
|
if (widthCollapsed || iconScaled) {
|
||
|
|
_this.restoreModeVerticalFromInline();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.handleClick = function (e) {
|
||
|
|
_this.handleOpenChange([]);
|
||
|
|
|
||
|
|
var onClick = _this.props.onClick;
|
||
|
|
|
||
|
|
if (onClick) {
|
||
|
|
onClick(e);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.handleOpenChange = function (openKeys) {
|
||
|
|
_this.setOpenKeys(openKeys);
|
||
|
|
|
||
|
|
var onOpenChange = _this.props.onOpenChange;
|
||
|
|
|
||
|
|
if (onOpenChange) {
|
||
|
|
onOpenChange(openKeys);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderMenu = function (_ref) {
|
||
|
|
var getPopupContainer = _ref.getPopupContainer,
|
||
|
|
getPrefixCls = _ref.getPrefixCls;
|
||
|
|
var _this$props = _this.props,
|
||
|
|
customizePrefixCls = _this$props.prefixCls,
|
||
|
|
className = _this$props.className,
|
||
|
|
theme = _this$props.theme,
|
||
|
|
collapsedWidth = _this$props.collapsedWidth;
|
||
|
|
var passProps = (0, _omit["default"])(_this.props, ['collapsedWidth', 'siderCollapsed']);
|
||
|
|
|
||
|
|
var menuMode = _this.getRealMenuMode();
|
||
|
|
|
||
|
|
var menuOpenMotion = _this.getOpenMotionProps(menuMode);
|
||
|
|
|
||
|
|
var prefixCls = getPrefixCls('menu', customizePrefixCls);
|
||
|
|
var menuClassName = (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme), _defineProperty({}, "".concat(prefixCls, "-inline-collapsed"), _this.getInlineCollapsed()));
|
||
|
|
|
||
|
|
var menuProps = _extends({
|
||
|
|
openKeys: _this.state.openKeys,
|
||
|
|
onOpenChange: _this.handleOpenChange,
|
||
|
|
className: menuClassName,
|
||
|
|
mode: menuMode
|
||
|
|
}, menuOpenMotion);
|
||
|
|
|
||
|
|
if (menuMode !== 'inline') {
|
||
|
|
// closing vertical popup submenu after click it
|
||
|
|
menuProps.onClick = _this.handleClick;
|
||
|
|
} // https://github.com/ant-design/ant-design/issues/8587
|
||
|
|
|
||
|
|
|
||
|
|
var hideMenu = _this.getInlineCollapsed() && (collapsedWidth === 0 || collapsedWidth === '0' || collapsedWidth === '0px');
|
||
|
|
|
||
|
|
if (hideMenu) {
|
||
|
|
menuProps.openKeys = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
return React.createElement(_rcMenu["default"], _extends({
|
||
|
|
getPopupContainer: getPopupContainer
|
||
|
|
}, passProps, menuProps, {
|
||
|
|
prefixCls: prefixCls,
|
||
|
|
onTransitionEnd: _this.handleTransitionEnd,
|
||
|
|
onMouseEnter: _this.handleMouseEnter
|
||
|
|
}));
|
||
|
|
};
|
||
|
|
|
||
|
|
(0, _warning["default"])(!('onOpen' in props || 'onClose' in props), 'Menu', '`onOpen` and `onClose` are removed, please use `onOpenChange` instead, ' + 'see: https://u.ant.design/menu-on-open-change.');
|
||
|
|
(0, _warning["default"])(!('inlineCollapsed' in props && props.mode !== 'inline'), 'Menu', '`inlineCollapsed` should only be used when `mode` is inline.');
|
||
|
|
(0, _warning["default"])(!(props.siderCollapsed !== undefined && 'inlineCollapsed' in props), 'Menu', '`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.');
|
||
|
|
var openKeys;
|
||
|
|
|
||
|
|
if ('openKeys' in props) {
|
||
|
|
openKeys = props.openKeys;
|
||
|
|
} else if ('defaultOpenKeys' in props) {
|
||
|
|
openKeys = props.defaultOpenKeys;
|
||
|
|
}
|
||
|
|
|
||
|
|
_this.state = {
|
||
|
|
openKeys: openKeys || [],
|
||
|
|
switchingModeFromInline: false,
|
||
|
|
inlineOpenKeys: [],
|
||
|
|
prevProps: props
|
||
|
|
};
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(InternalMenu, [{
|
||
|
|
key: "componentWillUnmount",
|
||
|
|
value: function componentWillUnmount() {
|
||
|
|
_raf["default"].cancel(this.mountRafId);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "setOpenKeys",
|
||
|
|
value: function setOpenKeys(openKeys) {
|
||
|
|
if (!('openKeys' in this.props)) {
|
||
|
|
this.setState({
|
||
|
|
openKeys: openKeys
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getRealMenuMode",
|
||
|
|
value: function getRealMenuMode() {
|
||
|
|
var inlineCollapsed = this.getInlineCollapsed();
|
||
|
|
|
||
|
|
if (this.state.switchingModeFromInline && inlineCollapsed) {
|
||
|
|
return 'inline';
|
||
|
|
}
|
||
|
|
|
||
|
|
var mode = this.props.mode;
|
||
|
|
return inlineCollapsed ? 'vertical' : mode;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getInlineCollapsed",
|
||
|
|
value: function getInlineCollapsed() {
|
||
|
|
var inlineCollapsed = this.props.inlineCollapsed;
|
||
|
|
|
||
|
|
if (this.props.siderCollapsed !== undefined) {
|
||
|
|
return this.props.siderCollapsed;
|
||
|
|
}
|
||
|
|
|
||
|
|
return inlineCollapsed;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "getOpenMotionProps",
|
||
|
|
value: function getOpenMotionProps(menuMode) {
|
||
|
|
var _this$props2 = this.props,
|
||
|
|
openTransitionName = _this$props2.openTransitionName,
|
||
|
|
openAnimation = _this$props2.openAnimation,
|
||
|
|
motion = _this$props2.motion; // Provides by user
|
||
|
|
|
||
|
|
if (motion) {
|
||
|
|
return {
|
||
|
|
motion: motion
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
if (openAnimation) {
|
||
|
|
(0, _warning["default"])(typeof openAnimation === 'string', 'Menu', '`openAnimation` do not support object. Please use `motion` instead.');
|
||
|
|
return {
|
||
|
|
openAnimation: openAnimation
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
if (openTransitionName) {
|
||
|
|
return {
|
||
|
|
openTransitionName: openTransitionName
|
||
|
|
};
|
||
|
|
} // Default logic
|
||
|
|
|
||
|
|
|
||
|
|
if (menuMode === 'horizontal') {
|
||
|
|
return {
|
||
|
|
motion: {
|
||
|
|
motionName: 'slide-up'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
if (menuMode === 'inline') {
|
||
|
|
return {
|
||
|
|
motion: _motion["default"]
|
||
|
|
};
|
||
|
|
} // When mode switch from inline
|
||
|
|
// submenu should hide without animation
|
||
|
|
|
||
|
|
|
||
|
|
return {
|
||
|
|
motion: {
|
||
|
|
motionName: this.state.switchingModeFromInline ? '' : 'zoom-big'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "restoreModeVerticalFromInline",
|
||
|
|
value: function restoreModeVerticalFromInline() {
|
||
|
|
var switchingModeFromInline = this.state.switchingModeFromInline;
|
||
|
|
|
||
|
|
if (switchingModeFromInline) {
|
||
|
|
this.setState({
|
||
|
|
switchingModeFromInline: false
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_MenuContext["default"].Provider, {
|
||
|
|
value: {
|
||
|
|
inlineCollapsed: this.getInlineCollapsed() || false,
|
||
|
|
antdMenuTheme: this.props.theme
|
||
|
|
}
|
||
|
|
}, React.createElement(_configProvider.ConfigConsumer, null, this.renderMenu));
|
||
|
|
}
|
||
|
|
}], [{
|
||
|
|
key: "getDerivedStateFromProps",
|
||
|
|
value: function getDerivedStateFromProps(nextProps, prevState) {
|
||
|
|
var prevProps = prevState.prevProps;
|
||
|
|
var newState = {
|
||
|
|
prevProps: nextProps
|
||
|
|
};
|
||
|
|
|
||
|
|
if (prevProps.mode === 'inline' && nextProps.mode !== 'inline') {
|
||
|
|
newState.switchingModeFromInline = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ('openKeys' in nextProps) {
|
||
|
|
newState.openKeys = nextProps.openKeys;
|
||
|
|
} else {
|
||
|
|
// [Legacy] Old code will return after `openKeys` changed.
|
||
|
|
// Not sure the reason, we should keep this logic still.
|
||
|
|
if (nextProps.inlineCollapsed && !prevProps.inlineCollapsed || nextProps.siderCollapsed && !prevProps.siderCollapsed) {
|
||
|
|
newState.switchingModeFromInline = true;
|
||
|
|
newState.inlineOpenKeys = prevState.openKeys;
|
||
|
|
newState.openKeys = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!nextProps.inlineCollapsed && prevProps.inlineCollapsed || !nextProps.siderCollapsed && prevProps.siderCollapsed) {
|
||
|
|
newState.openKeys = prevState.inlineOpenKeys;
|
||
|
|
newState.inlineOpenKeys = [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return newState;
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return InternalMenu;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
InternalMenu.defaultProps = {
|
||
|
|
className: '',
|
||
|
|
theme: 'light',
|
||
|
|
focusable: false
|
||
|
|
};
|
||
|
|
(0, _reactLifecyclesCompat.polyfill)(InternalMenu); // We should keep this as ref-able
|
||
|
|
|
||
|
|
var Menu =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component2) {
|
||
|
|
_inherits(Menu, _React$Component2);
|
||
|
|
|
||
|
|
function Menu() {
|
||
|
|
_classCallCheck(this, Menu);
|
||
|
|
|
||
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(Menu).apply(this, arguments));
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(Menu, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
return React.createElement(_Sider.SiderContext.Consumer, null, function (context) {
|
||
|
|
return React.createElement(InternalMenu, _extends({}, _this2.props, context));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return Menu;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
exports["default"] = Menu;
|
||
|
|
Menu.Divider = _rcMenu.Divider;
|
||
|
|
Menu.Item = _MenuItem["default"];
|
||
|
|
Menu.SubMenu = _SubMenu["default"];
|
||
|
|
Menu.ItemGroup = _rcMenu.ItemGroup;
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 982:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _dropdown = _interopRequireDefault(__webpack_require__(922));
|
||
|
|
|
||
|
|
var _dropdownButton = _interopRequireDefault(__webpack_require__(1106));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
_dropdown["default"].Button = _dropdownButton["default"];
|
||
|
|
var _default = _dropdown["default"];
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 985:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
__webpack_require__(28);
|
||
|
|
|
||
|
|
__webpack_require__(1085);
|
||
|
|
|
||
|
|
__webpack_require__(87);
|
||
|
|
//# sourceMappingURL=css.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 988:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
// ================== Collapse Motion ==================
|
||
|
|
var getCollapsedHeight = function getCollapsedHeight() {
|
||
|
|
return {
|
||
|
|
height: 0,
|
||
|
|
opacity: 0
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var getRealHeight = function getRealHeight(node) {
|
||
|
|
return {
|
||
|
|
height: node.scrollHeight,
|
||
|
|
opacity: 1
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var getCurrentHeight = function getCurrentHeight(node) {
|
||
|
|
return {
|
||
|
|
height: node.offsetHeight
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
var collapseMotion = {
|
||
|
|
motionName: 'ant-motion-collapse',
|
||
|
|
onAppearStart: getCollapsedHeight,
|
||
|
|
onEnterStart: getCollapsedHeight,
|
||
|
|
onAppearActive: getRealHeight,
|
||
|
|
onEnterActive: getRealHeight,
|
||
|
|
onLeaveStart: getCurrentHeight,
|
||
|
|
onLeaveActive: getCollapsedHeight
|
||
|
|
};
|
||
|
|
var _default = collapseMotion;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=motion.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 989:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
__webpack_require__(28);
|
||
|
|
|
||
|
|
__webpack_require__(1120);
|
||
|
|
|
||
|
|
__webpack_require__(169);
|
||
|
|
//# sourceMappingURL=css.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 997:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = exports.LayoutContext = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
||
|
|
|
||
|
|
var _createReactContext = _interopRequireDefault(__webpack_require__(316));
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(12);
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
|
||
|
|
|
||
|
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
|
||
|
|
|
||
|
|
function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
|
||
|
|
|
||
|
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
|
||
|
|
|
||
|
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
for (var p in s) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
var LayoutContext = (0, _createReactContext["default"])({
|
||
|
|
siderHook: {
|
||
|
|
addSider: function addSider() {
|
||
|
|
return null;
|
||
|
|
},
|
||
|
|
removeSider: function removeSider() {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
exports.LayoutContext = LayoutContext;
|
||
|
|
|
||
|
|
function generator(_ref) {
|
||
|
|
var suffixCls = _ref.suffixCls,
|
||
|
|
tagName = _ref.tagName,
|
||
|
|
displayName = _ref.displayName;
|
||
|
|
return function (BasicComponent) {
|
||
|
|
var _a;
|
||
|
|
|
||
|
|
return _a =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(Adapter, _React$Component);
|
||
|
|
|
||
|
|
function Adapter() {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, Adapter);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Adapter).apply(this, arguments));
|
||
|
|
|
||
|
|
_this.renderComponent = function (_ref2) {
|
||
|
|
var getPrefixCls = _ref2.getPrefixCls;
|
||
|
|
var customizePrefixCls = _this.props.prefixCls;
|
||
|
|
var prefixCls = getPrefixCls(suffixCls, customizePrefixCls);
|
||
|
|
return React.createElement(BasicComponent, _extends({
|
||
|
|
prefixCls: prefixCls,
|
||
|
|
tagName: tagName
|
||
|
|
}, _this.props));
|
||
|
|
};
|
||
|
|
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(Adapter, [{
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderComponent);
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return Adapter;
|
||
|
|
}(React.Component), _a.displayName = displayName, _a;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
var Basic = function Basic(props) {
|
||
|
|
var prefixCls = props.prefixCls,
|
||
|
|
className = props.className,
|
||
|
|
children = props.children,
|
||
|
|
tagName = props.tagName,
|
||
|
|
others = __rest(props, ["prefixCls", "className", "children", "tagName"]);
|
||
|
|
|
||
|
|
var classString = (0, _classnames["default"])(className, prefixCls);
|
||
|
|
return React.createElement(tagName, _extends({
|
||
|
|
className: classString
|
||
|
|
}, others), children);
|
||
|
|
};
|
||
|
|
|
||
|
|
var BasicLayout =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component2) {
|
||
|
|
_inherits(BasicLayout, _React$Component2);
|
||
|
|
|
||
|
|
function BasicLayout() {
|
||
|
|
var _this2;
|
||
|
|
|
||
|
|
_classCallCheck(this, BasicLayout);
|
||
|
|
|
||
|
|
_this2 = _possibleConstructorReturn(this, _getPrototypeOf(BasicLayout).apply(this, arguments));
|
||
|
|
_this2.state = {
|
||
|
|
siders: []
|
||
|
|
};
|
||
|
|
return _this2;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(BasicLayout, [{
|
||
|
|
key: "getSiderHook",
|
||
|
|
value: function getSiderHook() {
|
||
|
|
var _this3 = this;
|
||
|
|
|
||
|
|
return {
|
||
|
|
addSider: function addSider(id) {
|
||
|
|
_this3.setState(function (state) {
|
||
|
|
return {
|
||
|
|
siders: [].concat(_toConsumableArray(state.siders), [id])
|
||
|
|
};
|
||
|
|
});
|
||
|
|
},
|
||
|
|
removeSider: function removeSider(id) {
|
||
|
|
_this3.setState(function (state) {
|
||
|
|
return {
|
||
|
|
siders: state.siders.filter(function (currentId) {
|
||
|
|
return currentId !== id;
|
||
|
|
})
|
||
|
|
};
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
var _a = this.props,
|
||
|
|
prefixCls = _a.prefixCls,
|
||
|
|
className = _a.className,
|
||
|
|
children = _a.children,
|
||
|
|
hasSider = _a.hasSider,
|
||
|
|
Tag = _a.tagName,
|
||
|
|
others = __rest(_a, ["prefixCls", "className", "children", "hasSider", "tagName"]);
|
||
|
|
|
||
|
|
var classString = (0, _classnames["default"])(className, prefixCls, _defineProperty({}, "".concat(prefixCls, "-has-sider"), typeof hasSider === 'boolean' ? hasSider : this.state.siders.length > 0));
|
||
|
|
return React.createElement(LayoutContext.Provider, {
|
||
|
|
value: {
|
||
|
|
siderHook: this.getSiderHook()
|
||
|
|
}
|
||
|
|
}, React.createElement(Tag, _extends({
|
||
|
|
className: classString
|
||
|
|
}, others), children));
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return BasicLayout;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
var Layout = generator({
|
||
|
|
suffixCls: 'layout',
|
||
|
|
tagName: 'section',
|
||
|
|
displayName: 'Layout'
|
||
|
|
})(BasicLayout);
|
||
|
|
var Header = generator({
|
||
|
|
suffixCls: 'layout-header',
|
||
|
|
tagName: 'header',
|
||
|
|
displayName: 'Header'
|
||
|
|
})(Basic);
|
||
|
|
var Footer = generator({
|
||
|
|
suffixCls: 'layout-footer',
|
||
|
|
tagName: 'footer',
|
||
|
|
displayName: 'Footer'
|
||
|
|
})(Basic);
|
||
|
|
var Content = generator({
|
||
|
|
suffixCls: 'layout-content',
|
||
|
|
tagName: 'main',
|
||
|
|
displayName: 'Content'
|
||
|
|
})(Basic);
|
||
|
|
Layout.Header = Header;
|
||
|
|
Layout.Footer = Footer;
|
||
|
|
Layout.Content = Content;
|
||
|
|
var _default = Layout;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=layout.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 998:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var isNumeric = function isNumeric(value) {
|
||
|
|
return !isNaN(parseFloat(value)) && isFinite(value);
|
||
|
|
};
|
||
|
|
|
||
|
|
var _default = isNumeric;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=isNumeric.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
});
|