UNPKG

hc-components-test

Version:

基于react的通用组件库

1,444 lines (1,193 loc) 224 kB
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' },