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.
2324 lines
93 KiB
2324 lines
93 KiB
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[167,8],{
|
|
|
|
/***/ "30zm":
|
|
/*!**************************************************!*\
|
|
!*** ./src/pages/Messages/component/LeftNav.tsx ***!
|
|
\**************************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var antd_es_col_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/col/style */ "jCWc");
|
|
/* harmony import */ var antd_es_col__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/col */ "kPKH");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "k1fw");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */ "tJVT");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties */ "PpiC");
|
|
/* harmony import */ var antd_es_layout_style__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd/es/layout/style */ "B9cy");
|
|
/* harmony import */ var antd_es_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd/es/layout */ "Ol7k");
|
|
/* harmony import */ var antd_es_menu_style__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd/es/menu/style */ "lUTK");
|
|
/* harmony import */ var antd_es_menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd/es/menu */ "BvKs");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
|
|
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! umi */ "Ty5D");
|
|
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! umi */ "55Ip");
|
|
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! umi */ "9kvl");
|
|
/* harmony import */ var _utils_env__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @/utils/env */ "m3rI");
|
|
/* harmony import */ var _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./LeftNav.less?modules */ "kzJb");
|
|
/* harmony import */ var _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SubMenu = antd_es_menu__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].SubMenu;
|
|
var Sider = antd_es_layout__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].Sider,
|
|
Content = antd_es_layout__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].Content;
|
|
|
|
var ShixunsListPage = function ShixunsListPage(_ref) {
|
|
var messages = _ref.messages,
|
|
globalSetting = _ref.globalSetting,
|
|
loading = _ref.loading,
|
|
user = _ref.user,
|
|
dispatch = _ref.dispatch,
|
|
props = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"])(_ref, ["messages", "globalSetting", "loading", "user", "dispatch"]);
|
|
|
|
var params = Object(umi__WEBPACK_IMPORTED_MODULE_10__[/* useParams */ "i"])();
|
|
var userInfo = user.userInfo;
|
|
var location = Object(umi__WEBPACK_IMPORTED_MODULE_10__[/* useLocation */ "h"])();
|
|
var tidingsList = messages.tidingsList,
|
|
privateMessage = messages.privateMessage,
|
|
unreadInfo = messages.unreadInfo;
|
|
|
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_9__["useState"])({
|
|
per_page: 10,
|
|
page: 1
|
|
}),
|
|
_useState2 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])(_useState, 2),
|
|
bodyParams = _useState2[0],
|
|
setBodyParams = _useState2[1];
|
|
|
|
Object(react__WEBPACK_IMPORTED_MODULE_9__["useEffect"])(function () {
|
|
getData();
|
|
}, [params.userId]);
|
|
|
|
var getData = function getData() {
|
|
dispatch({
|
|
type: 'messages/unreadMessageInfo',
|
|
payload: Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])({}, bodyParams), params)
|
|
});
|
|
};
|
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], {
|
|
flex: "264px"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("aside", {
|
|
className: _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.userInfo
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("img", {
|
|
className: "mt40",
|
|
src: _utils_env__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"].IMG_SERVER + '/images/' + (userInfo === null || userInfo === void 0 ? void 0 : userInfo.image_url)
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("p", {
|
|
className: "font24 mt10"
|
|
}, userInfo === null || userInfo === void 0 ? void 0 : userInfo.username), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("p", {
|
|
className: "mt20"
|
|
}, userInfo === null || userInfo === void 0 ? void 0 : userInfo.user_identity)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("ul", {
|
|
className: _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.navInfo
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(umi__WEBPACK_IMPORTED_MODULE_11__[/* Link */ "a"], {
|
|
to: "/messages/".concat(userInfo === null || userInfo === void 0 ? void 0 : userInfo.login, "/user_tidings")
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("li", {
|
|
className: location.pathname.indexOf("user_tidings") > -1 && _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.actived
|
|
}, "\u6D88\u606F", !!(unreadInfo !== null && unreadInfo !== void 0 && unreadInfo.unread_tiding_count) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
|
|
className: _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.newTip
|
|
}, unreadInfo === null || unreadInfo === void 0 ? void 0 : unreadInfo.unread_tiding_count))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(umi__WEBPACK_IMPORTED_MODULE_11__[/* Link */ "a"], {
|
|
to: "/messages/".concat(userInfo === null || userInfo === void 0 ? void 0 : userInfo.login, "/private_messages")
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("li", {
|
|
className: (location.pathname.indexOf("private_messages") > -1 || location.pathname.indexOf("message_detail") > -1) && _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.actived
|
|
}, "\u79C1\u4FE1", !!(unreadInfo !== null && unreadInfo !== void 0 && unreadInfo.unread_message_count) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
|
|
className: _LeftNav_less_modules__WEBPACK_IMPORTED_MODULE_14___default.a.newTip
|
|
}, unreadInfo === null || unreadInfo === void 0 ? void 0 : unreadInfo.unread_message_count)))));
|
|
};
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Object(umi__WEBPACK_IMPORTED_MODULE_12__[/* connect */ "a"])(function (_ref2) {
|
|
var messages = _ref2.messages,
|
|
loading = _ref2.loading,
|
|
user = _ref2.user,
|
|
globalSetting = _ref2.globalSetting;
|
|
return {
|
|
messages: messages,
|
|
globalSetting: globalSetting,
|
|
user: user,
|
|
loading: loading.effects
|
|
};
|
|
})(ShixunsListPage));
|
|
|
|
/***/ }),
|
|
|
|
/***/ "55Ip":
|
|
/*!***************************************************************!*\
|
|
!*** ./node_modules/react-router-dom/esm/react-router-dom.js ***!
|
|
\***************************************************************/
|
|
/*! exports provided: MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter, BrowserRouter, HashRouter, Link, NavLink */
|
|
/*! exports used: Link, NavLink */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* unused harmony export BrowserRouter */
|
|
/* unused harmony export HashRouter */
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Link; });
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return NavLink; });
|
|
/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-router */ "Ty5D");
|
|
/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/inheritsLoose */ "dI71");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var history__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! history */ "YS25");
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "17x9");
|
|
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "wx14");
|
|
/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "zLVn");
|
|
/* harmony import */ var tiny_invariant__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! tiny-invariant */ "9R94");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* The public API for a <Router> that uses HTML5 history.
|
|
*/
|
|
|
|
var BrowserRouter =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(BrowserRouter, _React$Component);
|
|
|
|
function BrowserRouter() {
|
|
var _this;
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
_this.history = Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createBrowserHistory */ "a"])(_this.props);
|
|
return _this;
|
|
}
|
|
|
|
var _proto = BrowserRouter.prototype;
|
|
|
|
_proto.render = function render() {
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* Router */ "c"], {
|
|
history: this.history,
|
|
children: this.props.children
|
|
});
|
|
};
|
|
|
|
return BrowserRouter;
|
|
}(react__WEBPACK_IMPORTED_MODULE_2___default.a.Component);
|
|
|
|
if (false) {}
|
|
|
|
/**
|
|
* The public API for a <Router> that uses window.location.hash.
|
|
*/
|
|
|
|
var HashRouter =
|
|
/*#__PURE__*/
|
|
function (_React$Component) {
|
|
Object(_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(HashRouter, _React$Component);
|
|
|
|
function HashRouter() {
|
|
var _this;
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
_this.history = Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createHashHistory */ "b"])(_this.props);
|
|
return _this;
|
|
}
|
|
|
|
var _proto = HashRouter.prototype;
|
|
|
|
_proto.render = function render() {
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* Router */ "c"], {
|
|
history: this.history,
|
|
children: this.props.children
|
|
});
|
|
};
|
|
|
|
return HashRouter;
|
|
}(react__WEBPACK_IMPORTED_MODULE_2___default.a.Component);
|
|
|
|
if (false) {}
|
|
|
|
var resolveToLocation = function resolveToLocation(to, currentLocation) {
|
|
return typeof to === "function" ? to(currentLocation) : to;
|
|
};
|
|
var normalizeToLocation = function normalizeToLocation(to, currentLocation) {
|
|
return typeof to === "string" ? Object(history__WEBPACK_IMPORTED_MODULE_3__[/* createLocation */ "c"])(to, null, null, currentLocation) : to;
|
|
};
|
|
|
|
var forwardRefShim = function forwardRefShim(C) {
|
|
return C;
|
|
};
|
|
|
|
var forwardRef = react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef;
|
|
|
|
if (typeof forwardRef === "undefined") {
|
|
forwardRef = forwardRefShim;
|
|
}
|
|
|
|
function isModifiedEvent(event) {
|
|
return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
|
|
}
|
|
|
|
var LinkAnchor = forwardRef(function (_ref, forwardedRef) {
|
|
var innerRef = _ref.innerRef,
|
|
navigate = _ref.navigate,
|
|
_onClick = _ref.onClick,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref, ["innerRef", "navigate", "onClick"]);
|
|
|
|
var target = rest.target;
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, rest, {
|
|
onClick: function onClick(event) {
|
|
try {
|
|
if (_onClick) _onClick(event);
|
|
} catch (ex) {
|
|
event.preventDefault();
|
|
throw ex;
|
|
}
|
|
|
|
if (!event.defaultPrevented && // onClick prevented default
|
|
event.button === 0 && ( // ignore everything but left clicks
|
|
!target || target === "_self") && // let browser handle "target=_blank" etc.
|
|
!isModifiedEvent(event) // ignore clicks with modifier keys
|
|
) {
|
|
event.preventDefault();
|
|
navigate();
|
|
}
|
|
}
|
|
}); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim !== forwardRef) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.ref = innerRef;
|
|
}
|
|
/* eslint-disable-next-line jsx-a11y/anchor-has-content */
|
|
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("a", props);
|
|
});
|
|
|
|
if (false) {}
|
|
/**
|
|
* The public API for rendering a history-aware <a>.
|
|
*/
|
|
|
|
|
|
var Link = forwardRef(function (_ref2, forwardedRef) {
|
|
var _ref2$component = _ref2.component,
|
|
component = _ref2$component === void 0 ? LinkAnchor : _ref2$component,
|
|
replace = _ref2.replace,
|
|
to = _ref2.to,
|
|
innerRef = _ref2.innerRef,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref2, ["component", "replace", "to", "innerRef"]);
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* __RouterContext */ "e"].Consumer, null, function (context) {
|
|
!context ? false ? undefined : Object(tiny_invariant__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(false) : void 0;
|
|
var history = context.history;
|
|
var location = normalizeToLocation(resolveToLocation(to, context.location), context.location);
|
|
var href = location ? history.createHref(location) : "";
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, rest, {
|
|
href: href,
|
|
navigate: function navigate() {
|
|
var location = resolveToLocation(to, context.location);
|
|
var method = replace ? history.replace : history.push;
|
|
method(location);
|
|
}
|
|
}); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim !== forwardRef) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.innerRef = innerRef;
|
|
}
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(component, props);
|
|
});
|
|
});
|
|
|
|
if (false) { var refType, toType; }
|
|
|
|
var forwardRefShim$1 = function forwardRefShim(C) {
|
|
return C;
|
|
};
|
|
|
|
var forwardRef$1 = react__WEBPACK_IMPORTED_MODULE_2___default.a.forwardRef;
|
|
|
|
if (typeof forwardRef$1 === "undefined") {
|
|
forwardRef$1 = forwardRefShim$1;
|
|
}
|
|
|
|
function joinClassnames() {
|
|
for (var _len = arguments.length, classnames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
classnames[_key] = arguments[_key];
|
|
}
|
|
|
|
return classnames.filter(function (i) {
|
|
return i;
|
|
}).join(" ");
|
|
}
|
|
/**
|
|
* A <Link> wrapper that knows if it's "active" or not.
|
|
*/
|
|
|
|
|
|
var NavLink = forwardRef$1(function (_ref, forwardedRef) {
|
|
var _ref$ariaCurrent = _ref["aria-current"],
|
|
ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent,
|
|
_ref$activeClassName = _ref.activeClassName,
|
|
activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName,
|
|
activeStyle = _ref.activeStyle,
|
|
classNameProp = _ref.className,
|
|
exact = _ref.exact,
|
|
isActiveProp = _ref.isActive,
|
|
locationProp = _ref.location,
|
|
sensitive = _ref.sensitive,
|
|
strict = _ref.strict,
|
|
styleProp = _ref.style,
|
|
to = _ref.to,
|
|
innerRef = _ref.innerRef,
|
|
rest = Object(_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"])(_ref, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(react_router__WEBPACK_IMPORTED_MODULE_0__[/* __RouterContext */ "e"].Consumer, null, function (context) {
|
|
!context ? false ? undefined : Object(tiny_invariant__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"])(false) : void 0;
|
|
var currentLocation = locationProp || context.location;
|
|
var toLocation = normalizeToLocation(resolveToLocation(to, currentLocation), currentLocation);
|
|
var path = toLocation.pathname; // Regex taken from: https://github.com/pillarjs/path-to-regexp/blob/master/index.js#L202
|
|
|
|
var escapedPath = path && path.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
|
|
var match = escapedPath ? Object(react_router__WEBPACK_IMPORTED_MODULE_0__[/* matchPath */ "f"])(currentLocation.pathname, {
|
|
path: escapedPath,
|
|
exact: exact,
|
|
sensitive: sensitive,
|
|
strict: strict
|
|
}) : null;
|
|
var isActive = !!(isActiveProp ? isActiveProp(match, currentLocation) : match);
|
|
var className = isActive ? joinClassnames(classNameProp, activeClassName) : classNameProp;
|
|
var style = isActive ? Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({}, styleProp, {}, activeStyle) : styleProp;
|
|
|
|
var props = Object(_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"])({
|
|
"aria-current": isActive && ariaCurrent || null,
|
|
className: className,
|
|
style: style,
|
|
to: toLocation
|
|
}, rest); // React 15 compat
|
|
|
|
|
|
if (forwardRefShim$1 !== forwardRef$1) {
|
|
props.ref = forwardedRef || innerRef;
|
|
} else {
|
|
props.innerRef = innerRef;
|
|
}
|
|
|
|
return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(Link, props);
|
|
});
|
|
});
|
|
|
|
if (false) { var ariaCurrentType; }
|
|
|
|
|
|
//# sourceMappingURL=react-router-dom.js.map
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "6+eU":
|
|
/*!************************************************************!*\
|
|
!*** ./node_modules/rc-pagination/es/index.js + 4 modules ***!
|
|
\************************************************************/
|
|
/*! exports provided: default */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/extends.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-pagination/es/locale/zh_CN.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_Pagination; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
var esm_extends = __webpack_require__("wx14");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
var external_window_React_default = /*#__PURE__*/__webpack_require__.n(external_window_React_);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Pager.js
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
var Pager_Pager = function Pager(props) {
|
|
var _classNames;
|
|
|
|
var prefixCls = "".concat(props.rootPrefixCls, "-item");
|
|
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(props.page), (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-active"), props.active), Object(defineProperty["a" /* default */])(_classNames, props.className, !!props.className), Object(defineProperty["a" /* default */])(_classNames, "".concat(prefixCls, "-disabled"), !props.page), _classNames));
|
|
|
|
var handleClick = function handleClick() {
|
|
props.onClick(props.page);
|
|
};
|
|
|
|
var handleKeyPress = function handleKeyPress(e) {
|
|
props.onKeyPress(e, props.onClick, props.page);
|
|
};
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: props.showTitle ? props.page : null,
|
|
className: cls,
|
|
onClick: handleClick,
|
|
onKeyPress: handleKeyPress,
|
|
tabIndex: "0"
|
|
}, props.itemRender(props.page, 'page', /*#__PURE__*/external_window_React_default.a.createElement("a", {
|
|
rel: "nofollow"
|
|
}, props.page)));
|
|
};
|
|
|
|
/* harmony default export */ var es_Pager = (Pager_Pager);
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/KeyCode.js
|
|
/* harmony default export */ var KeyCode = ({
|
|
ZERO: 48,
|
|
NINE: 57,
|
|
NUMPAD_ZERO: 96,
|
|
NUMPAD_NINE: 105,
|
|
BACKSPACE: 8,
|
|
DELETE: 46,
|
|
ENTER: 13,
|
|
ARROW_UP: 38,
|
|
ARROW_DOWN: 40
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Options.js
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
var Options_Options = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Options, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Options);
|
|
|
|
function Options() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Options);
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
_this.state = {
|
|
goInputText: ''
|
|
};
|
|
|
|
_this.buildOptionText = function (value) {
|
|
return "".concat(value, " ").concat(_this.props.locale.items_per_page);
|
|
};
|
|
|
|
_this.changeSize = function (value) {
|
|
_this.props.changeSize(Number(value));
|
|
};
|
|
|
|
_this.handleChange = function (e) {
|
|
_this.setState({
|
|
goInputText: e.target.value
|
|
});
|
|
};
|
|
|
|
_this.handleBlur = function (e) {
|
|
var _this$props = _this.props,
|
|
goButton = _this$props.goButton,
|
|
quickGo = _this$props.quickGo,
|
|
rootPrefixCls = _this$props.rootPrefixCls;
|
|
var goInputText = _this.state.goInputText;
|
|
|
|
if (goButton || goInputText === '') {
|
|
return;
|
|
}
|
|
|
|
if (e.relatedTarget && (e.relatedTarget.className.indexOf("".concat(rootPrefixCls, "-prev")) >= 0 || e.relatedTarget.className.indexOf("".concat(rootPrefixCls, "-next")) >= 0)) {
|
|
return;
|
|
}
|
|
|
|
_this.setState({
|
|
goInputText: ''
|
|
});
|
|
|
|
quickGo(_this.getValidValue());
|
|
};
|
|
|
|
_this.go = function (e) {
|
|
var goInputText = _this.state.goInputText;
|
|
|
|
if (goInputText === '') {
|
|
return;
|
|
}
|
|
|
|
if (e.keyCode === KeyCode.ENTER || e.type === 'click') {
|
|
_this.setState({
|
|
goInputText: ''
|
|
});
|
|
|
|
_this.props.quickGo(_this.getValidValue());
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Options, [{
|
|
key: "getValidValue",
|
|
value: function getValidValue() {
|
|
var _this$state = this.state,
|
|
goInputText = _this$state.goInputText,
|
|
current = _this$state.current; // eslint-disable-next-line no-restricted-globals
|
|
|
|
return !goInputText || isNaN(goInputText) ? current : Number(goInputText);
|
|
}
|
|
}, {
|
|
key: "getPageSizeOptions",
|
|
value: function getPageSizeOptions() {
|
|
var _this$props2 = this.props,
|
|
pageSize = _this$props2.pageSize,
|
|
pageSizeOptions = _this$props2.pageSizeOptions;
|
|
|
|
if (pageSizeOptions.some(function (option) {
|
|
return option.toString() === pageSize.toString();
|
|
})) {
|
|
return pageSizeOptions;
|
|
}
|
|
|
|
return pageSizeOptions.concat([pageSize.toString()]).sort(function (a, b) {
|
|
// eslint-disable-next-line no-restricted-globals
|
|
var numberA = isNaN(Number(a)) ? 0 : Number(a); // eslint-disable-next-line no-restricted-globals
|
|
|
|
var numberB = isNaN(Number(b)) ? 0 : Number(b);
|
|
return numberA - numberB;
|
|
});
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var _this$props3 = this.props,
|
|
pageSize = _this$props3.pageSize,
|
|
locale = _this$props3.locale,
|
|
rootPrefixCls = _this$props3.rootPrefixCls,
|
|
changeSize = _this$props3.changeSize,
|
|
quickGo = _this$props3.quickGo,
|
|
goButton = _this$props3.goButton,
|
|
selectComponentClass = _this$props3.selectComponentClass,
|
|
buildOptionText = _this$props3.buildOptionText,
|
|
selectPrefixCls = _this$props3.selectPrefixCls,
|
|
disabled = _this$props3.disabled;
|
|
var goInputText = this.state.goInputText;
|
|
var prefixCls = "".concat(rootPrefixCls, "-options");
|
|
var Select = selectComponentClass;
|
|
var changeSelect = null;
|
|
var goInput = null;
|
|
var gotoButton = null;
|
|
|
|
if (!changeSize && !quickGo) {
|
|
return null;
|
|
}
|
|
|
|
var pageSizeOptions = this.getPageSizeOptions();
|
|
|
|
if (changeSize && Select) {
|
|
var options = pageSizeOptions.map(function (opt, i) {
|
|
return /*#__PURE__*/external_window_React_default.a.createElement(Select.Option, {
|
|
key: i,
|
|
value: opt.toString()
|
|
}, (buildOptionText || _this2.buildOptionText)(opt));
|
|
});
|
|
changeSelect = /*#__PURE__*/external_window_React_default.a.createElement(Select, {
|
|
disabled: disabled,
|
|
prefixCls: selectPrefixCls,
|
|
showSearch: false,
|
|
className: "".concat(prefixCls, "-size-changer"),
|
|
optionLabelProp: "children",
|
|
dropdownMatchSelectWidth: false,
|
|
value: (pageSize || pageSizeOptions[0]).toString(),
|
|
onChange: this.changeSize,
|
|
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
return triggerNode.parentNode;
|
|
}
|
|
}, options);
|
|
}
|
|
|
|
if (quickGo) {
|
|
if (goButton) {
|
|
gotoButton = typeof goButton === 'boolean' ? /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
onClick: this.go,
|
|
onKeyUp: this.go,
|
|
disabled: disabled,
|
|
className: "".concat(prefixCls, "-quick-jumper-button")
|
|
}, locale.jump_to_confirm) : /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
onClick: this.go,
|
|
onKeyUp: this.go
|
|
}, goButton);
|
|
}
|
|
|
|
goInput = /*#__PURE__*/external_window_React_default.a.createElement("div", {
|
|
className: "".concat(prefixCls, "-quick-jumper")
|
|
}, locale.jump_to, /*#__PURE__*/external_window_React_default.a.createElement("input", {
|
|
disabled: disabled,
|
|
type: "text",
|
|
value: goInputText,
|
|
onChange: this.handleChange,
|
|
onKeyUp: this.go,
|
|
onBlur: this.handleBlur
|
|
}), locale.page, gotoButton);
|
|
}
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
className: "".concat(prefixCls)
|
|
}, changeSelect, goInput);
|
|
}
|
|
}]);
|
|
|
|
return Options;
|
|
}(external_window_React_default.a.Component);
|
|
|
|
Options_Options.defaultProps = {
|
|
pageSizeOptions: ['10', '20', '50', '100']
|
|
};
|
|
/* harmony default export */ var es_Options = (Options_Options);
|
|
// EXTERNAL MODULE: ./node_modules/rc-pagination/es/locale/zh_CN.js
|
|
var zh_CN = __webpack_require__("N2Kk");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/Pagination.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function noop() {}
|
|
|
|
function isInteger(value) {
|
|
return (// eslint-disable-next-line no-restricted-globals
|
|
typeof value === 'number' && isFinite(value) && Math.floor(value) === value
|
|
);
|
|
}
|
|
|
|
function defaultItemRender(page, type, element) {
|
|
return element;
|
|
}
|
|
|
|
function calculatePage(p, state, props) {
|
|
var pageSize = typeof p === 'undefined' ? state.pageSize : p;
|
|
return Math.floor((props.total - 1) / pageSize) + 1;
|
|
}
|
|
|
|
var Pagination_Pagination = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Pagination, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Pagination);
|
|
|
|
function Pagination(props) {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Pagination);
|
|
|
|
_this = _super.call(this, props);
|
|
|
|
_this.getJumpPrevPage = function () {
|
|
return Math.max(1, _this.state.current - (_this.props.showLessItems ? 3 : 5));
|
|
};
|
|
|
|
_this.getJumpNextPage = function () {
|
|
return Math.min(calculatePage(undefined, _this.state, _this.props), _this.state.current + (_this.props.showLessItems ? 3 : 5));
|
|
};
|
|
|
|
_this.getItemIcon = function (icon, label) {
|
|
var prefixCls = _this.props.prefixCls;
|
|
var iconNode = icon || /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
"aria-label": label,
|
|
className: "".concat(prefixCls, "-item-link")
|
|
});
|
|
|
|
if (typeof icon === 'function') {
|
|
iconNode = external_window_React_default.a.createElement(icon, Object(objectSpread2["a" /* default */])({}, _this.props));
|
|
}
|
|
|
|
return iconNode;
|
|
};
|
|
|
|
_this.savePaginationNode = function (node) {
|
|
_this.paginationNode = node;
|
|
};
|
|
|
|
_this.isValid = function (page) {
|
|
return isInteger(page) && page !== _this.state.current;
|
|
};
|
|
|
|
_this.shouldDisplayQuickJumper = function () {
|
|
var _this$props = _this.props,
|
|
showQuickJumper = _this$props.showQuickJumper,
|
|
pageSize = _this$props.pageSize,
|
|
total = _this$props.total;
|
|
|
|
if (total <= pageSize) {
|
|
return false;
|
|
}
|
|
|
|
return showQuickJumper;
|
|
};
|
|
|
|
_this.handleKeyDown = function (e) {
|
|
if (e.keyCode === KeyCode.ARROW_UP || e.keyCode === KeyCode.ARROW_DOWN) {
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
|
|
_this.handleKeyUp = function (e) {
|
|
var value = _this.getValidValue(e);
|
|
|
|
var currentInputValue = _this.state.currentInputValue;
|
|
|
|
if (value !== currentInputValue) {
|
|
_this.setState({
|
|
currentInputValue: value
|
|
});
|
|
}
|
|
|
|
if (e.keyCode === KeyCode.ENTER) {
|
|
_this.handleChange(value);
|
|
} else if (e.keyCode === KeyCode.ARROW_UP) {
|
|
_this.handleChange(value - 1);
|
|
} else if (e.keyCode === KeyCode.ARROW_DOWN) {
|
|
_this.handleChange(value + 1);
|
|
}
|
|
};
|
|
|
|
_this.changePageSize = function (size) {
|
|
var current = _this.state.current;
|
|
var newCurrent = calculatePage(size, _this.state, _this.props);
|
|
current = current > newCurrent ? newCurrent : current; // fix the issue:
|
|
// Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
|
|
|
|
if (newCurrent === 0) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
current = _this.state.current;
|
|
}
|
|
|
|
if (typeof size === 'number') {
|
|
if (!('pageSize' in _this.props)) {
|
|
_this.setState({
|
|
pageSize: size
|
|
});
|
|
}
|
|
|
|
if (!('current' in _this.props)) {
|
|
_this.setState({
|
|
current: current,
|
|
currentInputValue: current
|
|
});
|
|
}
|
|
}
|
|
|
|
_this.props.onShowSizeChange(current, size);
|
|
|
|
if ('onChange' in _this.props && _this.props.onChange) {
|
|
_this.props.onChange(current, size);
|
|
}
|
|
};
|
|
|
|
_this.handleChange = function (p) {
|
|
var disabled = _this.props.disabled;
|
|
var page = p;
|
|
|
|
if (_this.isValid(page) && !disabled) {
|
|
var currentPage = calculatePage(undefined, _this.state, _this.props);
|
|
|
|
if (page > currentPage) {
|
|
page = currentPage;
|
|
} else if (page < 1) {
|
|
page = 1;
|
|
}
|
|
|
|
if (!('current' in _this.props)) {
|
|
_this.setState({
|
|
current: page,
|
|
currentInputValue: page
|
|
});
|
|
}
|
|
|
|
var pageSize = _this.state.pageSize;
|
|
|
|
_this.props.onChange(page, pageSize);
|
|
|
|
return page;
|
|
}
|
|
|
|
return _this.state.current;
|
|
};
|
|
|
|
_this.prev = function () {
|
|
if (_this.hasPrev()) {
|
|
_this.handleChange(_this.state.current - 1);
|
|
}
|
|
};
|
|
|
|
_this.next = function () {
|
|
if (_this.hasNext()) {
|
|
_this.handleChange(_this.state.current + 1);
|
|
}
|
|
};
|
|
|
|
_this.jumpPrev = function () {
|
|
_this.handleChange(_this.getJumpPrevPage());
|
|
};
|
|
|
|
_this.jumpNext = function () {
|
|
_this.handleChange(_this.getJumpNextPage());
|
|
};
|
|
|
|
_this.hasPrev = function () {
|
|
return _this.state.current > 1;
|
|
};
|
|
|
|
_this.hasNext = function () {
|
|
return _this.state.current < calculatePage(undefined, _this.state, _this.props);
|
|
};
|
|
|
|
_this.runIfEnter = function (event, callback) {
|
|
if (event.key === 'Enter' || event.charCode === 13) {
|
|
for (var _len = arguments.length, restParams = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
restParams[_key - 2] = arguments[_key];
|
|
}
|
|
|
|
callback.apply(void 0, restParams);
|
|
}
|
|
};
|
|
|
|
_this.runIfEnterPrev = function (e) {
|
|
_this.runIfEnter(e, _this.prev);
|
|
};
|
|
|
|
_this.runIfEnterNext = function (e) {
|
|
_this.runIfEnter(e, _this.next);
|
|
};
|
|
|
|
_this.runIfEnterJumpPrev = function (e) {
|
|
_this.runIfEnter(e, _this.jumpPrev);
|
|
};
|
|
|
|
_this.runIfEnterJumpNext = function (e) {
|
|
_this.runIfEnter(e, _this.jumpNext);
|
|
};
|
|
|
|
_this.handleGoTO = function (e) {
|
|
if (e.keyCode === KeyCode.ENTER || e.type === 'click') {
|
|
_this.handleChange(_this.state.currentInputValue);
|
|
}
|
|
};
|
|
|
|
var hasOnChange = props.onChange !== noop;
|
|
var hasCurrent = ('current' in props);
|
|
|
|
if (hasCurrent && !hasOnChange) {
|
|
// eslint-disable-next-line no-console
|
|
console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.');
|
|
}
|
|
|
|
var _current = props.defaultCurrent;
|
|
|
|
if ('current' in props) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
_current = props.current;
|
|
}
|
|
|
|
var _pageSize = props.defaultPageSize;
|
|
|
|
if ('pageSize' in props) {
|
|
// eslint-disable-next-line prefer-destructuring
|
|
_pageSize = props.pageSize;
|
|
}
|
|
|
|
_current = Math.min(_current, calculatePage(_pageSize, undefined, props));
|
|
_this.state = {
|
|
current: _current,
|
|
currentInputValue: _current,
|
|
pageSize: _pageSize
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Pagination, [{
|
|
key: "componentDidUpdate",
|
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
// When current page change, fix focused style of prev item
|
|
// A hacky solution of https://github.com/ant-design/ant-design/issues/8948
|
|
var prefixCls = this.props.prefixCls;
|
|
|
|
if (prevState.current !== this.state.current && this.paginationNode) {
|
|
var lastCurrentNode = this.paginationNode.querySelector(".".concat(prefixCls, "-item-").concat(prevState.current));
|
|
|
|
if (lastCurrentNode && document.activeElement === lastCurrentNode) {
|
|
lastCurrentNode.blur();
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: "getValidValue",
|
|
value: function getValidValue(e) {
|
|
var inputValue = e.target.value;
|
|
var allPages = calculatePage(undefined, this.state, this.props);
|
|
var currentInputValue = this.state.currentInputValue;
|
|
var value;
|
|
|
|
if (inputValue === '') {
|
|
value = inputValue; // eslint-disable-next-line no-restricted-globals
|
|
} else if (isNaN(Number(inputValue))) {
|
|
value = currentInputValue;
|
|
} else if (inputValue >= allPages) {
|
|
value = allPages;
|
|
} else {
|
|
value = Number(inputValue);
|
|
}
|
|
|
|
return value;
|
|
}
|
|
}, {
|
|
key: "getShowSizeChanger",
|
|
value: function getShowSizeChanger() {
|
|
var _this$props2 = this.props,
|
|
showSizeChanger = _this$props2.showSizeChanger,
|
|
total = _this$props2.total,
|
|
totalBoundaryShowSizeChanger = _this$props2.totalBoundaryShowSizeChanger;
|
|
|
|
if (typeof showSizeChanger !== 'undefined') {
|
|
return showSizeChanger;
|
|
}
|
|
|
|
return total > totalBoundaryShowSizeChanger;
|
|
}
|
|
}, {
|
|
key: "renderPrev",
|
|
value: function renderPrev(prevPage) {
|
|
var _this$props3 = this.props,
|
|
prevIcon = _this$props3.prevIcon,
|
|
itemRender = _this$props3.itemRender;
|
|
var prevButton = itemRender(prevPage, 'prev', this.getItemIcon(prevIcon, 'prev page'));
|
|
var disabled = !this.hasPrev();
|
|
return Object(external_window_React_["isValidElement"])(prevButton) ? Object(external_window_React_["cloneElement"])(prevButton, {
|
|
disabled: disabled
|
|
}) : prevButton;
|
|
}
|
|
}, {
|
|
key: "renderNext",
|
|
value: function renderNext(nextPage) {
|
|
var _this$props4 = this.props,
|
|
nextIcon = _this$props4.nextIcon,
|
|
itemRender = _this$props4.itemRender;
|
|
var nextButton = itemRender(nextPage, 'next', this.getItemIcon(nextIcon, 'next page'));
|
|
var disabled = !this.hasNext();
|
|
return Object(external_window_React_["isValidElement"])(nextButton) ? Object(external_window_React_["cloneElement"])(nextButton, {
|
|
disabled: disabled
|
|
}) : nextButton;
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var _this$props5 = this.props,
|
|
prefixCls = _this$props5.prefixCls,
|
|
className = _this$props5.className,
|
|
style = _this$props5.style,
|
|
disabled = _this$props5.disabled,
|
|
hideOnSinglePage = _this$props5.hideOnSinglePage,
|
|
total = _this$props5.total,
|
|
locale = _this$props5.locale,
|
|
showQuickJumper = _this$props5.showQuickJumper,
|
|
showLessItems = _this$props5.showLessItems,
|
|
showTitle = _this$props5.showTitle,
|
|
showTotal = _this$props5.showTotal,
|
|
simple = _this$props5.simple,
|
|
itemRender = _this$props5.itemRender,
|
|
showPrevNextJumpers = _this$props5.showPrevNextJumpers,
|
|
jumpPrevIcon = _this$props5.jumpPrevIcon,
|
|
jumpNextIcon = _this$props5.jumpNextIcon,
|
|
selectComponentClass = _this$props5.selectComponentClass,
|
|
selectPrefixCls = _this$props5.selectPrefixCls,
|
|
pageSizeOptions = _this$props5.pageSizeOptions;
|
|
var _this$state = this.state,
|
|
current = _this$state.current,
|
|
pageSize = _this$state.pageSize,
|
|
currentInputValue = _this$state.currentInputValue; // When hideOnSinglePage is true and there is only 1 page, hide the pager
|
|
|
|
if (hideOnSinglePage === true && total <= pageSize) {
|
|
return null;
|
|
}
|
|
|
|
var allPages = calculatePage(undefined, this.state, this.props);
|
|
var pagerList = [];
|
|
var jumpPrev = null;
|
|
var jumpNext = null;
|
|
var firstPager = null;
|
|
var lastPager = null;
|
|
var gotoButton = null;
|
|
var goButton = showQuickJumper && showQuickJumper.goButton;
|
|
var pageBufferSize = showLessItems ? 1 : 2;
|
|
var prevPage = current - 1 > 0 ? current - 1 : 0;
|
|
var nextPage = current + 1 < allPages ? current + 1 : allPages;
|
|
var dataOrAriaAttributeProps = Object.keys(this.props).reduce(function (prev, key) {
|
|
if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
|
|
// eslint-disable-next-line no-param-reassign
|
|
prev[key] = _this2.props[key];
|
|
}
|
|
|
|
return prev;
|
|
}, {});
|
|
|
|
if (simple) {
|
|
if (goButton) {
|
|
if (typeof goButton === 'boolean') {
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("button", {
|
|
type: "button",
|
|
onClick: this.handleGoTO,
|
|
onKeyUp: this.handleGoTO
|
|
}, locale.jump_to_confirm);
|
|
} else {
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
onClick: this.handleGoTO,
|
|
onKeyUp: this.handleGoTO
|
|
}, goButton);
|
|
}
|
|
|
|
gotoButton = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? "".concat(locale.jump_to).concat(current, "/").concat(allPages) : null,
|
|
className: "".concat(prefixCls, "-simple-pager")
|
|
}, gotoButton);
|
|
}
|
|
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("ul", Object(esm_extends["a" /* default */])({
|
|
className: classnames_default()(prefixCls, "".concat(prefixCls, "-simple"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), disabled), className),
|
|
style: style,
|
|
ref: this.savePaginationNode
|
|
}, dataOrAriaAttributeProps), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.prev_page : null,
|
|
onClick: this.prev,
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
onKeyPress: this.runIfEnterPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), !this.hasPrev())),
|
|
"aria-disabled": !this.hasPrev()
|
|
}, this.renderPrev(prevPage)), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? "".concat(current, "/").concat(allPages) : null,
|
|
className: "".concat(prefixCls, "-simple-pager")
|
|
}, /*#__PURE__*/external_window_React_default.a.createElement("input", {
|
|
type: "text",
|
|
value: currentInputValue,
|
|
disabled: disabled,
|
|
onKeyDown: this.handleKeyDown,
|
|
onKeyUp: this.handleKeyUp,
|
|
onChange: this.handleKeyUp,
|
|
size: "3"
|
|
}), /*#__PURE__*/external_window_React_default.a.createElement("span", {
|
|
className: "".concat(prefixCls, "-slash")
|
|
}, "/"), allPages), /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.next_page : null,
|
|
onClick: this.next,
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
onKeyPress: this.runIfEnterNext,
|
|
className: classnames_default()("".concat(prefixCls, "-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), !this.hasNext())),
|
|
"aria-disabled": !this.hasNext()
|
|
}, this.renderNext(nextPage)), gotoButton);
|
|
}
|
|
|
|
if (allPages <= 3 + pageBufferSize * 2) {
|
|
var pagerProps = {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
};
|
|
|
|
if (!allPages) {
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, Object(esm_extends["a" /* default */])({}, pagerProps, {
|
|
key: "noPager",
|
|
page: allPages,
|
|
className: "".concat(prefixCls, "-disabled")
|
|
})));
|
|
}
|
|
|
|
for (var i = 1; i <= allPages; i += 1) {
|
|
var active = current === i;
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, Object(esm_extends["a" /* default */])({}, pagerProps, {
|
|
key: i,
|
|
page: i,
|
|
active: active
|
|
})));
|
|
}
|
|
} else {
|
|
var prevItemTitle = showLessItems ? locale.prev_3 : locale.prev_5;
|
|
var nextItemTitle = showLessItems ? locale.next_3 : locale.next_5;
|
|
|
|
if (showPrevNextJumpers) {
|
|
jumpPrev = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? prevItemTitle : null,
|
|
key: "prev",
|
|
onClick: this.jumpPrev,
|
|
tabIndex: "0",
|
|
onKeyPress: this.runIfEnterJumpPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-jump-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-jump-prev-custom-icon"), !!jumpPrevIcon))
|
|
}, itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(jumpPrevIcon, 'prev page')));
|
|
jumpNext = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? nextItemTitle : null,
|
|
key: "next",
|
|
tabIndex: "0",
|
|
onClick: this.jumpNext,
|
|
onKeyPress: this.runIfEnterJumpNext,
|
|
className: classnames_default()("".concat(prefixCls, "-jump-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-jump-next-custom-icon"), !!jumpNextIcon))
|
|
}, itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(jumpNextIcon, 'next page')));
|
|
}
|
|
|
|
lastPager = /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
last: true,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: allPages,
|
|
page: allPages,
|
|
active: false,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
});
|
|
firstPager = /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: 1,
|
|
page: 1,
|
|
active: false,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
});
|
|
var left = Math.max(1, current - pageBufferSize);
|
|
var right = Math.min(current + pageBufferSize, allPages);
|
|
|
|
if (current - 1 <= pageBufferSize) {
|
|
right = 1 + pageBufferSize * 2;
|
|
}
|
|
|
|
if (allPages - current <= pageBufferSize) {
|
|
left = allPages - pageBufferSize * 2;
|
|
}
|
|
|
|
for (var _i = left; _i <= right; _i += 1) {
|
|
var _active = current === _i;
|
|
|
|
pagerList.push( /*#__PURE__*/external_window_React_default.a.createElement(es_Pager, {
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
onClick: this.handleChange,
|
|
onKeyPress: this.runIfEnter,
|
|
key: _i,
|
|
page: _i,
|
|
active: _active,
|
|
showTitle: showTitle,
|
|
itemRender: itemRender
|
|
}));
|
|
}
|
|
|
|
if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
|
|
pagerList[0] = Object(external_window_React_["cloneElement"])(pagerList[0], {
|
|
className: "".concat(prefixCls, "-item-after-jump-prev")
|
|
});
|
|
pagerList.unshift(jumpPrev);
|
|
}
|
|
|
|
if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
|
|
pagerList[pagerList.length - 1] = Object(external_window_React_["cloneElement"])(pagerList[pagerList.length - 1], {
|
|
className: "".concat(prefixCls, "-item-before-jump-next")
|
|
});
|
|
pagerList.push(jumpNext);
|
|
}
|
|
|
|
if (left !== 1) {
|
|
pagerList.unshift(firstPager);
|
|
}
|
|
|
|
if (right !== allPages) {
|
|
pagerList.push(lastPager);
|
|
}
|
|
}
|
|
|
|
var totalText = null;
|
|
|
|
if (showTotal) {
|
|
totalText = /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
className: "".concat(prefixCls, "-total-text")
|
|
}, showTotal(total, [total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > total ? total : current * pageSize]));
|
|
}
|
|
|
|
var prevDisabled = !this.hasPrev() || !allPages;
|
|
var nextDisabled = !this.hasNext() || !allPages;
|
|
return /*#__PURE__*/external_window_React_default.a.createElement("ul", Object(esm_extends["a" /* default */])({
|
|
className: classnames_default()(prefixCls, className, Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), disabled)),
|
|
style: style,
|
|
unselectable: "unselectable",
|
|
ref: this.savePaginationNode
|
|
}, dataOrAriaAttributeProps), totalText, /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.prev_page : null,
|
|
onClick: this.prev,
|
|
tabIndex: prevDisabled ? null : 0,
|
|
onKeyPress: this.runIfEnterPrev,
|
|
className: classnames_default()("".concat(prefixCls, "-prev"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), prevDisabled)),
|
|
"aria-disabled": prevDisabled
|
|
}, this.renderPrev(prevPage)), pagerList, /*#__PURE__*/external_window_React_default.a.createElement("li", {
|
|
title: showTitle ? locale.next_page : null,
|
|
onClick: this.next,
|
|
tabIndex: nextDisabled ? null : 0,
|
|
onKeyPress: this.runIfEnterNext,
|
|
className: classnames_default()("".concat(prefixCls, "-next"), Object(defineProperty["a" /* default */])({}, "".concat(prefixCls, "-disabled"), nextDisabled)),
|
|
"aria-disabled": nextDisabled
|
|
}, this.renderNext(nextPage)), /*#__PURE__*/external_window_React_default.a.createElement(es_Options, {
|
|
disabled: disabled,
|
|
locale: locale,
|
|
rootPrefixCls: prefixCls,
|
|
selectComponentClass: selectComponentClass,
|
|
selectPrefixCls: selectPrefixCls,
|
|
changeSize: this.getShowSizeChanger() ? this.changePageSize : null,
|
|
current: current,
|
|
pageSize: pageSize,
|
|
pageSizeOptions: pageSizeOptions,
|
|
quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,
|
|
goButton: goButton
|
|
}));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(props, prevState) {
|
|
var newState = {};
|
|
|
|
if ('current' in props) {
|
|
newState.current = props.current;
|
|
|
|
if (props.current !== prevState.current) {
|
|
newState.currentInputValue = newState.current;
|
|
}
|
|
}
|
|
|
|
if ('pageSize' in props && props.pageSize !== prevState.pageSize) {
|
|
var current = prevState.current;
|
|
var newCurrent = calculatePage(props.pageSize, prevState, props);
|
|
current = current > newCurrent ? newCurrent : current;
|
|
|
|
if (!('current' in props)) {
|
|
newState.current = current;
|
|
newState.currentInputValue = current;
|
|
}
|
|
|
|
newState.pageSize = props.pageSize;
|
|
}
|
|
|
|
return newState;
|
|
}
|
|
}]);
|
|
|
|
return Pagination;
|
|
}(external_window_React_default.a.Component);
|
|
|
|
Pagination_Pagination.defaultProps = {
|
|
defaultCurrent: 1,
|
|
total: 0,
|
|
defaultPageSize: 10,
|
|
onChange: noop,
|
|
className: '',
|
|
selectPrefixCls: 'rc-select',
|
|
prefixCls: 'rc-pagination',
|
|
selectComponentClass: null,
|
|
hideOnSinglePage: false,
|
|
showPrevNextJumpers: true,
|
|
showQuickJumper: false,
|
|
showLessItems: false,
|
|
showTitle: true,
|
|
onShowSizeChange: noop,
|
|
locale: zh_CN["a" /* default */],
|
|
style: {},
|
|
itemRender: defaultItemRender,
|
|
totalBoundaryShowSizeChanger: 50
|
|
};
|
|
/* harmony default export */ var es_Pagination = (Pagination_Pagination);
|
|
// CONCATENATED MODULE: ./node_modules/rc-pagination/es/index.js
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "LdHM":
|
|
/*!********************************************************!*\
|
|
!*** ./node_modules/rc-select/es/index.js + 6 modules ***!
|
|
\********************************************************/
|
|
/*! exports provided: Option, OptGroup, default */
|
|
/*! exports used: OptGroup, Option, default */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createClass.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/createSuper.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/defineProperty.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/inherits.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/@babel/runtime/helpers/esm/typeof.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/classnames/index.js (<- Module is not an ECMAScript module) */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/TransBtn.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/generate.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/utils/commonUtil.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-select/es/utils/valueUtil.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/Children/toArray.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/KeyCode.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/hooks/useMemo.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/pickAttrs.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-util/es/warning.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with ./node_modules/rc-virtual-list/es/index.js */
|
|
/*! ModuleConcatenation bailout: Cannot concat with external "window.React" (<- Module is not an ECMAScript module) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ es_Option; });
|
|
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ es_OptGroup; });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
var classCallCheck = __webpack_require__("1OyB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
var createClass = __webpack_require__("vuIU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
var inherits = __webpack_require__("Ji7U");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
var createSuper = __webpack_require__("LK+K");
|
|
|
|
// EXTERNAL MODULE: external "window.React"
|
|
var external_window_React_ = __webpack_require__("cDcd");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
var defineProperty = __webpack_require__("rePB");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__("Ff2n");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
|
|
var slicedToArray = __webpack_require__("ODXe");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/KeyCode.js
|
|
var KeyCode = __webpack_require__("4IlW");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/pickAttrs.js
|
|
var pickAttrs = __webpack_require__("bX4T");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/hooks/useMemo.js
|
|
var useMemo = __webpack_require__("YrtM");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/classnames/index.js
|
|
var classnames = __webpack_require__("TSYQ");
|
|
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-virtual-list/es/index.js + 19 modules
|
|
var es = __webpack_require__("+nKL");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/TransBtn.js
|
|
var TransBtn = __webpack_require__("8OUc");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/OptionList.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Using virtual list of option display.
|
|
* Will fallback to dom if use customize render.
|
|
*/
|
|
|
|
var OptionList_OptionList = function OptionList(_ref, ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
id = _ref.id,
|
|
flattenOptions = _ref.flattenOptions,
|
|
childrenAsData = _ref.childrenAsData,
|
|
values = _ref.values,
|
|
searchValue = _ref.searchValue,
|
|
multiple = _ref.multiple,
|
|
defaultActiveFirstOption = _ref.defaultActiveFirstOption,
|
|
height = _ref.height,
|
|
itemHeight = _ref.itemHeight,
|
|
notFoundContent = _ref.notFoundContent,
|
|
open = _ref.open,
|
|
menuItemSelectedIcon = _ref.menuItemSelectedIcon,
|
|
virtual = _ref.virtual,
|
|
onSelect = _ref.onSelect,
|
|
onToggleOpen = _ref.onToggleOpen,
|
|
onActiveValue = _ref.onActiveValue,
|
|
onScroll = _ref.onScroll,
|
|
onMouseEnter = _ref.onMouseEnter;
|
|
var itemPrefixCls = "".concat(prefixCls, "-item");
|
|
var memoFlattenOptions = Object(useMemo["a" /* default */])(function () {
|
|
return flattenOptions;
|
|
}, [open, flattenOptions], function (prev, next) {
|
|
return next[0] && prev[1] !== next[1];
|
|
}); // =========================== List ===========================
|
|
|
|
var listRef = external_window_React_["useRef"](null);
|
|
|
|
var onListMouseDown = function onListMouseDown(event) {
|
|
event.preventDefault();
|
|
};
|
|
|
|
var scrollIntoView = function scrollIntoView(index) {
|
|
if (listRef.current) {
|
|
listRef.current.scrollTo({
|
|
index: index
|
|
});
|
|
}
|
|
}; // ========================== Active ==========================
|
|
|
|
|
|
var getEnabledActiveIndex = function getEnabledActiveIndex(index) {
|
|
var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
var len = memoFlattenOptions.length;
|
|
|
|
for (var i = 0; i < len; i += 1) {
|
|
var current = (index + i * offset + len) % len;
|
|
var _memoFlattenOptions$c = memoFlattenOptions[current],
|
|
group = _memoFlattenOptions$c.group,
|
|
data = _memoFlattenOptions$c.data;
|
|
|
|
if (!group && !data.disabled) {
|
|
return current;
|
|
}
|
|
}
|
|
|
|
return -1;
|
|
};
|
|
|
|
var _React$useState = external_window_React_["useState"](function () {
|
|
return getEnabledActiveIndex(0);
|
|
}),
|
|
_React$useState2 = Object(slicedToArray["a" /* default */])(_React$useState, 2),
|
|
activeIndex = _React$useState2[0],
|
|
setActiveIndex = _React$useState2[1];
|
|
|
|
var setActive = function setActive(index) {
|
|
setActiveIndex(index); // Trigger active event
|
|
|
|
var flattenItem = memoFlattenOptions[index];
|
|
|
|
if (!flattenItem) {
|
|
onActiveValue(null, -1);
|
|
return;
|
|
}
|
|
|
|
onActiveValue(flattenItem.data.value, index);
|
|
}; // Auto active first item when list length or searchValue changed
|
|
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
setActive(defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1);
|
|
}, [memoFlattenOptions.length, searchValue]); // Auto scroll to item position in single mode
|
|
|
|
external_window_React_["useEffect"](function () {
|
|
/**
|
|
* React will skip `onChange` when component update.
|
|
* `setActive` function will call root accessibility state update which makes re-render.
|
|
* So we need to delay to let Input component trigger onChange first.
|
|
*/
|
|
var timeoutId = setTimeout(function () {
|
|
if (!multiple && open && values.size === 1) {
|
|
var value = Array.from(values)[0];
|
|
var index = memoFlattenOptions.findIndex(function (_ref2) {
|
|
var data = _ref2.data;
|
|
return data.value === value;
|
|
});
|
|
setActive(index);
|
|
scrollIntoView(index);
|
|
}
|
|
});
|
|
return function () {
|
|
return clearTimeout(timeoutId);
|
|
};
|
|
}, [open]); // ========================== Values ==========================
|
|
|
|
var onSelectValue = function onSelectValue(value) {
|
|
if (value !== undefined) {
|
|
onSelect(value, {
|
|
selected: !values.has(value)
|
|
});
|
|
} // Single mode should always close by select
|
|
|
|
|
|
if (!multiple) {
|
|
onToggleOpen(false);
|
|
}
|
|
}; // ========================= Keyboard =========================
|
|
|
|
|
|
external_window_React_["useImperativeHandle"](ref, function () {
|
|
return {
|
|
onKeyDown: function onKeyDown(event) {
|
|
var which = event.which;
|
|
|
|
switch (which) {
|
|
// >>> Arrow keys
|
|
case KeyCode["a" /* default */].UP:
|
|
case KeyCode["a" /* default */].DOWN:
|
|
{
|
|
var offset = 0;
|
|
|
|
if (which === KeyCode["a" /* default */].UP) {
|
|
offset = -1;
|
|
} else if (which === KeyCode["a" /* default */].DOWN) {
|
|
offset = 1;
|
|
}
|
|
|
|
if (offset !== 0) {
|
|
var nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
|
|
scrollIntoView(nextActiveIndex);
|
|
setActive(nextActiveIndex);
|
|
}
|
|
|
|
break;
|
|
}
|
|
// >>> Select
|
|
|
|
case KeyCode["a" /* default */].ENTER:
|
|
{
|
|
// value
|
|
var item = memoFlattenOptions[activeIndex];
|
|
|
|
if (item && !item.data.disabled) {
|
|
onSelectValue(item.data.value);
|
|
} else {
|
|
onSelectValue(undefined);
|
|
}
|
|
|
|
if (open) {
|
|
event.preventDefault();
|
|
}
|
|
|
|
break;
|
|
}
|
|
// >>> Close
|
|
|
|
case KeyCode["a" /* default */].ESC:
|
|
{
|
|
onToggleOpen(false);
|
|
}
|
|
}
|
|
},
|
|
onKeyUp: function onKeyUp() {},
|
|
scrollTo: function scrollTo(index) {
|
|
scrollIntoView(index);
|
|
}
|
|
};
|
|
}); // ========================== Render ==========================
|
|
|
|
if (memoFlattenOptions.length === 0) {
|
|
return external_window_React_["createElement"]("div", {
|
|
role: "listbox",
|
|
id: "".concat(id, "_list"),
|
|
className: "".concat(itemPrefixCls, "-empty"),
|
|
onMouseDown: onListMouseDown
|
|
}, notFoundContent);
|
|
}
|
|
|
|
function renderItem(index) {
|
|
var item = memoFlattenOptions[index];
|
|
if (!item) return null;
|
|
var itemData = item.data || {};
|
|
var value = itemData.value,
|
|
label = itemData.label,
|
|
children = itemData.children;
|
|
var attrs = Object(pickAttrs["a" /* default */])(itemData, true);
|
|
var mergedLabel = childrenAsData ? children : label;
|
|
return item ? external_window_React_["createElement"]("div", Object.assign({
|
|
"aria-label": typeof mergedLabel === 'string' ? mergedLabel : null
|
|
}, attrs, {
|
|
key: index,
|
|
role: "option",
|
|
id: "".concat(id, "_list_").concat(index),
|
|
"aria-selected": values.has(value)
|
|
}), value) : null;
|
|
}
|
|
|
|
return external_window_React_["createElement"](external_window_React_["Fragment"], null, external_window_React_["createElement"]("div", {
|
|
role: "listbox",
|
|
id: "".concat(id, "_list"),
|
|
style: {
|
|
height: 0,
|
|
width: 0,
|
|
overflow: 'hidden'
|
|
}
|
|
}, renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), external_window_React_["createElement"](es["a" /* default */], {
|
|
itemKey: "key",
|
|
ref: listRef,
|
|
data: memoFlattenOptions,
|
|
height: height,
|
|
itemHeight: itemHeight,
|
|
fullHeight: false,
|
|
onMouseDown: onListMouseDown,
|
|
onScroll: onScroll,
|
|
virtual: virtual,
|
|
onMouseEnter: onMouseEnter
|
|
}, function (_ref3, itemIndex) {
|
|
var _classNames;
|
|
|
|
var group = _ref3.group,
|
|
groupOption = _ref3.groupOption,
|
|
data = _ref3.data;
|
|
var label = data.label,
|
|
key = data.key; // Group
|
|
|
|
if (group) {
|
|
return external_window_React_["createElement"]("div", {
|
|
className: classnames_default()(itemPrefixCls, "".concat(itemPrefixCls, "-group"))
|
|
}, label !== undefined ? label : key);
|
|
}
|
|
|
|
var disabled = data.disabled,
|
|
value = data.value,
|
|
title = data.title,
|
|
children = data.children,
|
|
style = data.style,
|
|
className = data.className,
|
|
otherProps = Object(objectWithoutProperties["a" /* default */])(data, ["disabled", "value", "title", "children", "style", "className"]); // Option
|
|
|
|
|
|
var selected = values.has(value);
|
|
var optionPrefixCls = "".concat(itemPrefixCls, "-option");
|
|
var optionClassName = classnames_default()(itemPrefixCls, optionPrefixCls, className, (_classNames = {}, Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-grouped"), groupOption), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-active"), activeIndex === itemIndex && !disabled), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-disabled"), disabled), Object(defineProperty["a" /* default */])(_classNames, "".concat(optionPrefixCls, "-selected"), selected), _classNames));
|
|
var mergedLabel = childrenAsData ? children : label;
|
|
var iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
|
|
return external_window_React_["createElement"]("div", Object.assign({}, otherProps, {
|
|
"aria-selected": selected,
|
|
className: optionClassName,
|
|
title: title,
|
|
onMouseMove: function onMouseMove() {
|
|
if (activeIndex === itemIndex || disabled) {
|
|
return;
|
|
}
|
|
|
|
setActive(itemIndex);
|
|
},
|
|
onClick: function onClick() {
|
|
if (!disabled) {
|
|
onSelectValue(value);
|
|
}
|
|
},
|
|
style: style
|
|
}), external_window_React_["createElement"]("div", {
|
|
className: "".concat(optionPrefixCls, "-content")
|
|
}, mergedLabel || value), external_window_React_["isValidElement"](menuItemSelectedIcon) || selected, iconVisible && external_window_React_["createElement"](TransBtn["a" /* default */], {
|
|
className: "".concat(itemPrefixCls, "-option-state"),
|
|
customizeIcon: menuItemSelectedIcon,
|
|
customizeIconProps: {
|
|
isSelected: selected
|
|
}
|
|
}, selected ? '✓' : null));
|
|
}));
|
|
};
|
|
|
|
var RefOptionList = external_window_React_["forwardRef"](OptionList_OptionList);
|
|
RefOptionList.displayName = 'OptionList';
|
|
/* harmony default export */ var es_OptionList = (RefOptionList);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/Option.js
|
|
/** This is a placeholder, not real render in dom */
|
|
var Option = function Option() {
|
|
return null;
|
|
};
|
|
|
|
Option.isSelectOption = true;
|
|
/* harmony default export */ var es_Option = (Option);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/OptGroup.js
|
|
/** This is a placeholder, not real render in dom */
|
|
var OptGroup = function OptGroup() {
|
|
return null;
|
|
};
|
|
|
|
OptGroup.isSelectOptGroup = true;
|
|
/* harmony default export */ var es_OptGroup = (OptGroup);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__("VTBJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__("Zm9Q");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/utils/legacyUtil.js
|
|
|
|
|
|
|
|
|
|
|
|
function convertNodeToOption(node) {
|
|
var key = node.key,
|
|
_node$props = node.props,
|
|
children = _node$props.children,
|
|
value = _node$props.value,
|
|
restProps = Object(objectWithoutProperties["a" /* default */])(_node$props, ["children", "value"]);
|
|
|
|
return Object(objectSpread2["a" /* default */])({
|
|
key: key,
|
|
value: value !== undefined ? value : key,
|
|
children: children
|
|
}, restProps);
|
|
}
|
|
|
|
function convertChildrenToData(nodes) {
|
|
var optionOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
return Object(toArray["a" /* default */])(nodes).map(function (node, index) {
|
|
if (!external_window_React_["isValidElement"](node) || !node.type) {
|
|
return null;
|
|
}
|
|
|
|
var isSelectOptGroup = node.type.isSelectOptGroup,
|
|
key = node.key,
|
|
_node$props2 = node.props,
|
|
children = _node$props2.children,
|
|
restProps = Object(objectWithoutProperties["a" /* default */])(_node$props2, ["children"]);
|
|
|
|
if (optionOnly || !isSelectOptGroup) {
|
|
return convertNodeToOption(node);
|
|
}
|
|
|
|
return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
|
|
key: "__RC_SELECT_GRP__".concat(key === null ? index : key, "__"),
|
|
label: key
|
|
}, restProps), {}, {
|
|
options: convertChildrenToData(children)
|
|
});
|
|
}).filter(function (data) {
|
|
return data;
|
|
});
|
|
}
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/utils/valueUtil.js
|
|
var valueUtil = __webpack_require__("2Qr1");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/generate.js + 11 modules
|
|
var generate = __webpack_require__("qNPg");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
var esm_typeof = __webpack_require__("U8pU");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
var warning = __webpack_require__("Kwbf");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-select/es/utils/commonUtil.js
|
|
var commonUtil = __webpack_require__("WKfj");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/utils/warningPropsUtil.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function warningProps(props) {
|
|
var mode = props.mode,
|
|
options = props.options,
|
|
children = props.children,
|
|
backfill = props.backfill,
|
|
allowClear = props.allowClear,
|
|
placeholder = props.placeholder,
|
|
getInputElement = props.getInputElement,
|
|
showSearch = props.showSearch,
|
|
onSearch = props.onSearch,
|
|
defaultOpen = props.defaultOpen,
|
|
autoFocus = props.autoFocus,
|
|
labelInValue = props.labelInValue,
|
|
value = props.value,
|
|
inputValue = props.inputValue,
|
|
optionLabelProp = props.optionLabelProp;
|
|
var multiple = mode === 'multiple' || mode === 'tags';
|
|
var mergedShowSearch = showSearch !== undefined ? showSearch : multiple || mode === 'combobox';
|
|
var mergedOptions = options || convertChildrenToData(children); // `tags` should not set option as disabled
|
|
|
|
Object(warning["a" /* default */])(mode !== 'tags' || mergedOptions.every(function (opt) {
|
|
return !opt.disabled;
|
|
}), 'Please avoid setting option to disabled in tags mode since user can always type text as tag.'); // `combobox` & `tags` should option be `string` type
|
|
|
|
if (mode === 'tags' || mode === 'combobox') {
|
|
var hasNumberValue = mergedOptions.some(function (item) {
|
|
if (item.options) {
|
|
return item.options.some(function (opt) {
|
|
return typeof ('value' in opt ? opt.value : opt.key) === 'number';
|
|
});
|
|
}
|
|
|
|
return typeof ('value' in item ? item.value : item.key) === 'number';
|
|
});
|
|
Object(warning["a" /* default */])(!hasNumberValue, '`value` of Option should not use number type when `mode` is `tags` or `combobox`.');
|
|
} // `combobox` should not use `optionLabelProp`
|
|
|
|
|
|
Object(warning["a" /* default */])(mode !== 'combobox' || !optionLabelProp, '`combobox` mode not support `optionLabelProp`. Please set `value` on Option directly.'); // Only `combobox` support `backfill`
|
|
|
|
Object(warning["a" /* default */])(mode === 'combobox' || !backfill, '`backfill` only works with `combobox` mode.'); // Only `combobox` support `getInputElement`
|
|
|
|
Object(warning["a" /* default */])(mode === 'combobox' || !getInputElement, '`getInputElement` only work with `combobox` mode.'); // Customize `getInputElement` should not use `allowClear` & `placeholder`
|
|
|
|
Object(warning["b" /* noteOnce */])(mode !== 'combobox' || !getInputElement || !allowClear || !placeholder, 'Customize `getInputElement` should customize clear and placeholder logic instead of configuring `allowClear` and `placeholder`.'); // `onSearch` should use in `combobox` or `showSearch`
|
|
|
|
if (onSearch && !mergedShowSearch && mode !== 'combobox' && mode !== 'tags') {
|
|
Object(warning["a" /* default */])(false, '`onSearch` should work with `showSearch` instead of use alone.');
|
|
}
|
|
|
|
Object(warning["b" /* noteOnce */])(!defaultOpen || autoFocus, '`defaultOpen` makes Select open without focus which means it will not close by click outside. You can set `autoFocus` if needed.');
|
|
|
|
if (value !== undefined && value !== null) {
|
|
var values = Object(commonUtil["d" /* toArray */])(value);
|
|
Object(warning["a" /* default */])(!labelInValue || values.every(function (val) {
|
|
return Object(esm_typeof["a" /* default */])(val) === 'object' && ('key' in val || 'value' in val);
|
|
}), '`value` should in shape of `{ value: string | number, label?: ReactNode }` when you set `labelInValue` to `true`');
|
|
Object(warning["a" /* default */])(!multiple || Array.isArray(value), '`value` should be array when `mode` is `multiple` or `tags`');
|
|
} // Syntactic sugar should use correct children type
|
|
|
|
|
|
if (children) {
|
|
var invalidateChildType = null;
|
|
Object(toArray["a" /* default */])(children).some(function (node) {
|
|
if (!external_window_React_["isValidElement"](node) || !node.type) {
|
|
return false;
|
|
}
|
|
|
|
var type = node.type;
|
|
|
|
if (type.isSelectOption) {
|
|
return false;
|
|
}
|
|
|
|
if (type.isSelectOptGroup) {
|
|
var allChildrenValid = Object(toArray["a" /* default */])(node.props.children).every(function (subNode) {
|
|
if (!external_window_React_["isValidElement"](subNode) || !node.type || subNode.type.isSelectOption) {
|
|
return true;
|
|
}
|
|
|
|
invalidateChildType = subNode.type;
|
|
return false;
|
|
});
|
|
|
|
if (allChildrenValid) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
invalidateChildType = type;
|
|
return true;
|
|
});
|
|
|
|
if (invalidateChildType) {
|
|
Object(warning["a" /* default */])(false, "`children` should be `Select.Option` or `Select.OptGroup` instead of `".concat(invalidateChildType.displayName || invalidateChildType.name || invalidateChildType, "`."));
|
|
}
|
|
|
|
Object(warning["a" /* default */])(inputValue === undefined, '`inputValue` is deprecated, please use `searchValue` instead.');
|
|
}
|
|
}
|
|
|
|
/* harmony default export */ var warningPropsUtil = (warningProps);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/Select.js
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
* To match accessibility requirement, we always provide an input in the component.
|
|
* Other element will not set `tabIndex` to avoid `onBlur` sequence problem.
|
|
* For focused select, we set `aria-live="polite"` to update the accessibility content.
|
|
*
|
|
* ref:
|
|
* - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions
|
|
*
|
|
* New api:
|
|
* - listHeight
|
|
* - listItemHeight
|
|
* - component
|
|
*
|
|
* Remove deprecated api:
|
|
* - multiple
|
|
* - tags
|
|
* - combobox
|
|
* - firstActiveValue
|
|
* - dropdownMenuStyle
|
|
* - openClassName (Not list in api)
|
|
*
|
|
* Update:
|
|
* - `backfill` only support `combobox` mode
|
|
* - `combobox` mode not support `labelInValue` since it's meaningless
|
|
* - `getInputElement` only support `combobox` mode
|
|
* - `onChange` return OptionData instead of ReactNode
|
|
* - `filterOption` `onChange` `onSelect` accept OptionData instead of ReactNode
|
|
* - `combobox` mode trigger `onChange` will get `undefined` if no `value` match in Option
|
|
* - `combobox` mode not support `optionLabelProp`
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var RefSelect = Object(generate["a" /* default */])({
|
|
prefixCls: 'rc-select',
|
|
components: {
|
|
optionList: es_OptionList
|
|
},
|
|
convertChildrenToData: convertChildrenToData,
|
|
flattenOptions: valueUtil["d" /* flattenOptions */],
|
|
getLabeledValue: valueUtil["e" /* getLabeledValue */],
|
|
filterOptions: valueUtil["b" /* filterOptions */],
|
|
isValueDisabled: valueUtil["g" /* isValueDisabled */],
|
|
findValueOption: valueUtil["c" /* findValueOption */],
|
|
warningProps: warningPropsUtil,
|
|
fillOptionsWithMissingValue: valueUtil["a" /* fillOptionsWithMissingValue */]
|
|
});
|
|
/**
|
|
* Typescript not support generic with function component,
|
|
* we have to wrap an class component to handle this.
|
|
*/
|
|
|
|
var Select_Select = /*#__PURE__*/function (_React$Component) {
|
|
Object(inherits["a" /* default */])(Select, _React$Component);
|
|
|
|
var _super = Object(createSuper["a" /* default */])(Select);
|
|
|
|
function Select() {
|
|
var _this;
|
|
|
|
Object(classCallCheck["a" /* default */])(this, Select);
|
|
|
|
_this = _super.apply(this, arguments);
|
|
_this.selectRef = external_window_React_["createRef"]();
|
|
|
|
_this.focus = function () {
|
|
_this.selectRef.current.focus();
|
|
};
|
|
|
|
_this.blur = function () {
|
|
_this.selectRef.current.blur();
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
Object(createClass["a" /* default */])(Select, [{
|
|
key: "render",
|
|
value: function render() {
|
|
return external_window_React_["createElement"](RefSelect, Object.assign({
|
|
ref: this.selectRef
|
|
}, this.props));
|
|
}
|
|
}]);
|
|
|
|
return Select;
|
|
}(external_window_React_["Component"]);
|
|
|
|
Select_Select.Option = es_Option;
|
|
Select_Select.OptGroup = es_OptGroup;
|
|
/* harmony default export */ var es_Select = (Select_Select);
|
|
// CONCATENATED MODULE: ./node_modules/rc-select/es/index.js
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var rc_select_es = __webpack_exports__["c"] = (es_Select);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "O2Xr":
|
|
/*!*******************************************************!*\
|
|
!*** ./src/pages/Messages/Tidings/index.less?modules ***!
|
|
\*******************************************************/
|
|
/*! no static exports found */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// extracted by mini-css-extract-plugin
|
|
module.exports = {"flex_box_center":"flex_box_center___1Xg0z","flex_space_between":"flex_space_between___K6Nic","flex_box_vertical_center":"flex_box_vertical_center___aXzxG","flex_box_center_end":"flex_box_center_end___2-MQb","flex_box_column":"flex_box_column___23uN5","userInfo":"userInfo___2Mrj4","navInfo":"navInfo___S5De6","actived":"actived___2sj9F","tabs":"tabs___1mLCo","active":"active___1oNZR","list":"list___31DjG","tags":"tags___2kXcS","tagsGreen":"tagsGreen___5AzhZ","newlight":"newlight___2i-yq"};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "YmwD":
|
|
/*!**********************************************!*\
|
|
!*** ./src/pages/Messages/Tidings/index.tsx ***!
|
|
\**********************************************/
|
|
/*! exports provided: default */
|
|
/*! all exports used */
|
|
/*! ModuleConcatenation bailout: Module is referenced from these modules with unsupported syntax: ./src/.umi-production/core/routes.ts (referenced with import()) */
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony import */ var antd_es_pagination_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/pagination/style */ "DjyN");
|
|
/* harmony import */ var antd_es_pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/pagination */ "NUBc");
|
|
/* harmony import */ var antd_es_skeleton_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd/es/skeleton/style */ "cWXX");
|
|
/* harmony import */ var antd_es_skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd/es/skeleton */ "/ezw");
|
|
/* harmony import */ var antd_es_row_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd/es/row/style */ "14J3");
|
|
/* harmony import */ var antd_es_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd/es/row */ "BMrR");
|
|
/* harmony import */ var antd_es_col_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd/es/col/style */ "jCWc");
|
|
/* harmony import */ var antd_es_col__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd/es/col */ "kPKH");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectSpread2 */ "k1fw");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray */ "tJVT");
|
|
/* harmony import */ var _Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties */ "PpiC");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "cDcd");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
|
|
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! umi */ "9kvl");
|
|
/* harmony import */ var _utils_util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @/utils/util */ "1vsH");
|
|
/* harmony import */ var _utils_env__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @/utils/env */ "m3rI");
|
|
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./index.less?modules */ "O2Xr");
|
|
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_index_less_modules__WEBPACK_IMPORTED_MODULE_15__);
|
|
/* harmony import */ var _component_LeftNav__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../component/LeftNav */ "30zm");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var ShixunsListPage = function ShixunsListPage(_ref) {
|
|
var _tidingsList$tidings;
|
|
|
|
var messages = _ref.messages,
|
|
globalSetting = _ref.globalSetting,
|
|
loading = _ref.loading,
|
|
user = _ref.user,
|
|
dispatch = _ref.dispatch,
|
|
props = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__[/* default */ "a"])(_ref, ["messages", "globalSetting", "loading", "user", "dispatch"]);
|
|
|
|
var params = props.match.params;
|
|
var userInfo = user.userInfo;
|
|
var tidingsList = messages.tidingsList;
|
|
|
|
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])({
|
|
per_page: 10,
|
|
page: 1
|
|
}),
|
|
_useState2 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(_useState, 2),
|
|
bodyParams = _useState2[0],
|
|
setBodyParams = _useState2[1];
|
|
|
|
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(0),
|
|
_useState4 = Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"])(_useState3, 2),
|
|
tabsKey = _useState4[0],
|
|
setTabsKey = _useState4[1];
|
|
|
|
var tabsData = [{
|
|
name: "全部",
|
|
type: ""
|
|
}, {
|
|
name: "课堂提醒",
|
|
type: "course"
|
|
}, {
|
|
name: "项目提醒",
|
|
type: "project"
|
|
}, {
|
|
name: "互动提醒",
|
|
type: "interaction"
|
|
}, {
|
|
name: "审核",
|
|
type: "apply"
|
|
}, {
|
|
name: "通知",
|
|
type: "notice"
|
|
}].filter(function (item) {
|
|
var _globalSetting$settin;
|
|
|
|
if (globalSetting !== null && globalSetting !== void 0 && (_globalSetting$settin = globalSetting.setting) !== null && _globalSetting$settin !== void 0 && _globalSetting$settin.is_local) {
|
|
return item.type !== 'project';
|
|
} else {
|
|
return true;
|
|
}
|
|
});
|
|
Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
|
|
bodyParams.page = 1;
|
|
getData();
|
|
}, [params.userId]);
|
|
|
|
var getData = function getData() {
|
|
dispatch({
|
|
type: 'messages/getTidings',
|
|
payload: Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])({}, bodyParams)
|
|
});
|
|
};
|
|
|
|
console.log("loading['messages/getTidings']", loading['messages/getTidings'], loading, messages);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("section", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.bg
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("section", {
|
|
className: "edu-container mt20"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_row__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
|
|
gutter: [20, 20]
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_component_LeftNav__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
flex: "1"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("aside", {
|
|
className: "bg-white"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("ul", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.tabs
|
|
}, tabsData.map(function (item, index) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("li", {
|
|
className: tabsKey === index && _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.active,
|
|
onClick: function onClick() {
|
|
setTabsKey(index);
|
|
bodyParams.type = item.type;
|
|
bodyParams.page = 1;
|
|
getData();
|
|
},
|
|
key: index
|
|
}, item.name);
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("aside", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.list
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_skeleton__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {
|
|
active: true,
|
|
avatar: {
|
|
size: 40
|
|
},
|
|
paragraph: {
|
|
rows: 5
|
|
},
|
|
loading: loading['messages/getTidings']
|
|
}, tidingsList === null || tidingsList === void 0 ? void 0 : (_tidingsList$tidings = tidingsList.tidings) === null || _tidingsList$tidings === void 0 ? void 0 : _tidingsList$tidings.map(function (item, index) {
|
|
var _item$trigger_user, _item$trigger_user2;
|
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("aside", {
|
|
key: index
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_row__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], {
|
|
onClick: function onClick() {
|
|
return Object(_utils_util__WEBPACK_IMPORTED_MODULE_13__[/* getMessagesUrl */ "H"])(item);
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
flex: "58px"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("img", {
|
|
src: _utils_env__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"].IMG_SERVER + '/images/' + (item === null || item === void 0 ? void 0 : (_item$trigger_user = item.trigger_user) === null || _item$trigger_user === void 0 ? void 0 : _item$trigger_user.image_url),
|
|
alt: ""
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
flex: "1"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_row__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
span: 24
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_row__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
flex: "1"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", null, item === null || item === void 0 ? void 0 : (_item$trigger_user2 = item.trigger_user) === null || _item$trigger_user2 === void 0 ? void 0 : _item$trigger_user2.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
className: "ml15 mr15 c-light-black"
|
|
}, item === null || item === void 0 ? void 0 : item.time), (item === null || item === void 0 ? void 0 : item.tiding_type) === "Apply" && (item === null || item === void 0 ? void 0 : item.status) === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.tags
|
|
}, "\u5F85\u5904\u7406"), (item === null || item === void 0 ? void 0 : item.tiding_type) === "Apply" && (item === null || item === void 0 ? void 0 : item.status) === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.tagsGreen
|
|
}, "\u5DF2\u5904\u7406")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], null, (item === null || item === void 0 ? void 0 : item.new_tiding) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_15___default.a.newlight
|
|
})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_col__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"], {
|
|
span: 24
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
|
|
className: "mt15"
|
|
}, item === null || item === void 0 ? void 0 : item.content))))));
|
|
})))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("aside", {
|
|
className: "tc mt20"
|
|
}, !loading['messages/getTidings'] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(antd_es_pagination__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"], {
|
|
hideOnSinglePage: true,
|
|
showSizeChanger: false,
|
|
onChange: function onChange(page) {
|
|
bodyParams.page = page;
|
|
setBodyParams(Object(_Users_dingyongkang_Documents_workspace_zhiqing_educoder_node_modules_umijs_babel_preset_umi_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])({}, bodyParams));
|
|
getData();
|
|
},
|
|
current: bodyParams.page || 1,
|
|
total: tidingsList === null || tidingsList === void 0 ? void 0 : tidingsList.count
|
|
}))))));
|
|
};
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (Object(umi__WEBPACK_IMPORTED_MODULE_12__[/* connect */ "a"])(function (_ref2) {
|
|
var messages = _ref2.messages,
|
|
loading = _ref2.loading,
|
|
user = _ref2.user,
|
|
globalSetting = _ref2.globalSetting;
|
|
return {
|
|
messages: messages,
|
|
globalSetting: globalSetting,
|
|
user: user,
|
|
loading: loading.effects
|
|
};
|
|
})(ShixunsListPage));
|
|
|
|
/***/ }),
|
|
|
|
/***/ "kzJb":
|
|
/*!***********************************************************!*\
|
|
!*** ./src/pages/Messages/component/LeftNav.less?modules ***!
|
|
\***********************************************************/
|
|
/*! no static exports found */
|
|
/*! exports used: default */
|
|
/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
// extracted by mini-css-extract-plugin
|
|
module.exports = {"flex_box_center":"flex_box_center___2qtoc","flex_space_between":"flex_space_between___NF1Yf","flex_box_vertical_center":"flex_box_vertical_center___2qH_j","flex_box_center_end":"flex_box_center_end___22P0N","flex_box_column":"flex_box_column___1IKP8","userInfo":"userInfo___2Dupy","navInfo":"navInfo___3fEvD","actived":"actived___3F322","newTip":"newTip___1Ta-b"};
|
|
|
|
/***/ })
|
|
|
|
}]); |