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.
2367 lines
92 KiB
2367 lines
92 KiB
(self["webpackChunk"] = self["webpackChunk"] || []).push([[61713],{
|
|
|
|
/***/ 52423:
|
|
/*!**********************************************************************!*\
|
|
!*** ./src/pages/virtualSpaces/Lists/Settings/index.tsx + 7 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 */ Settings; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(7557);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(41498);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(79800);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(57964);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Settingsmodules = ({"flex_box_center":"flex_box_center___kBXL_","flex_space_between":"flex_space_between___OazEq","flex_box_vertical_center":"flex_box_vertical_center___wrPiJ","flex_box_center_end":"flex_box_center_end___cNbBK","flex_box_column":"flex_box_column___VfVx_","wrap":"wrap___dX7Vx","title":"title___rON5Q","tags":"tags___ykLgw","tag":"tag___dcw2w","btns":"btns___X0ko6"});
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(82242);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(39647);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
|
|
var es_form = __webpack_require__(78241);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
|
|
var message = __webpack_require__(8591);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(24650);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/radio/index.js + 5 modules
|
|
var es_radio = __webpack_require__(5112);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/upload/index.js
|
|
var upload = __webpack_require__(60028);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/row/index.js
|
|
var row = __webpack_require__(95237);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/checkbox/index.js + 3 modules
|
|
var es_checkbox = __webpack_require__(24905);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
|
|
var es_button = __webpack_require__(3113);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/ModuleSettings/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var ModuleSettingsmodules = ({"flex_box_center":"flex_box_center___y1YZJ","flex_space_between":"flex_space_between___wTOwl","flex_box_vertical_center":"flex_box_vertical_center___XmLwW","flex_box_center_end":"flex_box_center_end___gWVqd","flex_box_column":"flex_box_column___PjZDS","form":"form___JA0Ze","text":"text___cCcOQ","img":"img___ht1lh","title":"title___mljGY","list":"list___isVFT","btn":"btn___IUjb1"});
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(88499);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.4.0@@ant-design/icons/es/icons/CloseCircleFilled.js + 1 modules
|
|
var CloseCircleFilled = __webpack_require__(21884);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
|
|
var _umi_production_exports = __webpack_require__(63350);
|
|
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 32 modules
|
|
var ui_customization = __webpack_require__(55121);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(37712);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/ModuleSettings/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["globalSetting", "virtualSpaces", "dispatch"],
|
|
_excluded2 = ["key", "name"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Page = function Page(_ref) {
|
|
var _fileList$3, _fileOtherList$3;
|
|
var globalSetting = _ref.globalSetting,
|
|
virtualSpaces = _ref.virtualSpaces,
|
|
dispatch = _ref.dispatch,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var query = (0,_umi_production_exports.useParams)();
|
|
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails,
|
|
menus = virtualSpaces.menus;
|
|
var _useState = (0,_react_17_0_2_react.useState)(false),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
btnLoading = _useState2[0],
|
|
setBtnLoading = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
loading = _useState4[0],
|
|
setLoading = _useState4[1];
|
|
var _Form$useForm = es_form/* default */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState5 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
fileList = _useState6[0],
|
|
setFileList = _useState6[1];
|
|
var _useState7 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
fileOtherList = _useState8[0],
|
|
setFileOtherList = _useState8[1];
|
|
var _useState9 = (0,_react_17_0_2_react.useState)(false),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
imgLoading = _useState10[0],
|
|
setImgLoading = _useState10[1];
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
if (virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && virtualSpacesDetails.id && menus !== null && menus !== void 0 && menus.length) {
|
|
var _virtualSpacesDetails, _virtualSpacesDetails2, _virtualSpacesDetails3, _virtualSpacesDetails4;
|
|
form.setFieldsValue({
|
|
name: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.name,
|
|
vs_type: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.vs_type,
|
|
identifier: virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.identifier,
|
|
settings: menus.map(function (e) {
|
|
return objectSpread2_default()(objectSpread2_default()({}, e), {}, {
|
|
checked: !e.hidden
|
|
});
|
|
})
|
|
});
|
|
var newFileList = virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && (_virtualSpacesDetails = virtualSpacesDetails.cover_url) !== null && _virtualSpacesDetails !== void 0 && _virtualSpacesDetails.includes('attachments') ? [{
|
|
response: {
|
|
id: virtualSpacesDetails === null || virtualSpacesDetails === void 0 || (_virtualSpacesDetails2 = virtualSpacesDetails.cover_url) === null || _virtualSpacesDetails2 === void 0 ? void 0 : _virtualSpacesDetails2.split('/')[3]
|
|
}
|
|
}] : [];
|
|
var newFileOtherList = virtualSpacesDetails !== null && virtualSpacesDetails !== void 0 && (_virtualSpacesDetails3 = virtualSpacesDetails.backbground_image_url) !== null && _virtualSpacesDetails3 !== void 0 && _virtualSpacesDetails3.includes('attachments') ? [{
|
|
response: {
|
|
id: virtualSpacesDetails === null || virtualSpacesDetails === void 0 || (_virtualSpacesDetails4 = virtualSpacesDetails.backbground_image_url) === null || _virtualSpacesDetails4 === void 0 ? void 0 : _virtualSpacesDetails4.split('/')[3]
|
|
}
|
|
}] : [];
|
|
setFileList(newFileList);
|
|
setFileOtherList(newFileOtherList);
|
|
}
|
|
}, [virtualSpacesDetails, menus]);
|
|
var handleOk = function handleOk() {
|
|
form.submit();
|
|
};
|
|
var handleSubmit = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(values) {
|
|
var _fileList$, _fileOtherList$, _values$settings;
|
|
var body, res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
setBtnLoading(true);
|
|
body = {
|
|
name: values === null || values === void 0 ? void 0 : values.name,
|
|
vs_type: values === null || values === void 0 ? void 0 : values.vs_type,
|
|
identifier: values === null || values === void 0 ? void 0 : values.identifier,
|
|
cover_id: (fileList === null || fileList === void 0 || (_fileList$ = fileList[0]) === null || _fileList$ === void 0 || (_fileList$ = _fileList$.response) === null || _fileList$ === void 0 ? void 0 : _fileList$.id) || '',
|
|
backbground_image_id: (fileOtherList === null || fileOtherList === void 0 || (_fileOtherList$ = fileOtherList[0]) === null || _fileOtherList$ === void 0 || (_fileOtherList$ = _fileOtherList$.response) === null || _fileOtherList$ === void 0 ? void 0 : _fileOtherList$.id) || '',
|
|
modules_list: values === null || values === void 0 || (_values$settings = values.settings) === null || _values$settings === void 0 ? void 0 : _values$settings.map(function (e) {
|
|
return objectSpread2_default()(objectSpread2_default()({}, e), {}, {
|
|
hidden: !e.checked
|
|
});
|
|
})
|
|
};
|
|
_context.next = 4;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, ".json"), {
|
|
method: 'put',
|
|
body: body
|
|
});
|
|
case 4:
|
|
res = _context.sent;
|
|
if ((res === null || res === void 0 ? void 0 : res.status) !== -1) {
|
|
message/* default */.ZP.success('修改成功');
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesMenus',
|
|
payload: {
|
|
id: values === null || values === void 0 ? void 0 : values.identifier
|
|
}
|
|
});
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesDetails',
|
|
payload: {
|
|
id: values === null || values === void 0 ? void 0 : values.identifier
|
|
}
|
|
});
|
|
// window.location.href = `/${values?.vs_type === 'classroom' ? 'vtrs' : '101'}/${values?.identifier}/settings`
|
|
_umi_production_exports.history.replace("/".concat((values === null || values === void 0 ? void 0 : values.vs_type) === 'classroom' ? 'vtrs' : '101', "/").concat(values === null || values === void 0 ? void 0 : values.identifier, "/settings"));
|
|
}
|
|
if ((res === null || res === void 0 ? void 0 : res.status) === -3) {
|
|
form.setFields([{
|
|
name: 'identifier',
|
|
errors: ['该标识已存在,请更换']
|
|
}]);
|
|
}
|
|
setBtnLoading(false);
|
|
case 8:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function handleSubmit(_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var handleFileChange = function handleFileChange(info, type) {
|
|
var statusList = ["uploading", "done", "removed"];
|
|
if (statusList.includes(info.file.status)) {
|
|
if (info.file.status === 'uploading') {
|
|
setImgLoading(true);
|
|
}
|
|
if (info.file.status === 'done') {
|
|
setImgLoading(false);
|
|
}
|
|
if (type === 1) {
|
|
setFileList(info.fileList);
|
|
} else {
|
|
setFileOtherList(info.fileList);
|
|
}
|
|
}
|
|
};
|
|
var handleFileRemove = function handleFileRemove(file, type) {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
};
|
|
var handleFileBeforeUpload = function handleFileBeforeUpload(file, type) {
|
|
var isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
|
|
if (!isJpgOrPng) {
|
|
message/* default */.ZP.warning('请上传jpg或png的图片!');
|
|
return false;
|
|
}
|
|
var is200K = file.size / 1024 > 200;
|
|
var is1M = file.size / 1024 / 1024 > 1;
|
|
if (is200K && type === 1) {
|
|
message/* default */.ZP.warning('文件大小必须小于200KB');
|
|
return false;
|
|
}
|
|
if (is1M && type === 2) {
|
|
message/* default */.ZP.warning('文件大小必须小于1MB');
|
|
return false;
|
|
}
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
return true;
|
|
};
|
|
var renderImg = function renderImg(type) {
|
|
var _fileList$2, _fileOtherList$2;
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ModuleSettingsmodules.img,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: env/* default */.Z.API_SERVER + "/api/attachments/" + (type === 1 ? fileList === null || fileList === void 0 || (_fileList$2 = fileList[0]) === null || _fileList$2 === void 0 || (_fileList$2 = _fileList$2.response) === null || _fileList$2 === void 0 ? void 0 : _fileList$2.id : fileOtherList === null || fileOtherList === void 0 || (_fileOtherList$2 = fileOtherList[0]) === null || _fileOtherList$2 === void 0 || (_fileOtherList$2 = _fileOtherList$2.response) === null || _fileOtherList$2 === void 0 ? void 0 : _fileOtherList$2.id),
|
|
alt: "avatar",
|
|
style: {
|
|
width: '100%'
|
|
}
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(CloseCircleFilled/* default */.Z, {
|
|
onClick: function onClick() {
|
|
if (type === 1) {
|
|
setFileList([]);
|
|
} else {
|
|
setFileOtherList([]);
|
|
}
|
|
},
|
|
style: {
|
|
fontSize: '16px',
|
|
color: 'red'
|
|
}
|
|
})
|
|
})]
|
|
});
|
|
};
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
|
|
form: form,
|
|
colon: false,
|
|
onFinish: handleSubmit,
|
|
className: ModuleSettingsmodules.form,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
|
|
label: "\u793E\u533A\u540D\u79F0",
|
|
name: "name",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入社区名称'
|
|
}, {
|
|
whitespace: true,
|
|
message: '请输入社区名称'
|
|
}, {
|
|
max: 60,
|
|
message: '只能输入60个字符'
|
|
}],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
style: {
|
|
width: 516
|
|
},
|
|
maxLength: 60,
|
|
placeholder: "\u8BF7\u8F93\u5165\u793E\u533A\u540D\u79F0"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
|
|
label: "\u793E\u533A\u7C7B\u578B",
|
|
initialValue: "classroom",
|
|
name: "vs_type",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入社区类型'
|
|
}],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_radio/* default.Group */.ZP.Group, {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
|
|
value: "classroom",
|
|
children: "\u865A\u62DF\u6559\u7814\u5BA4"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, {
|
|
className: "ml20",
|
|
value: "plan",
|
|
children: "101\u8BA1\u5212"
|
|
})]
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
|
|
label: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
width: 66
|
|
},
|
|
children: "\u6807\u8BC6"
|
|
}),
|
|
name: "identifier",
|
|
rules: [{
|
|
pattern: /^[a-zA-Z0-9]+$/,
|
|
message: '仅支持填写英文和数字'
|
|
}],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
style: {
|
|
width: 516
|
|
},
|
|
maxLength: 15
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
|
|
name: "cover_id",
|
|
label: "\u5C01\u9762\u56FE",
|
|
className: "mt30",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ModuleSettingsmodules.upload,
|
|
children: [fileList !== null && fileList !== void 0 && (_fileList$3 = fileList[0]) !== null && _fileList$3 !== void 0 && (_fileList$3 = _fileList$3.response) !== null && _fileList$3 !== void 0 && _fileList$3.id ? renderImg(1) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
fileList: fileList,
|
|
action: "".concat(env/* default */.Z.API_SERVER, "/api/attachments.json"),
|
|
onChange: function onChange(e) {
|
|
return handleFileChange(e, 1);
|
|
},
|
|
onRemove: function onRemove(e) {
|
|
return handleFileRemove(e, 1);
|
|
},
|
|
beforeUpload: function beforeUpload(e) {
|
|
return handleFileBeforeUpload(e, 1);
|
|
},
|
|
withCredentials: true,
|
|
accept: "image/*",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
|
|
className: "radius2",
|
|
children: "\u4E0A\u4F20\u56FE\u7247"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
className: ModuleSettingsmodules.text,
|
|
children: "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7200KB\uFF0C\u5EFA\u8BAE\u4F7F\u7528282*228\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"
|
|
})]
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
|
|
name: "backbground_image_id",
|
|
label: "\u8BE6\u60C5\u9876\u90E8\u80CC\u666F",
|
|
className: "mt30",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ModuleSettingsmodules.upload,
|
|
children: [fileOtherList !== null && fileOtherList !== void 0 && (_fileOtherList$3 = fileOtherList[0]) !== null && _fileOtherList$3 !== void 0 && (_fileOtherList$3 = _fileOtherList$3.response) !== null && _fileOtherList$3 !== void 0 && _fileOtherList$3.id ? renderImg(2) : /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
fileList: fileOtherList,
|
|
action: "".concat(env/* default */.Z.API_SERVER, "/api/attachments.json"),
|
|
onChange: function onChange(e) {
|
|
return handleFileChange(e, 2);
|
|
},
|
|
onRemove: function onRemove(e) {
|
|
return handleFileRemove(e, 2);
|
|
},
|
|
beforeUpload: function beforeUpload(e) {
|
|
return handleFileBeforeUpload(e, 2);
|
|
},
|
|
withCredentials: true,
|
|
accept: "image/*",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
|
|
className: "radius2",
|
|
children: "\u4E0A\u4F20\u56FE\u7247"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
className: ModuleSettingsmodules.text,
|
|
children: "\u4EC5\u652F\u6301\u4E0A\u4F20jpg/png\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC71MB\uFF0C\u5EFA\u8BAE\u4F7F\u75283840*148\u50CF\u7D20\uFF1B\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"
|
|
})]
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ModuleSettingsmodules.title,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "\u6A21\u5757\u5C55\u793A\u63A7\u5236"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: ModuleSettingsmodules.list,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.List, {
|
|
name: "settings",
|
|
children: function children(fields, _ref3) {
|
|
var add = _ref3.add,
|
|
remove = _ref3.remove,
|
|
move = _ref3.move;
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
children: fields.map(function (field, index) {
|
|
var key = field.key,
|
|
name = field.name,
|
|
restField = objectWithoutProperties_default()(field, _excluded2);
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
align: "top",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, objectSpread2_default()(objectSpread2_default()({}, restField), {}, {
|
|
className: "mr20",
|
|
valuePropName: "checked",
|
|
name: [name, 'checked'],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_checkbox/* default */.Z, {
|
|
disabled: menus[key].disabled
|
|
})
|
|
})), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, objectSpread2_default()(objectSpread2_default()({}, restField), {}, {
|
|
style: {
|
|
flex: 1
|
|
},
|
|
name: [name, 'name'],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {})
|
|
})), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "ml20",
|
|
style: {
|
|
width: 60,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: 'left',
|
|
paddingTop: 6
|
|
},
|
|
children: [index !== 0 && index <= fields.length - 2 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
onClick: function onClick() {
|
|
var _form$getFieldValue;
|
|
move(index, index - 1);
|
|
var formSetting = (_form$getFieldValue = form.getFieldValue('settings')) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.map(function (e, i) {
|
|
fields.map(function (fe, fi) {
|
|
if (i === fi) e.position = Number(fe.name) + 1;
|
|
});
|
|
return e;
|
|
});
|
|
form.setFieldValue('settings', formSetting);
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-shangyi3",
|
|
style: {
|
|
transform: 'translateY(2px)'
|
|
}
|
|
})
|
|
}), index < fields.length - 2 && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
onClick: function onClick() {
|
|
var _form$getFieldValue2;
|
|
move(index, index + 1);
|
|
var formSetting = (_form$getFieldValue2 = form.getFieldValue('settings')) === null || _form$getFieldValue2 === void 0 ? void 0 : _form$getFieldValue2.map(function (e, i) {
|
|
fields.map(function (fe, fi) {
|
|
if (i === fi) e.position = Number(fe.name) + 1;
|
|
});
|
|
return e;
|
|
});
|
|
form.setFieldValue('settings', formSetting);
|
|
},
|
|
className: index === 0 ? '' : "ml10",
|
|
style: {
|
|
transform: 'rotate(180deg) translateY(1px)'
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-shangyi3"
|
|
})
|
|
})]
|
|
})]
|
|
})
|
|
}, key);
|
|
})
|
|
});
|
|
}
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
|
|
disabled: imgLoading,
|
|
loading: btnLoading,
|
|
type: "primary",
|
|
className: ModuleSettingsmodules.btn,
|
|
onClick: handleOk,
|
|
children: "\u786E\u8BA4\u4FEE\u6539"
|
|
})]
|
|
});
|
|
};
|
|
/* harmony default export */ var ModuleSettings = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
var globalSetting = _ref4.globalSetting,
|
|
virtualSpaces = _ref4.virtualSpaces;
|
|
return {
|
|
globalSetting: globalSetting,
|
|
virtualSpaces: virtualSpaces
|
|
};
|
|
})(Page));
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules
|
|
var modal = __webpack_require__(43418);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/pagination/index.js + 10 modules
|
|
var pagination = __webpack_require__(86859);
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__(67666);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Membermodules = ({"flex_box_center":"flex_box_center____FAUe","flex_space_between":"flex_space_between___JShCL","flex_box_vertical_center":"flex_box_vertical_center___YhLcd","flex_box_center_end":"flex_box_center_end___yfXIw","flex_box_column":"flex_box_column___zPH_W","warp":"warp____XM76","Content":"Content___dD_y0","imgstyle":"imgstyle___d5fnu","cardstyle":"cardstyle___uUh0g","paddingcard":"paddingcard___uEvZt","titlefont":"titlefont___HssVh","flexEnd":"flexEnd___Hl39R","modalinput":"modalinput___Vs9yI","items":"items___Gh25j","adminsstyle":"adminsstyle___dby7X","upadmin":"upadmin___JBDfN","yes":"yes___VIGe0","no":"no___e0VYU"});
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/toConsumableArray.js
|
|
var toConsumableArray = __webpack_require__(37205);
|
|
var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(6848);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/auto-complete/index.js
|
|
var auto_complete = __webpack_require__(88522);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
|
|
var table = __webpack_require__(51945);
|
|
// EXTERNAL MODULE: ./node_modules/_react-infinite-scroller@1.2.4@react-infinite-scroller/index.js
|
|
var _react_infinite_scroller_1_2_4_react_infinite_scroller = __webpack_require__(26724);
|
|
var _react_infinite_scroller_1_2_4_react_infinite_scroller_default = /*#__PURE__*/__webpack_require__.n(_react_infinite_scroller_1_2_4_react_infinite_scroller);
|
|
// EXTERNAL MODULE: ./node_modules/_dayjs@1.11.13@dayjs/dayjs.min.js
|
|
var dayjs_min = __webpack_require__(61186);
|
|
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
// EXTERNAL MODULE: ./src/service/virtualSpaces.ts
|
|
var virtualSpaces = __webpack_require__(25727);
|
|
// EXTERNAL MODULE: ./src/service/classrooms.ts
|
|
var classrooms = __webpack_require__(71793);
|
|
// EXTERNAL MODULE: ./src/components/ImagesIcon/index.ts + 32 modules
|
|
var ImagesIcon = __webpack_require__(59011);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/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_17_0_2_react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,_react_17_0_2_react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,_react_17_0_2_react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,_react_17_0_2_react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,_react_17_0_2_react.useRef)();
|
|
(0,_react_17_0_2_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 */.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 */.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 */.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 */.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 */.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 */.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_1_2_4_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));
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/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_17_0_2_react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
options = _useState2[0],
|
|
setOptions = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(true),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
hasMore = _useState4[0],
|
|
setHasmore = _useState4[1];
|
|
var _useState5 = (0,_react_17_0_2_react.useState)(false),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
isLoading = _useState6[0],
|
|
setIsLoading = _useState6[1];
|
|
var _Form$useForm = es_form/* default */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState7 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
tableData = _useState8[0],
|
|
setTableData = _useState8[1];
|
|
var _useState9 = (0,_react_17_0_2_react.useState)(0),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
page = _useState10[0],
|
|
setPage = _useState10[1];
|
|
var _useState11 = (0,_react_17_0_2_react.useState)(),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
selectArrs = _useState12[0],
|
|
setSelectArrs = _useState12[1];
|
|
var _useState13 = (0,_react_17_0_2_react.useState)(true),
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
notSearch = _useState14[0],
|
|
setNotSearch = _useState14[1];
|
|
var autoCompleteRef = (0,_react_17_0_2_react.useRef)();
|
|
(0,_react_17_0_2_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 */.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 */.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 */.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 */.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 */.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 */.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_1_2_4_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/authority.ts
|
|
var authority = __webpack_require__(66332);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/components/Member/index.tsx
|
|
|
|
|
|
|
|
|
|
var Member_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, Member_excluded);
|
|
var _useState = (0,_react_17_0_2_react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
cousesList = _useState2[0],
|
|
setcousesList = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
AddMember = _useState4[0],
|
|
setAddMember = _useState4[1];
|
|
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
|
|
var _useState5 = (0,_react_17_0_2_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_17_0_2_react.useState)({
|
|
page: 1,
|
|
limit: 16,
|
|
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_17_0_2_react.useEffect)(function () {
|
|
getDataSets();
|
|
}, []);
|
|
(0,_react_17_0_2_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.Content,
|
|
children: [(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 || (_cousesList$members = cousesList.members) === null || _cousesList$members === void 0 ? void 0 : _cousesList$members.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
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 */.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: '14px',
|
|
color: '#7D8592',
|
|
marginTop: '7px'
|
|
},
|
|
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.jsxs)("span", {
|
|
onClick: function onClick(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '更换管理员',
|
|
params: params
|
|
}
|
|
});
|
|
},
|
|
className: Membermodules.upadmin,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-genghuanguanliyuan mr5 font14"
|
|
}), "\u66F4\u6362\u7BA1\u7406\u5458"]
|
|
}), (item === null || item === void 0 ? void 0 : item.can_remove) && activitykey === '1' && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
className: "font14",
|
|
onClick: function onClick(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
modal/* default */.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: '#3061D0',
|
|
cursor: 'pointer'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-piliangshanchubeifen mr5 font14"
|
|
}), "\u5220\u9664\u6210\u5458"]
|
|
}), !(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',
|
|
marginBottom: '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));
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Settings/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Settings_Page = function Page(_ref) {
|
|
var _virtualSpaces$virtua;
|
|
var dispatch = _ref.dispatch,
|
|
virtualSpaces = _ref.virtualSpaces;
|
|
var query = (0,_umi_production_exports.useParams)();
|
|
var virtual_spacesId = query.virtual_spacesId;
|
|
var _useState = (0,_react_17_0_2_react.useState)('1'),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
active = _useState2[0],
|
|
setActive = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
status = _useState4[0],
|
|
setStatus = _useState4[1];
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
getData();
|
|
}, []);
|
|
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 (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(virtual_spacesId, "/settings_auth.json"), {
|
|
method: 'get'
|
|
});
|
|
case 2:
|
|
res = _context.sent;
|
|
if (res.status === 0) {
|
|
setStatus(true);
|
|
}
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getData() {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var tabs = [{
|
|
id: '1',
|
|
name: '模块设置'
|
|
}, {
|
|
id: '2',
|
|
name: '成员设置',
|
|
total: virtualSpaces === null || virtualSpaces === void 0 || (_virtualSpaces$virtua = virtualSpaces.virtualSpacesDetails) === null || _virtualSpaces$virtua === void 0 ? void 0 : _virtualSpaces$virtua.members_count
|
|
}];
|
|
if (!status) return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {});
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Settingsmodules.wrap,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomTabs */.YG, {
|
|
value: active,
|
|
onChange: function onChange(k) {
|
|
setActive(k);
|
|
},
|
|
dataSource: tabs,
|
|
tabBarExtraContent: active === '2' && /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* CustomButton */.op, {
|
|
onClick: function onClick() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '添加成员',
|
|
params: {}
|
|
}
|
|
});
|
|
},
|
|
children: "\u6DFB\u52A0\u6210\u5458"
|
|
})
|
|
}), active === '1' && /*#__PURE__*/(0,jsx_runtime.jsx)(ModuleSettings, {}), active === '2' && /*#__PURE__*/(0,jsx_runtime.jsx)(Member, {})]
|
|
});
|
|
};
|
|
/* harmony default export */ var Settings = ((0,_umi_production_exports.connect)(function (_ref3) {
|
|
var globalSetting = _ref3.globalSetting,
|
|
virtualSpaces = _ref3.virtualSpaces;
|
|
return {
|
|
globalSetting: globalSetting,
|
|
virtualSpaces: virtualSpaces
|
|
};
|
|
})(Settings_Page));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 88522:
|
|
/*!*****************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@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 */ 92310);
|
|
/* 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 */ 75440);
|
|
/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/omit */ 55405);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 59301);
|
|
/* harmony import */ var _util_PurePanel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/PurePanel */ 53487);
|
|
/* harmony import */ var _util_reactNode__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_util/reactNode */ 92343);
|
|
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../config-provider */ 36355);
|
|
/* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../select */ 57809);
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const {
|
|
Option
|
|
} = _select__WEBPACK_IMPORTED_MODULE_3__["default"];
|
|
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"], Object.assign({
|
|
ref: ref,
|
|
suffixIcon: null
|
|
}, (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
|
|
}, {
|
|
// 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);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 60028:
|
|
/*!**********************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/upload/index.js ***!
|
|
\**********************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
/* harmony import */ var _Dragger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Dragger */ 71409);
|
|
/* harmony import */ var _Upload__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Upload */ 81376);
|
|
"use client";
|
|
|
|
|
|
|
|
const Upload = _Upload__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z;
|
|
Upload.Dragger = _Dragger__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z;
|
|
Upload.LIST_IGNORE = _Upload__WEBPACK_IMPORTED_MODULE_0__/* .LIST_IGNORE */ .E;
|
|
/* harmony default export */ __webpack_exports__.Z = (Upload);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 51581:
|
|
/*!****************************************************************************************************!*\
|
|
!*** ./node_modules/_react-infinite-scroller@1.2.4@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 */ 59301);
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
var _propTypes = __webpack_require__(/*! prop-types */ 12708);
|
|
|
|
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'];
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ 26724:
|
|
/*!**************************************************************************************!*\
|
|
!*** ./node_modules/_react-infinite-scroller@1.2.4@react-infinite-scroller/index.js ***!
|
|
\**************************************************************************************/
|
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
|
|
module.exports = __webpack_require__(/*! ./dist/InfiniteScroll */ 51581)
|
|
|
|
|
|
/***/ })
|
|
|
|
}]); |