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.
1906 lines
72 KiB
1906 lines
72 KiB
(self["webpackChunk"] = self["webpackChunk"] || []).push([[43465],{
|
|
|
|
/***/ 82982:
|
|
/*!*****************************************!*\
|
|
!*** ./src/components/NoData/index.tsx ***!
|
|
\*****************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/objectSpread2.js */ 42122);
|
|
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 4977);
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ 71577);
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ 85893);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var noData = function noData(_ref) {
|
|
var img = _ref.img,
|
|
_ref$buttonProps = _ref.buttonProps,
|
|
buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
|
|
_ref$styles = _ref.styles,
|
|
styles = _ref$styles === void 0 ? {} : _ref$styles,
|
|
customText = _ref.customText,
|
|
ButtonText = _ref.ButtonText,
|
|
ButtonClick = _ref.ButtonClick,
|
|
Buttonclass = _ref.Buttonclass,
|
|
ButtonTwo = _ref.ButtonTwo,
|
|
imgStyles = _ref.imgStyles,
|
|
_ref$loading = _ref.loading,
|
|
loading = _ref$loading === void 0 ? false : _ref$loading;
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("section", {
|
|
className: "tc animated fadeIn",
|
|
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, {
|
|
color: '#999',
|
|
margin: '100px auto',
|
|
visibility: loading ? 'hidden' : 'visible'
|
|
}), styles),
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", {
|
|
src: img || _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__,
|
|
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, imgStyles)
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p", {
|
|
className: "mt20 font14",
|
|
children: customText || '暂时还没有相关数据哦!'
|
|
}), ButtonText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
className: Buttonclass,
|
|
onClick: ButtonClick
|
|
}, buttonProps), {}, {
|
|
children: ButtonText
|
|
})), ButtonTwo && ButtonTwo]
|
|
});
|
|
};
|
|
/* harmony default export */ __webpack_exports__["Z"] = (noData);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 52606:
|
|
/*!********************************************************************!*\
|
|
!*** ./src/pages/virtualSpaces/Lists/Member/index.tsx + 3 modules ***!
|
|
\********************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"default": function() { return /* binding */ Member; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(27424);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(79531);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/index.js + 28 modules
|
|
var tabs = __webpack_require__(34755);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 39 modules
|
|
var modal = __webpack_require__(72423);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 11 modules
|
|
var pagination = __webpack_require__(83338);
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__(82982);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Member/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Membermodules = ({"flex_box_center":"flex_box_center___WU37G","flex_space_between":"flex_space_between___J204w","flex_box_vertical_center":"flex_box_vertical_center___lDtce","flex_box_center_end":"flex_box_center_end___NpkUT","flex_box_column":"flex_box_column___EAzy_","warp":"warp___PZTtH","title":"title___dXPCC","Inputstyle":"Inputstyle___rcf3G","buttonstyle":"buttonstyle___M_KMl","Content":"Content___Rn74i","imgstyle":"imgstyle___CXbCN","cardstyle":"cardstyle___SNS7C","paddingcard":"paddingcard___GcUcD","titlefont":"titlefont___s3wwA","flexEnd":"flexEnd___aqG5g","modalinput":"modalinput___sgKjb","items":"items___Xp5GB","adminsstyle":"adminsstyle___QVwdG","upadmin":"upadmin___AuQU8","yes":"yes___FZCFO","no":"no___lt73Q"});
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(84519);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js
|
|
var toConsumableArray = __webpack_require__(861);
|
|
var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules
|
|
var es_form = __webpack_require__(25159);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 4 modules
|
|
var message = __webpack_require__(2453);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/checkbox/index.js + 3 modules
|
|
var es_checkbox = __webpack_require__(84567);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(83062);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/auto-complete/index.js
|
|
var auto_complete = __webpack_require__(49288);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/table/index.js + 90 modules
|
|
var table = __webpack_require__(63889);
|
|
// EXTERNAL MODULE: ./node_modules/react-infinite-scroller/index.js
|
|
var react_infinite_scroller = __webpack_require__(246);
|
|
var react_infinite_scroller_default = /*#__PURE__*/__webpack_require__.n(react_infinite_scroller);
|
|
// EXTERNAL MODULE: ./node_modules/@umijs/plugins/node_modules/dayjs/dayjs.min.js
|
|
var dayjs_min = __webpack_require__(94699);
|
|
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
// EXTERNAL MODULE: ./src/service/virtualSpaces.ts
|
|
var virtualSpaces = __webpack_require__(51207);
|
|
// EXTERNAL MODULE: ./src/service/classrooms.ts
|
|
var classrooms = __webpack_require__(73290);
|
|
// EXTERNAL MODULE: ./src/components/ImagesIcon/index.ts + 32 modules
|
|
var ImagesIcon = __webpack_require__(51647);
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Member/AddTeacher.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var AddTeacher = function AddTeacher(_ref) {
|
|
var _actionTabs$selectArr, _actionTabs$selectArr2;
|
|
var classroomList = _ref.classroomList,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch;
|
|
var params = (0,_umi_production_exports.useParams)();
|
|
var actionTabs = classroomList.actionTabs;
|
|
var _useState = (0,react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,react.useState)([]),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,react.useRef)();
|
|
(0,react.useEffect)(function () {
|
|
if (classroomList.actionTabs.key === '添加老师') {
|
|
setNotSearch(true);
|
|
getData();
|
|
}
|
|
}, [classroomList.actionTabs.key]);
|
|
var getData = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.next = 2;
|
|
return dispatch({
|
|
type: 'classroomList/getSchoolList',
|
|
payload: {}
|
|
});
|
|
case 2:
|
|
res = _context.sent;
|
|
setOptions(res.map(function (item) {
|
|
return {
|
|
value: item
|
|
};
|
|
}));
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getData() {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var onFinish = function onFinish() {
|
|
var _form$getFieldValue;
|
|
if (((_form$getFieldValue = form.getFieldValue()) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.keyword) === '') {
|
|
setTableData([]);
|
|
message/* default.error */.ZP.error("请输入姓名");
|
|
return;
|
|
}
|
|
;
|
|
setNotSearch(false);
|
|
setHasmore(true);
|
|
setIsLoading(false);
|
|
setSelectArrs([]);
|
|
setTimeout(function () {
|
|
handleInfiniteOnLoad(true);
|
|
}, 200);
|
|
};
|
|
var saveSelect = function saveSelect(id) {
|
|
id = String(id);
|
|
var key = selectArrs.indexOf(id);
|
|
if (key < 0) {
|
|
selectArrs.push(id);
|
|
} else {
|
|
selectArrs.splice(key, 1);
|
|
}
|
|
setSelectArrs(toConsumableArray_default()(selectArrs));
|
|
};
|
|
var handleInfiniteOnLoad = /*#__PURE__*/function () {
|
|
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
var reload,
|
|
_res$users,
|
|
formValue,
|
|
res,
|
|
_args2 = arguments;
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
reload = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
|
|
if (!((reload || hasMore) && !isLoading)) {
|
|
_context2.next = 11;
|
|
break;
|
|
}
|
|
formValue = form.getFieldValue();
|
|
setIsLoading(true);
|
|
setPage(reload ? 1 : page + 1);
|
|
_context2.next = 7;
|
|
return (0,classrooms/* searchSchoolTeacherList */.nQ)({
|
|
page: reload ? 1 : page + 1,
|
|
container_id: params.virtual_spacesId,
|
|
container_type: 5,
|
|
school_name: formValue === null || formValue === void 0 ? void 0 : formValue.school_name,
|
|
keyword: formValue === null || formValue === void 0 ? void 0 : formValue.keyword
|
|
});
|
|
case 7:
|
|
res = _context2.sent;
|
|
reload ? setTableData(toConsumableArray_default()(res.users)) : setTableData([].concat(toConsumableArray_default()(tableData), toConsumableArray_default()(res.users)));
|
|
setIsLoading(false);
|
|
if (((_res$users = res.users) === null || _res$users === void 0 ? void 0 : _res$users.length) < 10) setHasmore(false);
|
|
case 11:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return function handleInfiniteOnLoad() {
|
|
return _ref3.apply(this, arguments);
|
|
};
|
|
}();
|
|
var onOK = /*#__PURE__*/function () {
|
|
var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
|
|
while (1) switch (_context3.prev = _context3.next) {
|
|
case 0:
|
|
if (!(selectArrs == '')) {
|
|
_context3.next = 4;
|
|
break;
|
|
}
|
|
message/* default.error */.ZP.error('请选择人数');
|
|
_context3.next = 8;
|
|
break;
|
|
case 4:
|
|
_context3.next = 6;
|
|
return (0,virtualSpaces/* Addmember */.MM)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
|
|
user_ids: selectArrs
|
|
}));
|
|
case 6:
|
|
res = _context3.sent;
|
|
if (res.status === 0) {
|
|
message/* default.success */.ZP.success('添加成功');
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '刷新数据'
|
|
}
|
|
});
|
|
}
|
|
case 8:
|
|
case "end":
|
|
return _context3.stop();
|
|
}
|
|
}, _callee3);
|
|
}));
|
|
return function onOK() {
|
|
return _ref4.apply(this, arguments);
|
|
};
|
|
}();
|
|
var columns = [{
|
|
title: "",
|
|
dataIndex: "added",
|
|
width: 40,
|
|
ellipsis: true,
|
|
render: function render(add, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
|
|
value: record.numid,
|
|
checked: selectArrs.includes(String(record.numid)),
|
|
disabled: !!add
|
|
});
|
|
}
|
|
}, {
|
|
title: "姓名",
|
|
width: 100,
|
|
ellipsis: true,
|
|
dataIndex: "username",
|
|
render: function render(text, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
className: "bold c-black",
|
|
to: "/users/".concat(record.login),
|
|
target: "_blank",
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "手机",
|
|
width: 100,
|
|
dataIndex: "phone",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "邮箱",
|
|
dataIndex: "email",
|
|
width: 100,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "学号/工号",
|
|
width: 100,
|
|
dataIndex: "student_number",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "学校/单位",
|
|
width: 150,
|
|
dataIndex: "school_name",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "院系/部门",
|
|
dataIndex: "depart_name",
|
|
width: 130,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "实名认证",
|
|
dataIndex: "school_name",
|
|
width: 100,
|
|
render: function render(text) {
|
|
return text ? '是' : "否";
|
|
}
|
|
}, {
|
|
title: "最后登录时间",
|
|
dataIndex: "last_login_on",
|
|
width: 140,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "状态",
|
|
dataIndex: "added",
|
|
width: 80,
|
|
render: function render(text) {
|
|
if (text === 1) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
className: "c-green",
|
|
children: "\u5DF2\u6DFB\u52A0"
|
|
});
|
|
} else {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "\u672A\u6DFB\u52A0"
|
|
});
|
|
}
|
|
}
|
|
}];
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
|
|
centered: true,
|
|
title: "\u6DFB\u52A0\u6210\u5458",
|
|
open: classroomList.actionTabs.key === '添加成员' ? true : false,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
width: 1100,
|
|
zIndex: 9999,
|
|
bodyStyle: {
|
|
minHeight: 200
|
|
},
|
|
onOk: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
|
|
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
|
|
while (1) switch (_context4.prev = _context4.next) {
|
|
case 0:
|
|
onOK();
|
|
case 1:
|
|
case "end":
|
|
return _context4.stop();
|
|
}
|
|
}, _callee4);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
setSelectArrs([]);
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
|
|
layout: "inline",
|
|
form: form,
|
|
initialValues: {
|
|
school_name: "",
|
|
keyword: ""
|
|
},
|
|
className: "mt10"
|
|
// onFinish={onFinish}
|
|
,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
name: "keyword",
|
|
label: "\u59D3\u540D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
allowClear: true,
|
|
style: {
|
|
width: 370
|
|
},
|
|
size: 'middle',
|
|
defaultValue: ((_actionTabs$selectArr = actionTabs.selectArrs) === null || _actionTabs$selectArr === void 0 ? void 0 : _actionTabs$selectArr.category_name) || ((_actionTabs$selectArr2 = actionTabs.selectArrs) === null || _actionTabs$selectArr2 === void 0 ? void 0 : _actionTabs$selectArr2.name)
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
name: "school_name",
|
|
label: "\u5355\u4F4D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
ref: autoCompleteRef,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(auto_complete/* default */.Z, {
|
|
options: options,
|
|
style: {
|
|
width: 400
|
|
},
|
|
size: 'middle',
|
|
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
|
|
filterOption: function filterOption(inputValue, option) {
|
|
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
|
|
}
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
|
|
htmlType: "submit",
|
|
type: "primary",
|
|
size: 'middle',
|
|
onClick: function onClick() {
|
|
return onFinish();
|
|
},
|
|
children: "\u641C\u7D22"
|
|
})
|
|
})]
|
|
}), notSearch && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "tc font16 c-light-black mt40 pb30",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: ImagesIcon/* searchIcon */.RL,
|
|
width: "100",
|
|
alt: ""
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
className: "mt20",
|
|
children: "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458"
|
|
})]
|
|
}), !notSearch && tableData == '' && !isLoading && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "tc font16 c-light-black mt40 pb30",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: ImagesIcon/* noDataIcon */.z3,
|
|
width: "100",
|
|
alt: ""
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
className: "mt20",
|
|
children: "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"
|
|
})]
|
|
}), (!notSearch && tableData != '' || isLoading) && /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "flexd-table-header mt20",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
pagination: false,
|
|
dataSource: [],
|
|
columns: columns
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
style: {
|
|
maxHeight: 260,
|
|
overflow: 'auto'
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)((react_infinite_scroller_default()), {
|
|
initialLoad: false,
|
|
pageStart: 1,
|
|
threshold: 20,
|
|
loadMore: function loadMore(page) {
|
|
handleInfiniteOnLoad();
|
|
},
|
|
hasMore: hasMore,
|
|
useWindow: false,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
loading: isLoading,
|
|
showHeader: false,
|
|
pagination: false,
|
|
dataSource: tableData,
|
|
columns: columns,
|
|
onRow: function onRow(record) {
|
|
return {
|
|
onClick: function onClick(event) {
|
|
if (!event.currentTarget.querySelector("input").disabled) saveSelect(event.currentTarget.querySelector("input").value);
|
|
}
|
|
};
|
|
}
|
|
})
|
|
})
|
|
})]
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var Member_AddTeacher = ((0,_umi_production_exports.connect)(function (_ref6) {
|
|
var classroomList = _ref6.classroomList,
|
|
loading = _ref6.loading;
|
|
return {
|
|
classroomList: classroomList,
|
|
loading: loading
|
|
};
|
|
})(AddTeacher));
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/radio/index.js + 5 modules
|
|
var es_radio = __webpack_require__(78045);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Member/SetMember.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var SetMember_AddTeacher = function AddTeacher(_ref) {
|
|
var _actionTabs$selectArr, _actionTabs$selectArr2;
|
|
var classroomList = _ref.classroomList,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch;
|
|
var params = (0,_umi_production_exports.useParams)();
|
|
var actionTabs = classroomList.actionTabs;
|
|
var _useState = (0,react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,react.useState)(),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,react.useRef)();
|
|
(0,react.useEffect)(function () {
|
|
if (classroomList.actionTabs.key === '更换管理员') {
|
|
setNotSearch(true);
|
|
getData();
|
|
}
|
|
}, [classroomList.actionTabs.key]);
|
|
var getData = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.next = 2;
|
|
return dispatch({
|
|
type: 'classroomList/getSchoolList',
|
|
payload: {}
|
|
});
|
|
case 2:
|
|
res = _context.sent;
|
|
setOptions(res.map(function (item) {
|
|
return {
|
|
value: item
|
|
};
|
|
}));
|
|
setNotSearch(false);
|
|
setHasmore(true);
|
|
setIsLoading(false);
|
|
setSelectArrs('');
|
|
setTimeout(function () {
|
|
handleInfiniteOnLoad(true);
|
|
}, 200);
|
|
case 9:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getData() {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var onFinish = function onFinish() {
|
|
var _form$getFieldValue;
|
|
if (((_form$getFieldValue = form.getFieldValue()) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.keyword) === '') {
|
|
setTableData([]);
|
|
message/* default.error */.ZP.error("请输入姓名");
|
|
return;
|
|
}
|
|
;
|
|
setNotSearch(false);
|
|
setHasmore(true);
|
|
setIsLoading(false);
|
|
setSelectArrs('');
|
|
setTimeout(function () {
|
|
handleInfiniteOnLoad(true);
|
|
}, 200);
|
|
};
|
|
var saveSelect = function saveSelect(id) {
|
|
id = String(id);
|
|
setSelectArrs(id);
|
|
};
|
|
var handleInfiniteOnLoad = /*#__PURE__*/function () {
|
|
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
var reload,
|
|
_res$users,
|
|
formValue,
|
|
res,
|
|
_args2 = arguments;
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
reload = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
|
|
if (!((reload || hasMore) && !isLoading)) {
|
|
_context2.next = 11;
|
|
break;
|
|
}
|
|
formValue = form.getFieldValue();
|
|
setIsLoading(true);
|
|
setPage(reload ? 1 : page + 1);
|
|
_context2.next = 7;
|
|
return (0,classrooms/* searchSchoolTeacherList */.nQ)({
|
|
page: reload ? 1 : page + 1,
|
|
container_id: params.virtual_spacesId,
|
|
container_type: 5,
|
|
source: 'virtual_classroom',
|
|
school_name: formValue === null || formValue === void 0 ? void 0 : formValue.school_name,
|
|
keyword: formValue === null || formValue === void 0 ? void 0 : formValue.keyword
|
|
});
|
|
case 7:
|
|
res = _context2.sent;
|
|
reload ? setTableData(toConsumableArray_default()(res.users)) : setTableData([].concat(toConsumableArray_default()(tableData), toConsumableArray_default()(res.users)));
|
|
setIsLoading(false);
|
|
if (((_res$users = res.users) === null || _res$users === void 0 ? void 0 : _res$users.length) < 10) setHasmore(false);
|
|
case 11:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return function handleInfiniteOnLoad() {
|
|
return _ref3.apply(this, arguments);
|
|
};
|
|
}();
|
|
var onOK = /*#__PURE__*/function () {
|
|
var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
|
|
while (1) switch (_context3.prev = _context3.next) {
|
|
case 0:
|
|
if (!(selectArrs == '')) {
|
|
_context3.next = 4;
|
|
break;
|
|
}
|
|
message/* default.error */.ZP.error('请选择成员');
|
|
_context3.next = 8;
|
|
break;
|
|
case 4:
|
|
_context3.next = 6;
|
|
return (0,virtualSpaces/* change_creator */.xt)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
|
|
id: selectArrs,
|
|
virtual_classroom_id: params.virtual_spacesId
|
|
}));
|
|
case 6:
|
|
res = _context3.sent;
|
|
if (res.status === 0) {
|
|
message/* default.success */.ZP.success('更换成功');
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '刷新数据'
|
|
}
|
|
});
|
|
}
|
|
case 8:
|
|
case "end":
|
|
return _context3.stop();
|
|
}
|
|
}, _callee3);
|
|
}));
|
|
return function onOK() {
|
|
return _ref4.apply(this, arguments);
|
|
};
|
|
}();
|
|
var columns = [{
|
|
title: "",
|
|
dataIndex: "added",
|
|
width: 40,
|
|
ellipsis: true,
|
|
render: function render(add, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
|
|
value: record.numid,
|
|
checked: selectArrs === String(record.numid)
|
|
});
|
|
}
|
|
}, {
|
|
title: "姓名",
|
|
width: 100,
|
|
ellipsis: true,
|
|
dataIndex: "username",
|
|
render: function render(text, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
className: "bold c-black",
|
|
to: "/users/".concat(record.login),
|
|
target: "_blank",
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "手机",
|
|
width: 100,
|
|
dataIndex: "phone",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "邮箱",
|
|
dataIndex: "email",
|
|
width: 100,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "学号/工号",
|
|
width: 100,
|
|
dataIndex: "student_number",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "学校/单位",
|
|
width: 150,
|
|
dataIndex: "school_name",
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "院系/部门",
|
|
dataIndex: "depart_name",
|
|
width: 130,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text || '--'
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "实名认证",
|
|
dataIndex: "school_name",
|
|
width: 100,
|
|
render: function render(text) {
|
|
return text ? '是' : "否";
|
|
}
|
|
}, {
|
|
title: "最后登录时间",
|
|
dataIndex: "last_login_on",
|
|
width: 140,
|
|
ellipsis: true,
|
|
render: function render(text) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: dayjs_min_default()(text).format("YYYY-MM-DD HH:mm")
|
|
})
|
|
});
|
|
}
|
|
}];
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(modal/* default */.Z, {
|
|
centered: true,
|
|
title: "\u66F4\u6362\u7BA1\u7406\u5458",
|
|
open: classroomList.actionTabs.key === '更换管理员' ? true : false,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
width: 1100,
|
|
zIndex: 9999,
|
|
bodyStyle: {
|
|
minHeight: 200
|
|
},
|
|
onOk: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
|
|
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
|
|
while (1) switch (_context4.prev = _context4.next) {
|
|
case 0:
|
|
onOK();
|
|
case 1:
|
|
case "end":
|
|
return _context4.stop();
|
|
}
|
|
}, _callee4);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
setSelectArrs('');
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
|
|
layout: "inline",
|
|
form: form,
|
|
initialValues: {
|
|
school_name: "",
|
|
keyword: ""
|
|
},
|
|
className: "mt10"
|
|
// onFinish={onFinish}
|
|
,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
name: "keyword",
|
|
label: "\u59D3\u540D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
allowClear: true,
|
|
style: {
|
|
width: 370
|
|
},
|
|
size: 'middle',
|
|
defaultValue: ((_actionTabs$selectArr = actionTabs.selectArrs) === null || _actionTabs$selectArr === void 0 ? void 0 : _actionTabs$selectArr.category_name) || ((_actionTabs$selectArr2 = actionTabs.selectArrs) === null || _actionTabs$selectArr2 === void 0 ? void 0 : _actionTabs$selectArr2.name)
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
name: "school_name",
|
|
label: "\u5355\u4F4D\uFF1A",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
ref: autoCompleteRef,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(auto_complete/* default */.Z, {
|
|
options: options,
|
|
style: {
|
|
width: 400
|
|
},
|
|
size: 'middle',
|
|
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D\u540D\u79F0",
|
|
getPopupContainer: function getPopupContainer() {
|
|
return autoCompleteRef.current;
|
|
},
|
|
filterOption: function filterOption(inputValue, option) {
|
|
return option.value.toUpperCase().indexOf(inputValue.toUpperCase()) !== -1;
|
|
}
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
|
|
htmlType: "submit",
|
|
type: "primary",
|
|
size: 'middle',
|
|
onClick: function onClick() {
|
|
return onFinish();
|
|
},
|
|
children: "\u641C\u7D22"
|
|
})
|
|
})]
|
|
}), notSearch && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "tc font16 c-light-black mt40 pb30",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: ImagesIcon/* searchIcon */.RL,
|
|
width: "100",
|
|
alt: ""
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
className: "mt20",
|
|
children: "\u8BF7\u641C\u7D22\u8981\u6DFB\u52A0\u7684\u4EBA\u5458"
|
|
})]
|
|
}), !notSearch && tableData == '' && !isLoading && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "tc font16 c-light-black mt40 pb30",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: ImagesIcon/* noDataIcon */.z3,
|
|
width: "100",
|
|
alt: ""
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
className: "mt20",
|
|
children: "\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6!"
|
|
})]
|
|
}), (!notSearch && tableData != '' || isLoading) && /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "flexd-table-header mt20",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
pagination: false,
|
|
dataSource: [],
|
|
columns: columns
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
style: {
|
|
maxHeight: 260,
|
|
overflow: 'auto'
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)((react_infinite_scroller_default()), {
|
|
initialLoad: false,
|
|
pageStart: 1,
|
|
threshold: 20,
|
|
loadMore: function loadMore(page) {
|
|
handleInfiniteOnLoad();
|
|
},
|
|
hasMore: hasMore,
|
|
useWindow: false,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
loading: isLoading,
|
|
showHeader: false,
|
|
pagination: false,
|
|
dataSource: tableData,
|
|
columns: columns,
|
|
onRow: function onRow(record) {
|
|
return {
|
|
onClick: function onClick(event) {
|
|
if (!event.currentTarget.querySelector("input").disabled) saveSelect(event.currentTarget.querySelector("input").value);
|
|
}
|
|
};
|
|
}
|
|
})
|
|
})
|
|
})]
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var SetMember = ((0,_umi_production_exports.connect)(function (_ref6) {
|
|
var classroomList = _ref6.classroomList,
|
|
loading = _ref6.loading;
|
|
return {
|
|
classroomList: classroomList,
|
|
loading: loading
|
|
};
|
|
})(SetMember_AddTeacher));
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(59758);
|
|
// EXTERNAL MODULE: ./src/utils/authority.ts
|
|
var authority = __webpack_require__(7);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Member/index.tsx
|
|
|
|
|
|
|
|
|
|
var _excluded = ["classroomList", "globalSetting", "virtualSpaces", "user", "loading", "dispatch"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var ShixunsListPage = function ShixunsListPage(_ref) {
|
|
var _cousesList$members;
|
|
var classroomList = _ref.classroomList,
|
|
globalSetting = _ref.globalSetting,
|
|
virtualSpaces = _ref.virtualSpaces,
|
|
user = _ref.user,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var _useState = (0,react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
cousesList = _useState2[0],
|
|
setcousesList = _useState2[1];
|
|
var _useState3 = (0,react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
AddMember = _useState4[0],
|
|
setAddMember = _useState4[1];
|
|
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
|
|
var _useState5 = (0,react.useState)('1'),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
activitykey = _useState6[0],
|
|
setactivity = _useState6[1];
|
|
var query = (0,_umi_production_exports.useParams)();
|
|
var _useState7 = (0,react.useState)({
|
|
page: 1,
|
|
limit: 6,
|
|
search: '',
|
|
virtual_classroom_id: query.virtual_spacesId,
|
|
module_id: virtualSpaces.actionTabs.module_id
|
|
}),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
params = _useState8[0],
|
|
setparams = _useState8[1];
|
|
function getDataSets() {
|
|
return _getDataSets.apply(this, arguments);
|
|
}
|
|
function _getDataSets() {
|
|
_getDataSets = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee4() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee4$(_context4) {
|
|
while (1) switch (_context4.prev = _context4.next) {
|
|
case 0:
|
|
_context4.next = 2;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/members.json"), {
|
|
method: 'get',
|
|
params: params
|
|
});
|
|
case 2:
|
|
res = _context4.sent;
|
|
setcousesList(res);
|
|
case 4:
|
|
case "end":
|
|
return _context4.stop();
|
|
}
|
|
}, _callee4);
|
|
}));
|
|
return _getDataSets.apply(this, arguments);
|
|
}
|
|
function getappling_member_list() {
|
|
return _getappling_member_list.apply(this, arguments);
|
|
}
|
|
function _getappling_member_list() {
|
|
_getappling_member_list = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee5() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee5$(_context5) {
|
|
while (1) switch (_context5.prev = _context5.next) {
|
|
case 0:
|
|
_context5.next = 2;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/appling_member_list.json"), {
|
|
method: 'get',
|
|
params: params
|
|
});
|
|
case 2:
|
|
res = _context5.sent;
|
|
setcousesList(res);
|
|
case 4:
|
|
case "end":
|
|
return _context5.stop();
|
|
}
|
|
}, _callee5);
|
|
}));
|
|
return _getappling_member_list.apply(this, arguments);
|
|
}
|
|
(0,react.useEffect)(function () {
|
|
getDataSets();
|
|
}, []);
|
|
(0,react.useEffect)(function () {
|
|
if (classroomList.actionTabs.key === '刷新数据') {
|
|
getDataSets();
|
|
setactivity('1');
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesDetails',
|
|
payload: {
|
|
id: query.virtual_spacesId
|
|
}
|
|
});
|
|
}
|
|
}, [classroomList.actionTabs.key]);
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Membermodules.warp,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Membermodules.title,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default.Search */.Z.Search, {
|
|
onSearch: function onSearch(e) {
|
|
params.search = e;
|
|
if (activitykey === '1') {
|
|
getDataSets();
|
|
} else {
|
|
getappling_member_list();
|
|
}
|
|
},
|
|
placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D\u641C\u7D22",
|
|
className: Membermodules.Inputstyle
|
|
}), (virtualSpacesDetails.is_member || (0,authority/* isSuperAdmins */.Ny)()) && /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.ZP, {
|
|
type: "primary",
|
|
ghost: true,
|
|
onClick: function onClick() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '添加成员',
|
|
params: params
|
|
}
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '14px',
|
|
marginRight: '8px'
|
|
},
|
|
className: "iconfont icon-tianjia1 mr3 "
|
|
}), " \u6DFB\u52A0\u6210\u5458"]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Membermodules.Content,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(tabs/* default */.Z, {
|
|
activeKey: activitykey,
|
|
onChange: function onChange(e) {
|
|
params.page = 1, setactivity(e);
|
|
if (e === '1') {
|
|
getDataSets();
|
|
} else {
|
|
getappling_member_list();
|
|
}
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default.TabPane */.Z.TabPane, {
|
|
tab: "\u793E\u533A\u6210\u5458\uFF08".concat(activitykey === '1' ? cousesList.total_count : cousesList.member_total_count, "\uFF09")
|
|
}, "1"), /*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default.TabPane */.Z.TabPane, {
|
|
tab: "\u7533\u8BF7\u5BA1\u6279\uFF08".concat(activitykey === '2' ? cousesList.total_count : cousesList.apply_total_count, "\uFF09")
|
|
}, "2")]
|
|
}), (cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count) <= 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
|
|
Buttonclass: Membermodules.buttonstyle,
|
|
customText: "\u6B64\u9879\u76EE\u8FD8\u6CA1\u6709\u6210\u5458\uFF0C\u7ACB\u5373\u6DFB\u52A0\u5B83\u4EEC\u5427\uFF5E"
|
|
}), cousesList === null || cousesList === void 0 ? void 0 : (_cousesList$members = cousesList.members) === null || _cousesList$members === void 0 ? void 0 : _cousesList$members.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
marginTop: index === 0 ? '10px' : '15px'
|
|
},
|
|
className: Membermodules.items,
|
|
onClick: function onClick() {
|
|
window.open("/users/".concat(item.login));
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
display: 'flex'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: env/* default.IMG_SERVER */.Z.IMG_SERVER + '/images/' + (item === null || item === void 0 ? void 0 : item.image_url)
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
fontSize: '16px',
|
|
display: 'flex',
|
|
fontWeight: 600
|
|
},
|
|
children: [item === null || item === void 0 ? void 0 : item.name, (item === null || item === void 0 ? void 0 : item.is_creator) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Membermodules.adminsstyle,
|
|
children: "\u7BA1\u7406\u5458"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
fontSize: '12px',
|
|
color: '#7D8592',
|
|
marginTop: '11px'
|
|
},
|
|
children: [item.school, item.school && item.department_name && '-', item.department_name]
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center'
|
|
},
|
|
children: [((item === null || item === void 0 ? void 0 : item.is_creator) && user.userInfo.user_id === item.user_id || (0,authority/* isSuperAdmins */.Ny)()) && index === 0 && activitykey === '1' && (item === null || item === void 0 ? void 0 : item.is_creator) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
onClick: function onClick(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '更换管理员',
|
|
params: params
|
|
}
|
|
});
|
|
},
|
|
className: Membermodules.upadmin,
|
|
children: "\u66F4\u6362\u7BA1\u7406\u5458"
|
|
}), (item === null || item === void 0 ? void 0 : item.can_remove) && activitykey === '1' && /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
onClick: function onClick(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
modal/* default.confirm */.Z.confirm({
|
|
title: '移除成员',
|
|
content: "\u786E\u8BA4\u5C06\u6210\u5458\u300A".concat(item.name, "\u300B\u79FB\u51FA\u865A\u62DF\u793E\u533A\u5417\uFF1F"),
|
|
okText: '确认',
|
|
cancelText: '取消',
|
|
onOk: function () {
|
|
var _onOk = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.next = 2;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/members/").concat(item.user_id, ".json"), {
|
|
method: 'Delete'
|
|
});
|
|
case 2:
|
|
res = _context.sent;
|
|
if (res.status === 0) {
|
|
getDataSets();
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesDetails',
|
|
payload: {
|
|
id: query.virtual_spacesId
|
|
}
|
|
});
|
|
}
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
function onOk() {
|
|
return _onOk.apply(this, arguments);
|
|
}
|
|
return onOk;
|
|
}()
|
|
});
|
|
},
|
|
style: {
|
|
color: '#196efd',
|
|
cursor: 'pointer',
|
|
fontSize: '10px'
|
|
},
|
|
className: "iconfont icon-piliangshanchubeifen mr3 font16"
|
|
}), !(item !== null && item !== void 0 && item.is_creator) && activitykey === '2' && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
cursor: 'pointer'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
onClick: /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(e) {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
_context2.next = 4;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/agree.json"), {
|
|
method: 'post',
|
|
body: {
|
|
apply_id: item.source_id
|
|
}
|
|
});
|
|
case 4:
|
|
res = _context2.sent;
|
|
if (res.status === 0) {
|
|
getappling_member_list();
|
|
}
|
|
case 6:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(),
|
|
className: Membermodules.yes,
|
|
children: "\u540C\u610F"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
onClick: /*#__PURE__*/function () {
|
|
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3(e) {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
|
|
while (1) switch (_context3.prev = _context3.next) {
|
|
case 0:
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
_context3.next = 4;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/refuse.json"), {
|
|
method: 'post',
|
|
body: {
|
|
apply_id: item.source_id
|
|
}
|
|
});
|
|
case 4:
|
|
res = _context3.sent;
|
|
if (res.status === 0) {
|
|
getappling_member_list();
|
|
}
|
|
case 6:
|
|
case "end":
|
|
return _context3.stop();
|
|
}
|
|
}, _callee3);
|
|
}));
|
|
return function (_x2) {
|
|
return _ref3.apply(this, arguments);
|
|
};
|
|
}(),
|
|
className: Membermodules.no,
|
|
children: "\u62D2\u7EDD"
|
|
})]
|
|
})]
|
|
})]
|
|
});
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Member_AddTeacher, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(SetMember, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
|
|
current: params.page,
|
|
total: cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count,
|
|
style: {
|
|
textAlign: 'end',
|
|
marginTop: '20px'
|
|
},
|
|
pageSize: params.limit,
|
|
hideOnSinglePage: true,
|
|
onChange: function onChange(e) {
|
|
params.page = e;
|
|
if (activitykey === '1') {
|
|
getDataSets();
|
|
} else {
|
|
getappling_member_list();
|
|
}
|
|
}
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var Member = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
var classroomList = _ref4.classroomList,
|
|
loading = _ref4.loading,
|
|
globalSetting = _ref4.globalSetting,
|
|
virtualSpaces = _ref4.virtualSpaces,
|
|
user = _ref4.user;
|
|
return {
|
|
classroomList: classroomList,
|
|
globalSetting: globalSetting,
|
|
loading: loading.effects,
|
|
virtualSpaces: virtualSpaces,
|
|
user: user
|
|
};
|
|
})(ShixunsListPage));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 49288:
|
|
/*!*****************************************************!*\
|
|
!*** ./node_modules/antd/es/auto-complete/index.js ***!
|
|
\*****************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 94184);
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/es/Children/toArray */ 37419);
|
|
/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/omit */ 10366);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 67294);
|
|
/* harmony import */ var _util_PurePanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/PurePanel */ 8745);
|
|
/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/reactNode */ 96159);
|
|
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider */ 53124);
|
|
/* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../select */ 79035);
|
|
'use client';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const {
|
|
Option
|
|
} = _select__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z;
|
|
function isSelectOptionOrSelectOptGroup(child) {
|
|
return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
|
|
}
|
|
const AutoComplete = (props, ref) => {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
className,
|
|
popupClassName,
|
|
dropdownClassName,
|
|
children,
|
|
dataSource
|
|
} = props;
|
|
const childNodes = (0,rc_util_es_Children_toArray__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(children);
|
|
// ============================= Input =============================
|
|
let customizeInput;
|
|
if (childNodes.length === 1 && (0,_util_reactNode__WEBPACK_IMPORTED_MODULE_4__/* .isValidElement */ .l$)(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
|
|
[customizeInput] = childNodes;
|
|
}
|
|
const getInputElement = customizeInput ? () => customizeInput : undefined;
|
|
// ============================ Options ============================
|
|
let optionChildren;
|
|
// [Legacy] convert `children` or `dataSource` into option children
|
|
if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
|
|
optionChildren = children;
|
|
} else {
|
|
optionChildren = dataSource ? dataSource.map(item => {
|
|
if ((0,_util_reactNode__WEBPACK_IMPORTED_MODULE_4__/* .isValidElement */ .l$)(item)) {
|
|
return item;
|
|
}
|
|
switch (typeof item) {
|
|
case 'string':
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(Option, {
|
|
key: item,
|
|
value: item
|
|
}, item);
|
|
case 'object':
|
|
{
|
|
const {
|
|
value: optionValue
|
|
} = item;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(Option, {
|
|
key: optionValue,
|
|
value: optionValue
|
|
}, item.text);
|
|
}
|
|
default:
|
|
false ? 0 : void 0;
|
|
return undefined;
|
|
}
|
|
}) : [];
|
|
}
|
|
if (false) {}
|
|
const {
|
|
getPrefixCls
|
|
} = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_5__/* .ConfigContext */ .E_);
|
|
const prefixCls = getPrefixCls('select', customizePrefixCls);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_select__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, Object.assign({
|
|
ref: ref,
|
|
showArrow: false
|
|
}, (0,rc_util_es_omit__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)(props, ['dataSource', 'dropdownClassName']), {
|
|
prefixCls: prefixCls,
|
|
popupClassName: popupClassName || dropdownClassName,
|
|
className: classnames__WEBPACK_IMPORTED_MODULE_0___default()(`${prefixCls}-auto-complete`, className),
|
|
mode: _select__WEBPACK_IMPORTED_MODULE_3__/* ["default"].SECRET_COMBOBOX_MODE_DO_NOT_USE */ .Z.SECRET_COMBOBOX_MODE_DO_NOT_USE,
|
|
// Internal api
|
|
getInputElement
|
|
}), optionChildren);
|
|
};
|
|
const RefAutoComplete = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(AutoComplete);
|
|
// We don't care debug panel
|
|
/* istanbul ignore next */
|
|
const PurePanel = (0,_util_PurePanel__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(RefAutoComplete);
|
|
RefAutoComplete.Option = Option;
|
|
RefAutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
|
|
if (false) {}
|
|
/* harmony default export */ __webpack_exports__["Z"] = (RefAutoComplete);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 57761:
|
|
/*!*********************************************************************!*\
|
|
!*** ./node_modules/react-infinite-scroller/dist/InfiniteScroll.js ***!
|
|
\*********************************************************************/
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", ({
|
|
value: true
|
|
}));
|
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
var _react = __webpack_require__(/*! react */ 67294);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(/*! prop-types */ 45697);
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
|
var InfiniteScroll = function (_Component) {
|
|
_inherits(InfiniteScroll, _Component);
|
|
|
|
function InfiniteScroll(props) {
|
|
_classCallCheck(this, InfiniteScroll);
|
|
|
|
var _this = _possibleConstructorReturn(this, (InfiniteScroll.__proto__ || Object.getPrototypeOf(InfiniteScroll)).call(this, props));
|
|
|
|
_this.scrollListener = _this.scrollListener.bind(_this);
|
|
_this.eventListenerOptions = _this.eventListenerOptions.bind(_this);
|
|
_this.mousewheelListener = _this.mousewheelListener.bind(_this);
|
|
return _this;
|
|
}
|
|
|
|
_createClass(InfiniteScroll, [{
|
|
key: 'componentDidMount',
|
|
value: function componentDidMount() {
|
|
this.pageLoaded = this.props.pageStart;
|
|
this.options = this.eventListenerOptions();
|
|
this.attachScrollListener();
|
|
}
|
|
}, {
|
|
key: 'componentDidUpdate',
|
|
value: function componentDidUpdate() {
|
|
if (this.props.isReverse && this.loadMore) {
|
|
var parentElement = this.getParentElement(this.scrollComponent);
|
|
parentElement.scrollTop = parentElement.scrollHeight - this.beforeScrollHeight + this.beforeScrollTop;
|
|
this.loadMore = false;
|
|
}
|
|
this.attachScrollListener();
|
|
}
|
|
}, {
|
|
key: 'componentWillUnmount',
|
|
value: function componentWillUnmount() {
|
|
this.detachScrollListener();
|
|
this.detachMousewheelListener();
|
|
}
|
|
}, {
|
|
key: 'isPassiveSupported',
|
|
value: function isPassiveSupported() {
|
|
var passive = false;
|
|
|
|
var testOptions = {
|
|
get passive() {
|
|
passive = true;
|
|
}
|
|
};
|
|
|
|
try {
|
|
document.addEventListener('test', null, testOptions);
|
|
document.removeEventListener('test', null, testOptions);
|
|
} catch (e) {
|
|
// ignore
|
|
}
|
|
return passive;
|
|
}
|
|
}, {
|
|
key: 'eventListenerOptions',
|
|
value: function eventListenerOptions() {
|
|
var options = this.props.useCapture;
|
|
|
|
if (this.isPassiveSupported()) {
|
|
options = {
|
|
useCapture: this.props.useCapture,
|
|
passive: true
|
|
};
|
|
}
|
|
return options;
|
|
}
|
|
|
|
// Set a defaut loader for all your `InfiniteScroll` components
|
|
|
|
}, {
|
|
key: 'setDefaultLoader',
|
|
value: function setDefaultLoader(loader) {
|
|
this.defaultLoader = loader;
|
|
}
|
|
}, {
|
|
key: 'detachMousewheelListener',
|
|
value: function detachMousewheelListener() {
|
|
var scrollEl = window;
|
|
if (this.props.useWindow === false) {
|
|
scrollEl = this.scrollComponent.parentNode;
|
|
}
|
|
|
|
scrollEl.removeEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
|
|
}
|
|
}, {
|
|
key: 'detachScrollListener',
|
|
value: function detachScrollListener() {
|
|
var scrollEl = window;
|
|
if (this.props.useWindow === false) {
|
|
scrollEl = this.getParentElement(this.scrollComponent);
|
|
}
|
|
|
|
scrollEl.removeEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
scrollEl.removeEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
}
|
|
}, {
|
|
key: 'getParentElement',
|
|
value: function getParentElement(el) {
|
|
var scrollParent = this.props.getScrollParent && this.props.getScrollParent();
|
|
if (scrollParent != null) {
|
|
return scrollParent;
|
|
}
|
|
return el && el.parentNode;
|
|
}
|
|
}, {
|
|
key: 'filterProps',
|
|
value: function filterProps(props) {
|
|
return props;
|
|
}
|
|
}, {
|
|
key: 'attachScrollListener',
|
|
value: function attachScrollListener() {
|
|
var parentElement = this.getParentElement(this.scrollComponent);
|
|
|
|
if (!this.props.hasMore || !parentElement) {
|
|
return;
|
|
}
|
|
|
|
var scrollEl = window;
|
|
if (this.props.useWindow === false) {
|
|
scrollEl = parentElement;
|
|
}
|
|
|
|
scrollEl.addEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);
|
|
scrollEl.addEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
scrollEl.addEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);
|
|
|
|
if (this.props.initialLoad) {
|
|
this.scrollListener();
|
|
}
|
|
}
|
|
}, {
|
|
key: 'mousewheelListener',
|
|
value: function mousewheelListener(e) {
|
|
// Prevents Chrome hangups
|
|
// See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
|
|
if (e.deltaY === 1 && !this.isPassiveSupported()) {
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
}, {
|
|
key: 'scrollListener',
|
|
value: function scrollListener() {
|
|
var el = this.scrollComponent;
|
|
var scrollEl = window;
|
|
var parentNode = this.getParentElement(el);
|
|
|
|
var offset = void 0;
|
|
if (this.props.useWindow) {
|
|
var doc = document.documentElement || document.body.parentNode || document.body;
|
|
var scrollTop = scrollEl.pageYOffset !== undefined ? scrollEl.pageYOffset : doc.scrollTop;
|
|
if (this.props.isReverse) {
|
|
offset = scrollTop;
|
|
} else {
|
|
offset = this.calculateOffset(el, scrollTop);
|
|
}
|
|
} else if (this.props.isReverse) {
|
|
offset = parentNode.scrollTop;
|
|
} else {
|
|
offset = el.scrollHeight - parentNode.scrollTop - parentNode.clientHeight;
|
|
}
|
|
|
|
// Here we make sure the element is visible as well as checking the offset
|
|
if (offset < Number(this.props.threshold) && el && el.offsetParent !== null) {
|
|
this.detachScrollListener();
|
|
this.beforeScrollHeight = parentNode.scrollHeight;
|
|
this.beforeScrollTop = parentNode.scrollTop;
|
|
// Call loadMore after detachScrollListener to allow for non-async loadMore functions
|
|
if (typeof this.props.loadMore === 'function') {
|
|
this.props.loadMore(this.pageLoaded += 1);
|
|
this.loadMore = true;
|
|
}
|
|
}
|
|
}
|
|
}, {
|
|
key: 'calculateOffset',
|
|
value: function calculateOffset(el, scrollTop) {
|
|
if (!el) {
|
|
return 0;
|
|
}
|
|
|
|
return this.calculateTopPosition(el) + (el.offsetHeight - scrollTop - window.innerHeight);
|
|
}
|
|
}, {
|
|
key: 'calculateTopPosition',
|
|
value: function calculateTopPosition(el) {
|
|
if (!el) {
|
|
return 0;
|
|
}
|
|
return el.offsetTop + this.calculateTopPosition(el.offsetParent);
|
|
}
|
|
}, {
|
|
key: 'render',
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var renderProps = this.filterProps(this.props);
|
|
|
|
var children = renderProps.children,
|
|
element = renderProps.element,
|
|
hasMore = renderProps.hasMore,
|
|
initialLoad = renderProps.initialLoad,
|
|
isReverse = renderProps.isReverse,
|
|
loader = renderProps.loader,
|
|
loadMore = renderProps.loadMore,
|
|
pageStart = renderProps.pageStart,
|
|
ref = renderProps.ref,
|
|
threshold = renderProps.threshold,
|
|
useCapture = renderProps.useCapture,
|
|
useWindow = renderProps.useWindow,
|
|
getScrollParent = renderProps.getScrollParent,
|
|
props = _objectWithoutProperties(renderProps, ['children', 'element', 'hasMore', 'initialLoad', 'isReverse', 'loader', 'loadMore', 'pageStart', 'ref', 'threshold', 'useCapture', 'useWindow', 'getScrollParent']);
|
|
|
|
props.ref = function (node) {
|
|
_this2.scrollComponent = node;
|
|
if (ref) {
|
|
ref(node);
|
|
}
|
|
};
|
|
|
|
var childrenArray = [children];
|
|
if (hasMore) {
|
|
if (loader) {
|
|
isReverse ? childrenArray.unshift(loader) : childrenArray.push(loader);
|
|
} else if (this.defaultLoader) {
|
|
isReverse ? childrenArray.unshift(this.defaultLoader) : childrenArray.push(this.defaultLoader);
|
|
}
|
|
}
|
|
return _react2.default.createElement(element, props, childrenArray);
|
|
}
|
|
}]);
|
|
|
|
return InfiniteScroll;
|
|
}(_react.Component);
|
|
|
|
InfiniteScroll.propTypes = {
|
|
children: _propTypes2.default.node.isRequired,
|
|
element: _propTypes2.default.node,
|
|
hasMore: _propTypes2.default.bool,
|
|
initialLoad: _propTypes2.default.bool,
|
|
isReverse: _propTypes2.default.bool,
|
|
loader: _propTypes2.default.node,
|
|
loadMore: _propTypes2.default.func.isRequired,
|
|
pageStart: _propTypes2.default.number,
|
|
ref: _propTypes2.default.func,
|
|
getScrollParent: _propTypes2.default.func,
|
|
threshold: _propTypes2.default.number,
|
|
useCapture: _propTypes2.default.bool,
|
|
useWindow: _propTypes2.default.bool
|
|
};
|
|
InfiniteScroll.defaultProps = {
|
|
element: 'div',
|
|
hasMore: false,
|
|
initialLoad: true,
|
|
pageStart: 0,
|
|
ref: null,
|
|
threshold: 250,
|
|
useWindow: true,
|
|
isReverse: false,
|
|
useCapture: false,
|
|
loader: null,
|
|
getScrollParent: null
|
|
};
|
|
exports["default"] = InfiniteScroll;
|
|
module.exports = exports['default'];
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 246:
|
|
/*!*******************************************************!*\
|
|
!*** ./node_modules/react-infinite-scroller/index.js ***!
|
|
\*******************************************************/
|
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
|
module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ 57761)
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |