hc-components-test
Version:
基于react的通用组件库
1,444 lines (1,193 loc) • 224 kB
JavaScript
module.exports =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 28);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
module.exports = require("react");
/***/ }),
/* 1 */
/***/ (function(module, exports) {
module.exports = require("prop-types");
/***/ }),
/* 2 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/icon");
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = locale;
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function locale(name, defaultLocale) {
return function (BaseComponent) {
BaseComponent.contextTypes = Object.assign(BaseComponent.contextTypes || {}, { antLocale: _propTypes2.default.object });
BaseComponent.prototype.getLocale = function (key) {
var locale = void 0;
if (this.context.locale) {
locale = this.context.locale;
} else {
locale = this.context.locale = Object.assign({}, defaultLocale, this.context && this.context.antLocale && this.context.antLocale[name], this.props && this.props.locale);
}
if (key) {
return locale[key];
} else {
return locale;
}
};
return BaseComponent;
};
}
module.exports = exports['default'];
/***/ }),
/* 4 */
/***/ (function(module, exports) {
module.exports = require("react-dom");
/***/ }),
/* 5 */
/***/ (function(module, exports) {
module.exports = require("react-router");
/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.NavLink = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _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; }; }();
var _dec, _class, _class2, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _menu = __webpack_require__(13);
var _menu2 = _interopRequireDefault(_menu);
var _button = __webpack_require__(7);
var _button2 = _interopRequireDefault(_button);
var _dropdown = __webpack_require__(21);
var _dropdown2 = _interopRequireDefault(_dropdown);
var _icon = __webpack_require__(2);
var _icon2 = _interopRequireDefault(_icon);
var _localeContext = __webpack_require__(3);
var _localeContext2 = _interopRequireDefault(_localeContext);
__webpack_require__(34);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var NavLink = exports.NavLink = (_dec = (0, _localeContext2.default)('NavLink', {
more: '更多'
}), _dec(_class = (_temp = _class2 = function (_React$PureComponent) {
_inherits(NavLink, _React$PureComponent);
function NavLink() {
_classCallCheck(this, NavLink);
return _possibleConstructorReturn(this, (NavLink.__proto__ || Object.getPrototypeOf(NavLink)).apply(this, arguments));
}
_createClass(NavLink, [{
key: 'setAction',
value: function setAction(key, flag) {
var item = void 0;
if (Object(key) === key) {
item = key;
} else {
item = this.props.links.find(function (item) {
return item.key === key;
}) || this.props.menus.find(function (item) {
return item.key === key;
});
}
if (item.propName) {
item[item.propName] = flag;
}
this.forceUpdate();
return item;
}
}, {
key: 'handleClick',
value: function handleClick(e) {
var _this2 = this;
var key = e.key;
var item = this.setAction(key, true);
var action = item.action || this.props.onClick;
var cancelCallback = function cancelCallback() {
_this2.setAction(item, false);
};
if (action) {
if (!action(e, this.props.data, cancelCallback)) {
cancelCallback();
}
} else {
cancelCallback();
}
}
}, {
key: 'render',
value: function render() {
var handleClick = this.handleClick.bind(this);
var _props = this.props,
links = _props.links,
menus = _props.menus,
data = _props.data;
var menu = _react2.default.createElement(
_menu2.default,
{ onClick: function onClick(e) {
return handleClick(e);
}, className: 'j-com-dropdown-link' },
menus.map(function (item, index) {
var propsByState = item.getProps ? item.getProps(data) : {};
return _react2.default.createElement(
_menu2.default.Item,
_extends({
key: item.key || index,
disabled: item.disabled,
loading: item.loading
}, propsByState),
_react2.default.createElement(
'a',
null,
item.render ? item.render() : item.name
)
);
})
);
return _react2.default.createElement(
'div',
{ className: 'j-com-nav-link' },
links.map(function (item, index) {
var propsByState = item.getProps ? item.getProps(data) : {};
return _react2.default.createElement(
_button2.default,
_extends({
size: item.size ? item.size : 'small',
type: item.type ? item.type : 'button',
className: item.type ? '' : 'ant-btn-link',
key: item.key || index,
disabled: item.disabled,
loading: item.loading,
onClick: function onClick() {
return handleClick(item);
}
}, propsByState),
item.href ? _react2.default.createElement(
'a',
{ href: item.href, target: item.target || '_blank' },
item.render ? item.render() : item.name
) : _react2.default.createElement(
'span',
null,
item.render ? item.render() : item.name
)
);
}),
menus.length ? this.props.menuLabel ? _react2.default.createElement(
_dropdown2.default.Button,
{ overlay: menu },
this.props.menuLabel
) : _react2.default.createElement(
_dropdown2.default,
{ overlay: menu },
_react2.default.createElement(
'a',
{ className: 'ant-dropdown-link ant-btn-link' },
this.getLocale().more,
_react2.default.createElement(_icon2.default, { type: 'down' })
)
) : null
);
}
}]);
return NavLink;
}(_react2.default.PureComponent), _class2.propTypes = {
links: _propTypes2.default.array,
menus: _propTypes2.default.array,
onClick: _propTypes2.default.func,
data: _propTypes2.default.any,
menuLabel: _propTypes2.default.any
}, _class2.defaultProps = {
links: [],
menus: []
}, _temp)) || _class);
/***/ }),
/* 7 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/button");
/***/ }),
/* 8 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/message");
/***/ }),
/* 9 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/layout");
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.BasicLayout = undefined;
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; }; }();
var _class, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _getComponent2 = __webpack_require__(11);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function loop(arrOrMap, callback) {
if (Array.isArray(arrOrMap)) {
arrOrMap.forEach(callback);
} else {
for (var key in arrOrMap) {
var item = { name: key };
if (typeof arrOrMap[key] === 'function') {
if (arrOrMap[key].prototype.isReactComponent) {
item.component = arrOrMap[key];
} else {
item.props = {
getProps: arrOrMap[key]
};
}
} else {
if (arrOrMap[key].component) {
Object.assign(item, {
component: arrOrMap[key].component,
props: arrOrMap[key].props
});
} else {
item.props = arrOrMap[key];
}
}
callback(item);
}
}
}
var BasicLayout = exports.BasicLayout = (_temp = _class = function (_React$PureComponent) {
_inherits(BasicLayout, _React$PureComponent);
function BasicLayout() {
_classCallCheck(this, BasicLayout);
return _possibleConstructorReturn(this, (BasicLayout.__proto__ || Object.getPrototypeOf(BasicLayout)).apply(this, arguments));
}
_createClass(BasicLayout, [{
key: 'getComponent',
value: function getComponent(name) {
return this.props.components[name] || _getComponent2.getComponent.emptyComponent;
}
}, {
key: 'hasComponent',
value: function hasComponent(name) {
return this.props.components[name] && this.props.components[name] !== _getComponent2.getComponent.emptyComponent;
}
}]);
return BasicLayout;
}(_react2.default.PureComponent), _class.getComponent = function (Widget, props) {
if (Widget) {
if (Array.isArray(Widget)) {
Widget = [].concat(Widget);
Widget[1] = Object.assign(props || {}, Widget[1]);
} else {
Widget = Object.assign(props || {}, Widget);
}
}
return Widget;
}, _class.getLayoutProps = function (option, viewContent) {
var extraOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
option.__widgets__ = option.__widgets__ || {};
var layoutProps = Object.assign({
route: option.route,
viewContent: viewContent,
components: Object.assign({}, option.__widgets__),
style: option.style
}, option.props);
var layoutBlocks = Object.assign({}, this.layoutBlocks);
loop(extraOption.components || option.components, function (item) {
var Com = layoutBlocks[item.name] || item.component;
if (Com) {
delete item.component;
delete layoutBlocks[item.name];
layoutProps.components[item.name] = layoutProps.components[item.name] || (0, _getComponent2.getComponent)(item.props)(Com);
if (item.static) {
option.__widgets__[item.name] = layoutProps.components[item.name];
}
}
});
for (var name in layoutBlocks) {
layoutProps.components[name] = layoutProps.components[name] || (extraOption[name] === undefined ? layoutBlocks[name] : (0, _getComponent2.getComponent)(extraOption[name])(layoutBlocks[name]));
if (layoutBlocks[name].static) {
option.__widgets__[name] = layoutProps.components[name];
}
}
var customLayoutProps = this.displayName && option[this.displayName];
for (var key in customLayoutProps) {
if (key === 'components') {
Object.assign(layoutProps.components, customLayoutProps[key]);
} else {
layoutProps[key] = customLayoutProps[key];
}
}
return layoutProps;
}, _class.propTypes = {
className: _propTypes2.default.string,
components: _propTypes2.default.object,
viewContent: _propTypes2.default.element,
children: _propTypes2.default.element,
style: _propTypes2.default.object
}, _class.defaultProps = {
className: '',
components: {}
}, _temp);
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _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; }; }();
exports.getComponent = getComponent;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _hoistNonReactStatics = __webpack_require__(12);
var _hoistNonReactStatics2 = _interopRequireDefault(_hoistNonReactStatics);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function getComponent(option, getProps) {
if (option === false) {
return function () {
return getComponent.emptyComponent;
};
}
var AppointComponent = void 0;
var propValues = void 0;
if (Array.isArray(option)) {
if (option[0] && option[0].prototype && option[0].prototype.isReactComponent) {
AppointComponent = option[0];
propValues = option[1] || {};
} else {
propValues = option[0] || {};
}
} else {
if (option && option.prototype && option.prototype.isReactComponent) {
AppointComponent = option;
} else {
propValues = option || {};
}
}
return function (BaseComponent) {
AppointComponent = AppointComponent || BaseComponent || getComponent.emptyComponent;
var defaultProps = AppointComponent.defaultProps || {};
var Component = function (_React$PureComponent) {
_inherits(Component, _React$PureComponent);
function Component() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Component);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Component.__proto__ || Object.getPrototypeOf(Component)).call.apply(_ref, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Component, [{
key: 'getRealInstance',
value: function getRealInstance() {
return this._wrappedComponent;
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
getProps = getProps || propValues.getProps;
var props = Object.assign(getProps ? getProps.call(this, this.props, this.context, this.setState.bind(this)) : {}, propValues);
merge(props, propValues, defaultProps, this.props);
return _react2.default.createElement(AppointComponent, _extends({ ref: function ref(inst) {
return _this2._wrappedComponent = inst;
} }, props, this.state));
}
}]);
return Component;
}(_react2.default.PureComponent);
return (0, _hoistNonReactStatics2.default)(Component, AppointComponent);
};
}
function merge(props, o, t, p) {
for (var key in p) {
if (props[key] === undefined) {
if (t.hasOwnProperty(key)) {
props[key] = o[key] === undefined ? p[key] : o[key];
} else {
props[key] = p[key] === undefined ? o[key] : p[key];
}
}
}
return props;
}
getComponent.emptyComponent = function EmptyComponent() {
return _react2.default.createElement('div', null);
};
/***/ }),
/* 12 */
/***/ (function(module, exports) {
module.exports = require("hoist-non-react-statics");
/***/ }),
/* 13 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/menu");
/***/ }),
/* 14 */
/***/ (function(module, exports) {
module.exports = require("antd/lib/input");
/***/ }),
/* 15 */
/***/ (function(module, exports) {
module.exports = require("react-dnd");
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GlobalFooter = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _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; }; }();
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactDom = __webpack_require__(4);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _icon = __webpack_require__(2);
var _icon2 = _interopRequireDefault(_icon);
__webpack_require__(54);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var GlobalFooter = exports.GlobalFooter = function (_React$PureComponent) {
_inherits(GlobalFooter, _React$PureComponent);
function GlobalFooter() {
_classCallCheck(this, GlobalFooter);
return _possibleConstructorReturn(this, (GlobalFooter.__proto__ || Object.getPrototypeOf(GlobalFooter)).apply(this, arguments));
}
_createClass(GlobalFooter, [{
key: 'render',
value: function render() {
var _props = this.props,
className = _props.className,
links = _props.links,
copyright = _props.copyright;
return _react2.default.createElement(
'div',
{ className: 'j-com-globalFooter ' + className },
links && _react2.default.createElement(
'div',
{ className: 'links' },
links.map(function (link) {
var linkProps = link.action ? {
onClick: function onClick(e) {
return link.action(e, link);
}
} : {
target: link.blankTarget ? '_blank' : '_self',
href: link.href
};
return _react2.default.createElement(
'a',
_extends({ key: link.name || link.title }, linkProps),
link.title
);
})
),
copyright && _react2.default.createElement(
'div',
{ className: 'copyright' },
copyright
)
);
}
}]);
return GlobalFooter;
}(_react2.default.PureComponent);
/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Header = undefined;
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; }; }();
var _dec, _class, _class2, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _layout = __webpack_require__(9);
var _layout2 = _interopRequireDefault(_layout);
var _menu = __webpack_require__(13);
var _menu2 = _interopRequireDefault(_menu);
var _icon = __webpack_require__(2);
var _icon2 = _interopRequireDefault(_icon);
var _dropdown = __webpack_require__(21);
var _dropdown2 = _interopRequireDefault(_dropdown);
var _spin = __webpack_require__(55);
var _spin2 = _interopRequireDefault(_spin);
var _avatar = __webpack_require__(56);
var _avatar2 = _interopRequireDefault(_avatar);
var _headerSearch = __webpack_require__(26);
__webpack_require__(59);
var _localeContext = __webpack_require__(3);
var _localeContext2 = _interopRequireDefault(_localeContext);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Header = exports.Header = (_dec = (0, _localeContext2.default)('DataSet', {
searchPlaceholder: '站内搜索',
profile: '个人中心',
setting: '设置',
logout: '退出登录'
}), _dec(_class = (_temp = _class2 = function (_React$PureComponent) {
_inherits(Header, _React$PureComponent);
function Header(props) {
_classCallCheck(this, Header);
return _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).call(this, props));
}
_createClass(Header, [{
key: 'toggleClick',
value: function toggleClick() {
this.props.onCollapse(!this.props.collapsed);
this._resizeTimer = setTimeout(function () {
var event = document.createEvent('HTMLEvents');
event.initEvent('resize', true, false);
window.dispatchEvent(event);
}, 600);
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
clearTimeout(this._resizeTimer);
}
}, {
key: 'handleSearch',
value: function handleSearch() {}
}, {
key: 'render',
value: function render() {
var _props = this.props,
loading = _props.loading,
collapsed = _props.collapsed,
nick = _props.nick,
noSider = _props.noSider,
avatar = _props.avatar,
theme = _props.theme;
var IMenu = this.props.Menu;
var _props2 = this.props,
route = _props2.route,
routes = _props2.routes,
subMenus = _props2.subMenus,
menu = _props2.menu,
brand = _props2.brand,
Link = _props2.Link,
orderKeys = _props2.orderKeys,
getResolvePath = _props2.getResolvePath;
return _react2.default.createElement(
_layout2.default.Header,
{ className: 'j-com-header ' + (theme ? 'j-com-header-' + theme : '') },
loading,
noSider ? null : _react2.default.createElement(_icon2.default, {
className: 'j-header-trigger',
type: collapsed ? 'menu-unfold' : 'menu-fold',
onClick: this.toggleClick.bind(this) }),
_react2.default.createElement(
'div',
{ className: 'j-header-right', style: { display: nick === false ? 'none' : '' } },
_react2.default.createElement(_headerSearch.HeaderSearch, {
className: 'j-header-action j-header-search',
placeholder: this.getLocale('searchPlaceholder'),
dataSource: [],
onSearch: this.handleSearch.bind(this),
onPressEnter: this.handleSearch.bind(this) }),
' ',
nick ? _react2.default.createElement(
_dropdown2.default,
{
overlay: _react2.default.createElement(
_menu2.default,
{ className: 'j-header-menu', selectedKeys: [] },
_react2.default.createElement(
_menu2.default.Item,
{ disabled: true },
_react2.default.createElement(_icon2.default, { type: 'user' }),
this.getLocale('profile')
),
_react2.default.createElement(
_menu2.default.Item,
{ disabled: true },
_react2.default.createElement(_icon2.default, { type: 'setting' }),
this.getLocale('setting')
),
_react2.default.createElement(_menu2.default.Divider, null),
_react2.default.createElement(
_menu2.default.Item,
{ key: 'logout' },
_react2.default.createElement(_icon2.default, { type: 'logout' }),
this.getLocale('logout')
)
) },
_react2.default.createElement(
'span',
{ className: 'j-header-action j-header-account' },
_react2.default.createElement(_avatar2.default, { size: 'small', className: 'j-header-avatar', src: avatar }),
' ',
nick
)
) : _react2.default.createElement(_spin2.default, { size: 'small', style: { marginLeft: 8 } })
),
IMenu ? _react2.default.createElement(IMenu, { style: { marginLeft: noSider ? 70 : 0 }, route: route, routes: routes, subMenus: subMenus, menu: menu, orderKeys: orderKeys, Link: Link, getResolvePath: getResolvePath, brand: brand }) : null
);
}
}]);
return Header;
}(_react2.default.PureComponent), _class2.propTypes = {
collapsed: _propTypes2.default.bool,
onCollapse: _propTypes2.default.func,
avatar: _propTypes2.default.string,
nick: _propTypes2.default.string,
noSider: _propTypes2.default.bool,
loading: _propTypes2.default.element,
theme: _propTypes2.default.string
}, _temp)) || _class);
/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Notifier = undefined;
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; }; }();
var _class, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(4);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _message = __webpack_require__(8);
var _message2 = _interopRequireDefault(_message);
var _notification = __webpack_require__(65);
var _notification2 = _interopRequireDefault(_notification);
var _copyLogger = __webpack_require__(27);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
// 默认8秒
_notification2.default.config({
duration: 8
});
// 默认4秒
_message2.default.config({
duration: 4
});
var seniorNotification = Object.assign({}, _notification2.default);
['success', 'info', 'warning', 'error', 'warn'].forEach(function (type) {
seniorNotification[type] = function (args) {
return _notification2.default[type](assign({}, args, { type: type, duration: null }));
};
});
var Notifier = exports.Notifier = (_temp = _class = function () {
function Notifier() {
var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var immediate = arguments[1];
_classCallCheck(this, Notifier);
this.$opt_ = opt;
if (immediate) {
this.notify(opt);
}
}
_createClass(Notifier, [{
key: 'notify',
value: function notify(opt) {
var _this = this;
var strategy = Notifier.strategy;
// 特殊处理
if (opt.rid) {
opt = {
content: opt
};
}
opt = Object.assign({ type: 'info', level: 'one' }, this.$opt_, opt);
if (opt.trace) {
delete this.$opt_.trace;
delete opt.trace;
if (opt.content.then) {
opt.content.then(function (res) {
if (Object(res) !== res) {
res = {
message: res
};
}
var rid = opt.rid || res.rid;
if (rid) {
opt.content = _react2.default.createElement(
'div',
null,
_react2.default.createElement(
'span',
null,
res.message
),
_react2.default.createElement(_copyLogger.CopyLogger, { rid: rid, message: 'rid: ' + rid })
);
} else {
opt.content = res.message;
}
_this.notify(opt);
}, function (err) {
opt.content = err.message;
_this.notify(opt);
});
} else {
if (Object(opt.content) === opt.content) {
var rid = opt.rid || opt.content.rid;
var content = opt.content.message;
if (rid) {
opt.content = _react2.default.createElement(
'div',
null,
_react2.default.createElement(
'span',
null,
content
),
_react2.default.createElement(_copyLogger.CopyLogger, { rid: rid, message: 'rid: ' + rid })
);
} else {
opt.content = content;
}
}
this.notify(opt);
}
} else {
// notification 和 message的初始化方式不同
if (strategy[opt.level] === _notification2.default) {
strategy[opt.level][opt.type]({
message: opt.title || '提示',
description: opt.content,
btn: opt.btn,
icon: opt.icon,
key: opt.key,
onClose: opt.onClose,
duration: opt.duration
});
} else {
strategy[opt.level][opt.type](opt.content, opt.duration);
}
}
}
}], [{
key: 'notifierFactory',
value: function notifierFactory(type, title, content) {
return new Notifier({
level: 'two',
type: type,
title: title || '错误异常',
content: content,
trace: true
});
}
}, {
key: 'error',
value: function error(title, content) {
if (content) {
return new Notifier({
type: 'error',
level: 'two',
title: title,
content: content
}, 1);
} else {
return new Notifier({
type: 'error',
level: 'one',
content: title
}, 1);
}
}
}, {
key: 'success',
value: function success(title, content) {
if (content) {
return new Notifier({
type: 'success',
level: 'two',
title: title,
content: content
}, 1);
} else {
return new Notifier({
type: 'success',
level: 'one',
content: title
}, 1);
}
}
}, {
key: 'info',
value: function info(title, content) {
if (content) {
return new Notifier({
type: 'info',
level: 'two',
title: title,
content: content
}, 1);
} else {
return new Notifier({
type: 'info',
level: 'one',
content: title
}, 1);
}
}
}, {
key: 'warn',
value: function warn(title, content) {
if (content) {
return new Notifier({
type: 'warn',
level: 'two',
title: title,
content: content
}, 1);
} else {
return new Notifier({
type: 'warn',
level: 'one',
content: title
}, 1);
}
}
}]);
return Notifier;
}(), _class.strategy = {
one: _message2.default,
two: _notification2.default,
three: seniorNotification
}, _temp);
/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Sider = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _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; }; }();
var _class, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactRouter = __webpack_require__(5);
var _layout = __webpack_require__(9);
var _layout2 = _interopRequireDefault(_layout);
var _menu = __webpack_require__(13);
var _menu2 = _interopRequireDefault(_menu);
var _icon = __webpack_require__(2);
var _icon2 = _interopRequireDefault(_icon);
__webpack_require__(72);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var HTTP_PATTERN = /^https?:\/\//;
var bubbleSort = function bubbleSort(arr, sortCb) {
var len = arr.length;
for (var i = 0; i < len; i++) {
for (var j = 0; j < len - 1 - i; j++) {
// 相邻元素两两对比
if (sortCb(arr[j], arr[j + 1]) > 0) {
// 元素交换
var temp = arr[j + 1];
arr[j + 1] = arr[j];
arr[j] = temp;
}
}
}
return arr;
};
var Sider = exports.Sider = (_temp = _class = function (_React$PureComponent) {
_inherits(Sider, _React$PureComponent);
function Sider(props) {
_classCallCheck(this, Sider);
var _this = _possibleConstructorReturn(this, (Sider.__proto__ || Object.getPrototypeOf(Sider)).call(this, props));
var route = props.route;
var routes = _this.getRoutes(props.routes, props.orderKeys);
var openKeys = route && _this.getParentsResolvePaths(route);
if (!openKeys || !openKeys.length) {
openKeys = _this.getOpenKeys(routes, props.subMenus);
}
_this.state = {
routes: routes,
selectedKeys: route ? [_this.props.getResolvePath(route)] : null,
openKeys: openKeys,
subMenus: props.subMenus
};
return _this;
}
_createClass(Sider, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.mounted = true;
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (this.props.route !== nextProps.route) {
var resolvePath = this.props.getResolvePath(nextProps.route);
if (!this.state.selectedKeys || this.state.selectedKeys.indexOf(resolvePath) === -1) {
var routes = this.getRoutes(nextProps.routes, nextProps.orderKeys);
var openKeys = this.state.openKeys.length ? this.state.openKeys : nextProps.route && this.getParentsResolvePaths(nextProps.route);
if (!openKeys || !openKeys.length) {
openKeys = this.getOpenKeys(routes, nextProps.subMenus);
}
this.setState({
routes: routes,
selectedKeys: [resolvePath],
openKeys: openKeys
});
}
}
}
}, {
key: 'getRoutes',
value: function getRoutes(routes, orderKeys) {
if (orderKeys) {
var map = {};
orderKeys.forEach(function (v, index) {
return map[v] = index;
});
return bubbleSort(routes, function (a, b) {
var aName = a.children ? a.name : a.navKey || a.name;
var bName = b.children ? b.name : b.navKey || b.name;
var compare = map[aName] - map[bName];
if (compare === 0 || isNaN(compare)) {
return a.value - b.value;
} else {
return compare;
}
});
} else {
return routes;
}
}
}, {
key: 'getOpenKeys',
value: function getOpenKeys(routes, subMenus) {
var _this2 = this;
var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
if (this.props.openLevel) {
var cacheMap = {};
var keys = [];
routes.forEach(function (route) {
var children = route.children || route.childRoutes;
if (route.navKey && subMenus[route.navKey]) {
if (!cacheMap[route.navKey]) {
cacheMap[route.navKey] = true;
keys.push(route.navKey);
}
} else if (children && level < _this2.props.openLevel) {
if (!cacheMap[route.name]) {
cacheMap[route.name] = true;
keys.push(route.name);
}
keys = keys.concat(_this2.getOpenKeys(children, subMenus, level + 1));
}
});
return keys;
} else {
return null;
}
}
}, {
key: 'getParentsResolvePaths',
value: function getParentsResolvePaths(route) {
var resolvePaths = [];
var navKey = route.navKey;
while (route.parent) {
route = route.parent;
resolvePaths.push(route.name);
}
if (navKey && this.props.subMenus[navKey]) {
resolvePaths.push(navKey);
}
return resolvePaths;
}
}, {
key: 'packNode',
value: function packNode(item, level) {
var _this3 = this;
var subMenus = this.state.subMenus;
if (item.hide || item.disabled) {
return null;
}
if (item.navKey && subMenus[item.navKey]) {
if (subMenus[item.navKey].hide || subMenus[item.navKey].disabled) {
return null;
}
if (level < 1) {
subMenus[item.navKey].children = subMenus[item.navKey].children || [];
var idx = subMenus[item.navKey].children.findIndex(function (d) {
return d.name === item.name;
});
if (idx === 0) {
item = subMenus[item.navKey];
} else if (idx === -1) {
subMenus[item.navKey].children = subMenus[item.navKey].children || [];
idx = subMenus[item.navKey].children.push(item);
if (idx > 1) {
clearTimeout(this._timer);
this._timer = setTimeout(function () {
clearTimeout(_this3._timer);
if (_this3.mounted) {
_this3.forceUpdate();
}
});
return null;
} else {
var navKey = item.navKey;
item = subMenus[item.navKey];
item.name = navKey;
}
} else {
return null;
}
}
}
// #! 从路由配置项中获取childRoutes
var target = item.target;
var title = item.title || item.name;
var icon = item.icon;
var iconCom = icon && _react2.default.createElement(_icon2.default, { type: icon });
var children = item.children || item.childRoutes || [];
if (title) {
return {
target: target,
icon: iconCom,
title: title,
name: item.navKey ? item.navKey + '-' + item.name : item.name,
children: children,
hide: item.hide || item.disabled,
path: children.length ? null : this.props.getResolvePath(item)
};
} else {
return null;
}
}
}, {
key: 'getNavMenuItems',
value: function getNavMenuItems(menusData) {
var _this4 = this;
var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var ILink = this.props.Link;
if (!menusData) {
return [];
}
return menusData.map(function (item) {
item = _this4.packNode(item, level);
if (!item) {
return null;
}
if (item.children.length) {
return _react2.default.createElement(
_menu2.default.SubMenu,
{
title: item.icon ? _react2.default.createElement(
'span',
null,
item.icon,
_react2.default.createElement(
'span',
{ className: 'j-menu-text' },
item.title
)
) : _react2.default.createElement(
'span',
{ className: 'j-menu-text' },