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.
NewEduCoderBuild/p__Messages__Detail__index....

1002 lines
43 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[45359],{
/***/ 41129:
/*!************************************************************!*\
!*** ./src/components/image-preview/index.tsx + 1 modules ***!
\************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
Z: function() { return /* binding */ image_preview; }
});
// 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);
;// CONCATENATED MODULE: ./src/components/image-preview/index.less
// extracted by mini-css-extract-plugin
// EXTERNAL MODULE: ./src/components/mediator.js
var mediator = __webpack_require__(87684);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.4.0@@ant-design/icons/es/icons/ReloadOutlined.js + 1 modules
var ReloadOutlined = __webpack_require__(53583);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.4.0@@ant-design/icons/es/icons/DownloadOutlined.js + 1 modules
var DownloadOutlined = __webpack_require__(67636);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.4.0@@ant-design/icons/es/icons/CloseOutlined.js + 1 modules
var CloseOutlined = __webpack_require__(53043);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/components/image-preview/index.tsx
/* harmony default export */ var image_preview = (function () {
var _useState = (0,_react_17_0_2_react.useState)(''),
_useState2 = slicedToArray_default()(_useState, 2),
url = _useState2[0],
setUrl = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(0),
_useState4 = slicedToArray_default()(_useState3, 2),
deg = _useState4[0],
setDeg = _useState4[1];
var saveUrl = (0,_react_17_0_2_react.useRef)('');
(0,_react_17_0_2_react.useEffect)(function () {
var unSub = mediator/* default */.Z.subscribe('preview-image', function (value) {
setUrl(value);
// window.document.body
// document.body.style.height='100%'
document.body.style.overflow = 'hidden';
});
return unSub;
}, []);
(0,_react_17_0_2_react.useEffect)(function () {
document.addEventListener('keydown', onViewEscClose);
return function () {
document.removeEventListener('keydown', onViewEscClose);
};
}, []);
(0,_react_17_0_2_react.useEffect)(function () {
saveUrl.current = url;
}, [url]);
function onViewEscClose(e) {
if (e.keyCode == 27 && saveUrl.current) {
onClose();
}
}
// https://data.educoder.net/api/attachments/1571649
function onClose() {
// document.body.style.height='100%'
document.body.style.overflow = 'auto';
setUrl('');
}
function onRotate() {
setDeg(deg + 90);
}
var maskRef = (0,_react_17_0_2_react.useRef)();
var previewWrapperRef = (0,_react_17_0_2_react.useRef)();
var handleMaskClick = function handleMaskClick(e) {
if (e.nativeEvent.target === maskRef.current || e.nativeEvent.target === previewWrapperRef.current) {
onClose();
}
};
return /*#__PURE__*/(0,jsx_runtime.jsx)(_react_17_0_2_react.Fragment, {
children: !url ? null : /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "image-preview-container",
ref: maskRef,
onClick: handleMaskClick,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "button-group",
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.ZP, {
onClick: onRotate,
children: ["\u65CB\u8F6C", /*#__PURE__*/(0,jsx_runtime.jsx)(ReloadOutlined/* default */.Z, {})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.ZP, {
href: url,
children: ["\u4E0B\u8F7D", /*#__PURE__*/(0,jsx_runtime.jsx)(DownloadOutlined/* default */.Z, {})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.ZP, {
onClick: onClose,
children: ["\u5173\u95ED", /*#__PURE__*/(0,jsx_runtime.jsx)(CloseOutlined/* default */.Z, {})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "preview-wrp-group",
ref: previewWrapperRef,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
className: "image-preview",
src: url,
alt: "\u9884\u89C8\u5927\u56FE",
style: {
transform: "rotate(".concat(deg, "deg)")
}
})
})]
})
});
});
/***/ }),
/***/ 17604:
/*!*********************************************************!*\
!*** ./src/pages/Messages/Detail/index.tsx + 3 modules ***!
\*********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ Detail; }
});
// 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/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/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/_@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/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(80608);
// 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/col/index.js
var col = __webpack_require__(43604);
// 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/_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: ./node_modules/_antd@5.9.0@antd/es/menu/index.js + 11 modules
var menu = __webpack_require__(20834);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/layout/index.js
var layout = __webpack_require__(44000);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/spin/index.js + 1 modules
var spin = __webpack_require__(71418);
// 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: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(71681);
// EXTERNAL MODULE: ./src/components/RenderHtml/index.tsx + 2 modules
var RenderHtml = __webpack_require__(47759);
;// CONCATENATED MODULE: ./src/pages/Messages/Detail/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Detailmodules = ({"flex_box_center":"flex_box_center___OfYbN","flex_space_between":"flex_space_between___hrkuU","flex_box_vertical_center":"flex_box_vertical_center___jxUNa","flex_box_center_end":"flex_box_center_end___toHnG","flex_box_column":"flex_box_column___hO761","userInfo":"userInfo___AOrZJ","navInfo":"navInfo___eCDON","actived":"actived___FDrE1","topBar":"topBar___L5Hq4","tabs":"tabs___K46zs","active":"active___hMEvd","list":"list____5qRM","tags":"tags___R3aHm","searchWrp":"searchWrp___AlrVM","listMessage":"listMessage___DSDfV","deleteMsg":"deleteMsg___omx9n","listRightMessage":"listRightMessage___lZyYc","content":"content___vaWQf","msg":"msg___BhVg6","msgDate":"msgDate___oRFwZ"});
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/Messages/Detail/components/RightList.tsx
var _excluded = ["messages", "globalSetting", "loading", "user", "dispatch"];
var SubMenu = menu/* default */.Z.SubMenu;
var Sider = layout/* default */.Z.Sider,
Content = layout/* default */.Z.Content;
var ShixunsListPage = function ShixunsListPage(_ref) {
var messages = _ref.messages,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
user = _ref.user,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, _excluded);
var params = (0,_umi_production_exports.useParams)();
var query = (0,_umi_production_exports.useLocation)();
var userInfo = user.userInfo;
var _useState = (0,_react_17_0_2_react.useState)(false),
_useState2 = slicedToArray_default()(_useState, 2),
hasMore = _useState2[0],
setHasMore = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)({
per_page: 20,
page: 1
}),
_useState4 = slicedToArray_default()(_useState3, 2),
messageParams = _useState4[0],
setMessageParams = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)({
per_page: 20,
page: 1
}),
_useState6 = slicedToArray_default()(_useState5, 2),
listParams = _useState6[0],
setListParams = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)([]),
_useState8 = slicedToArray_default()(_useState7, 2),
listData = _useState8[0],
setListData = _useState8[1];
(0,_react_17_0_2_react.useEffect)(function () {
messageParams.page = 1;
getData2();
}, [params.userId]);
var toDetail = function toDetail(item) {
var _user$userInfo, _item$target;
_umi_production_exports.history.push("/messages/".concat(user === null || user === void 0 || (_user$userInfo = user.userInfo) === null || _user$userInfo === void 0 ? void 0 : _user$userInfo.login, "/message_detail?target_ids=").concat(item === null || item === void 0 || (_item$target = item.target) === null || _item$target === void 0 ? void 0 : _item$target.id));
};
var getData2 = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res, _res$private_messages;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
setHasMore(false);
_context.next = 3;
return dispatch({
type: 'messages/getPrivateMessages',
payload: objectSpread2_default()(objectSpread2_default()({}, params), listParams)
});
case 3:
res = _context.sent;
if (res !== null && res !== void 0 && res.private_messages) {
setListData([].concat(toConsumableArray_default()(listData), toConsumableArray_default()(res.private_messages)));
if (((_res$private_messages = res.private_messages) === null || _res$private_messages === void 0 ? void 0 : _res$private_messages.length) === 20) {
setHasMore(true);
}
}
case 5:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData2() {
return _ref2.apply(this, arguments);
};
}();
return /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: Detailmodules.listRightMessage,
children: /*#__PURE__*/(0,jsx_runtime.jsx)((_react_infinite_scroller_1_2_4_react_infinite_scroller_default()), {
loadMore: function loadMore() {
listParams.page++;
getData2();
},
hasMore: hasMore,
useWindow: false
// loader={<div className="loader" key={0}>Loading ...</div>}
,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(spin/* default */.Z, {
spinning: loading['messages/getPrivateMessages'],
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "minH500",
children: listData === null || listData === void 0 ? void 0 : listData.map(function (item, index) {
var _item$target2, _item$target3;
return /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
onClick: function onClick() {
return toDetail(item);
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "58px",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: env/* default */.Z.IMG_SERVER + '/images/' + (item === null || item === void 0 || (_item$target2 = item.target) === null || _item$target2 === void 0 ? void 0 : _item$target2.image_url),
alt: ""
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
span: 24,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Detailmodules.userName,
children: item === null || item === void 0 || (_item$target3 = item.target) === null || _item$target3 === void 0 ? void 0 : _item$target3.name
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "ml15 c-grey-c",
children: dayjs_min_default()(item.send_time).fromNow()
})
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
span: 24,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: ['mt15', Detailmodules.content].join(' '),
children: /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, {
value: item.content || ''
})
})
})]
})
})]
})
}, index);
})
})
})
})
});
};
/* harmony default export */ var RightList = ((0,_umi_production_exports.connect)(function (_ref3) {
var messages = _ref3.messages,
loading = _ref3.loading,
user = _ref3.user,
globalSetting = _ref3.globalSetting;
return {
messages: messages,
globalSetting: globalSetting,
user: user,
loading: loading.effects
};
})(ShixunsListPage));
// 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/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./src/components/image-preview/index.tsx + 1 modules
var image_preview = __webpack_require__(41129);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(27876);
// EXTERNAL MODULE: ./src/service/messages.ts
var service_messages = __webpack_require__(20850);
// EXTERNAL MODULE: ./src/components/markdown-editor/index.tsx + 10 modules
var markdown_editor = __webpack_require__(77036);
// EXTERNAL MODULE: ./src/components/mediator.js
var mediator = __webpack_require__(87684);
;// CONCATENATED MODULE: ./src/pages/Messages/Detail/components/LeftList.tsx
var LeftList_excluded = ["messages", "globalSetting", "loading", "user", "dispatch"];
var LeftList_SubMenu = menu/* default */.Z.SubMenu;
var LeftList_Sider = layout/* default */.Z.Sider,
LeftList_Content = layout/* default */.Z.Content;
var LeftList_ShixunsListPage = function ShixunsListPage(_ref) {
var messages = _ref.messages,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
user = _ref.user,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, LeftList_excluded);
var params = (0,_umi_production_exports.useParams)();
var _useSearchParams = (0,_umi_production_exports.useSearchParams)(),
_useSearchParams2 = slicedToArray_default()(_useSearchParams, 2),
searchParams = _useSearchParams2[0],
setSearchParams = _useSearchParams2[1];
var _useState = (0,_react_17_0_2_react.useState)({
per_page: 20,
page: 1
}),
_useState2 = slicedToArray_default()(_useState, 2),
messageParams = _useState2[0],
setMessageParams = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)([]),
_useState4 = slicedToArray_default()(_useState3, 2),
messageData = _useState4[0],
setMessageData = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)(false),
_useState6 = slicedToArray_default()(_useState5, 2),
hasMore = _useState6[0],
setHasMore = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)(false),
_useState8 = slicedToArray_default()(_useState7, 2),
sendLoading = _useState8[0],
setSendLoading = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(''),
_useState10 = slicedToArray_default()(_useState9, 2),
value = _useState10[0],
setValue = _useState10[1];
var messageWrp = (0,_react_17_0_2_react.useRef)();
var _Form$useForm = es_form/* default */.Z.useForm(),
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
form = _Form$useForm2[0];
var _useState11 = (0,_react_17_0_2_react.useState)([]),
_useState12 = slicedToArray_default()(_useState11, 2),
newData = _useState12[0],
setNewData = _useState12[1];
var _useState13 = (0,_react_17_0_2_react.useState)(true),
_useState14 = slicedToArray_default()(_useState13, 2),
lockScroll = _useState14[0],
setLockScroll = _useState14[1];
//
(0,_react_17_0_2_react.useEffect)(function () {
messageParams.page = 1;
getData();
}, [searchParams.get("target_ids")]);
var getData = /*#__PURE__*/function () {
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res, _newData;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
setHasMore(false);
_context.next = 3;
return dispatch({
type: 'messages/getPrivateMessageDetails',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
target_id: searchParams.get("target_ids")
}, messageParams)
});
case 3:
res = _context.sent;
if (res !== null && res !== void 0 && res.messages) {
newData = res === null || res === void 0 ? void 0 : res.messages;
if (((_newData = newData) === null || _newData === void 0 ? void 0 : _newData.length) === 20) {
setTimeout(function () {
setHasMore(true);
setLockScroll(false);
}, 500);
}
if (messageParams.page === 1) {
setMessageData(toConsumableArray_default()(res === null || res === void 0 ? void 0 : res.messages.reverse()));
} else {
setMessageData([].concat(toConsumableArray_default()(messageData), toConsumableArray_default()(res === null || res === void 0 ? void 0 : res.messages.reverse())));
}
}
case 5:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
(0,_react_17_0_2_react.useEffect)(function () {
console.log('newData.length:', messageParams, newData.length, newData);
if (messageParams.page === 1 && lockScroll) messageWrp.current.scrollTop = messageWrp.current.scrollHeight;
}, [messageData]);
(0,_react_17_0_2_react.useEffect)(function () {
messageWrp.current.onclick = function (e) {
if (e.target.nodeName === 'IMG' && e.target.alt !== '') {
mediator/* default */.Z.publish('preview-image', e.target.src);
}
};
}, []);
var handleDel = /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(item, index) {
var res;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return (0,service_messages/* deletePrivateMessage */.dl)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
id: item.id
}));
case 2:
res = _context2.sent;
if (res.status === 0) {
messageData.splice(index, 1);
setMessageData(toConsumableArray_default()(messageData));
}
case 4:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function handleDel(_x, _x2) {
return _ref3.apply(this, arguments);
};
}();
var handleSend = /*#__PURE__*/function () {
var _ref4 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee3() {
return regeneratorRuntime_default()().wrap(function _callee3$(_context3) {
while (1) switch (_context3.prev = _context3.next) {
case 0:
if (!(value === '')) {
_context3.next = 3;
break;
}
message/* default */.ZP.error('请输入您的回复');
return _context3.abrupt("return", false);
case 3:
setValue('');
setSendLoading(true);
_context3.next = 7;
return (0,service_messages/* postPrivateMessages */.w0)(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
content: value,
target_id: searchParams.get("target_ids")
}));
case 7:
setSendLoading(false);
messageParams.page = 1;
form.resetFields();
getData();
case 11:
case "end":
return _context3.stop();
}
}, _callee3);
}));
return function handleSend() {
return _ref4.apply(this, arguments);
};
}();
var privateMessageAuth = (0,_react_17_0_2_react.useMemo)(function () {
var _ref5 = user || {},
userInfo = _ref5.userInfo;
return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.is_teacher) && (userInfo === null || userInfo === void 0 ? void 0 : userInfo.professional_certification);
}, [user]);
return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: Detailmodules.listMessage,
ref: messageWrp,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)((_react_infinite_scroller_1_2_4_react_infinite_scroller_default()), {
isReverse: true,
loadMore: function loadMore() {
messageParams.page++;
getData();
},
hasMore: hasMore,
useWindow: false,
children: [!hasMore && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "tc mt20 animated fadeIn",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Detailmodules.msgDate,
children: "\u6CA1\u6709\u4FE1\u606F\u4E86\uFF5E\uFF5E"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(spin/* default */.Z, {
spinning: loading['messages/getPrivateMessageDetails'],
children: /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: "minH500",
children: messageData === null || messageData === void 0 ? void 0 : messageData.map(function (item, index) {
var _item$sender;
return /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
justify: "center",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
className: "tc",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Detailmodules.msgDate,
children: dayjs_min_default()(item.send_time).format('YYYY-MM-DD')
})
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
onClick: function onClick() {
return (0,util/* getMessagesUrl */._g)(item);
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "58px",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: env/* default */.Z.IMG_SERVER + '/images/' + (item === null || item === void 0 || (_item$sender = item.sender) === null || _item$sender === void 0 ? void 0 : _item$sender.image_url),
alt: ""
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Detailmodules.msg,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, {
value: item.content || ''
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
onClick: function onClick() {
return handleDel(item, index);
},
className: ['current', Detailmodules.deleteMsg].join(' '),
children: "\u5220\u9664"
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-c ml10",
children: dayjs_min_default()(item.send_time).format('HH:mm')
})
})]
})]
}, index);
})
})
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: "pl30 pr30 mb30 mt30",
children: privateMessageAuth ? /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
form: form,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
name: "content",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(markdown_editor/* default */.Z, {
placeholder: "\u8BF7\u8F93\u5165\u4F60\u7684\u56DE\u590D",
height: 150,
onChange: function onChange(value) {
return setValue(value);
}
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-red font14",
children: "\u5728\u95EE\u9898\u53CD\u9988\u65F6\uFF0C\u8BF7\u540C\u65F6\u53D1\u9001\u95EE\u9898\u53D1\u751F\u9875\u7684\u7F51\u5740\u94FE\u63A5\uFF0C\u4EE5\u4FBF\u6211\u4EEC\u9AD8\u6548\u7684\u4E3A\u60A8\u670D\u52A1"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
loading: sendLoading,
type: "primary",
onClick: function onClick() {
return handleSend();
},
children: "\u56DE\u590D"
})
})]
})]
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "c-red font14",
style: {
textAlign: 'center'
},
children: "\u4EC5\u804C\u4E1A\u8BA4\u8BC1\u7684\u6559\u5E08\u53EF\u4EE5\u4F7F\u7528\u79C1\u4FE1\u529F\u80FD"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(image_preview/* default */.Z, {})]
});
};
/* harmony default export */ var LeftList = ((0,_umi_production_exports.connect)(function (_ref6) {
var messages = _ref6.messages,
loading = _ref6.loading,
user = _ref6.user,
globalSetting = _ref6.globalSetting;
return {
messages: messages,
globalSetting: globalSetting,
user: user,
loading: loading.effects
};
})(LeftList_ShixunsListPage));
// EXTERNAL MODULE: ./src/pages/Messages/component/LeftNav.tsx + 1 modules
var LeftNav = __webpack_require__(67184);
;// CONCATENATED MODULE: ./src/pages/Messages/Detail/index.tsx
var Detail_excluded = ["messages", "globalSetting", "loading", "user", "dispatch"];
var Detail_ShixunsListPage = function ShixunsListPage(_ref) {
var _privateMessageDetail;
var messages = _ref.messages,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
user = _ref.user,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, Detail_excluded);
var _useSearchParams = (0,_umi_production_exports.useSearchParams)(),
_useSearchParams2 = slicedToArray_default()(_useSearchParams, 2),
searchParams = _useSearchParams2[0],
setSearchParams = _useSearchParams2[1];
var params = (0,_umi_production_exports.useParams)();
var userInfo = user.userInfo;
var tidingsList = messages.tidingsList,
privateMessageDetails = messages.privateMessageDetails;
var _useState = (0,_react_17_0_2_react.useState)({
per_page: 20,
page: 1
}),
_useState2 = slicedToArray_default()(_useState, 2),
messageParams = _useState2[0],
setMessageParams = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)({
per_page: 20,
page: 1
}),
_useState4 = slicedToArray_default()(_useState3, 2),
liatParams = _useState4[0],
setListParams = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)([]),
_useState6 = slicedToArray_default()(_useState5, 2),
messageData = _useState6[0],
setMessageData = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)([]),
_useState8 = slicedToArray_default()(_useState7, 2),
listData = _useState8[0],
setListData = _useState8[1];
(0,_react_17_0_2_react.useEffect)(function () {
messageParams.page = 1;
// getData();
// getData2();
}, [params.userId]);
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: 'messages/getPrivateMessageDetails',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
target_id: searchParams.get("target_ids")
})
});
case 2:
res = _context.sent;
if (res !== null && res !== void 0 && res.messages) setMessageData(res.messages);
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData() {
return _ref2.apply(this, arguments);
};
}();
var getData2 = /*#__PURE__*/function () {
var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var res;
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
while (1) switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return dispatch({
type: 'messages/getPrivateMessages',
payload: objectSpread2_default()(objectSpread2_default()({}, params), liatParams)
});
case 2:
res = _context2.sent;
if (res !== null && res !== void 0 && res.private_messages) setListData(res.private_messages);
case 4:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return function getData2() {
return _ref3.apply(this, arguments);
};
}();
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
className: Detailmodules.bg,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
className: "edu-container mt20",
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
gutter: [20, 20],
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(LeftNav/* default */.Z, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
className: "bg-white",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
className: ["font16", Detailmodules.topBar].join(' '),
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "30px",
className: "tc",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
to: "/messages/".concat(params.userId, "/private_messages"),
className: "iconfont icon-zuojiantou c-black pl10"
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
flex: "1",
className: "tc",
children: [privateMessageDetails === null || privateMessageDetails === void 0 || (_privateMessageDetail = privateMessageDetails.target) === null || _privateMessageDetail === void 0 ? void 0 : _privateMessageDetail.name, "\u4E0E\u4F60\u7684\u79C1\u4FE1"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "290px",
className: "tl",
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "pl30",
children: "\u79C1\u4FE1\u5217\u8868"
})
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "1",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(LeftList, {})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: "290px",
children: /*#__PURE__*/(0,jsx_runtime.jsx)(RightList, {})
})]
})]
})
})]
})
})
});
};
/* harmony default export */ var Detail = ((0,_umi_production_exports.connect)(function (_ref4) {
var messages = _ref4.messages,
loading = _ref4.loading,
user = _ref4.user,
globalSetting = _ref4.globalSetting;
return {
messages: messages,
globalSetting: globalSetting,
user: user,
loading: loading.effects
};
})(Detail_ShixunsListPage));
/***/ }),
/***/ 67184:
/*!**************************************************************!*\
!*** ./src/pages/Messages/component/LeftNav.tsx + 1 modules ***!
\**************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
Z: function() { return /* binding */ LeftNav; }
});
// 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/slicedToArray.js
var slicedToArray = __webpack_require__(79800);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// 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/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(80608);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/menu/index.js + 11 modules
var menu = __webpack_require__(20834);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/layout/index.js
var layout = __webpack_require__(44000);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/col/index.js
var col = __webpack_require__(43604);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(71681);
;// CONCATENATED MODULE: ./src/pages/Messages/component/LeftNav.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var LeftNavmodules = ({"flex_box_center":"flex_box_center___cQVhO","flex_space_between":"flex_space_between___L36a6","flex_box_vertical_center":"flex_box_vertical_center___sIHwG","flex_box_center_end":"flex_box_center_end___OqNyE","flex_box_column":"flex_box_column___Ct7XG","userInfo":"userInfo____uyMZ","navInfo":"navInfo___acXs6","actived":"actived___WhZza","newTip":"newTip___Jdd6B"});
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/Messages/component/LeftNav.tsx
var _excluded = ["messages", "globalSetting", "loading", "user", "dispatch"];
var SubMenu = menu/* default */.Z.SubMenu;
var Sider = layout/* default */.Z.Sider,
Content = layout/* default */.Z.Content;
var ShixunsListPage = function ShixunsListPage(_ref) {
var messages = _ref.messages,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
user = _ref.user,
dispatch = _ref.dispatch,
props = objectWithoutProperties_default()(_ref, _excluded);
var params = (0,_umi_production_exports.useParams)();
var userInfo = user.userInfo;
var location = (0,_umi_production_exports.useLocation)();
var tidingsList = messages.tidingsList,
privateMessage = messages.privateMessage,
unreadInfo = messages.unreadInfo;
var _useState = (0,_react_17_0_2_react.useState)({
per_page: 10,
page: 1
}),
_useState2 = slicedToArray_default()(_useState, 2),
bodyParams = _useState2[0],
setBodyParams = _useState2[1];
(0,_react_17_0_2_react.useEffect)(function () {
getData();
}, [params.userId]);
var getData = function getData() {
dispatch({
type: 'messages/unreadMessageInfo',
payload: objectSpread2_default()(objectSpread2_default()({}, bodyParams), params)
});
};
return /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
flex: "264px",
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
className: LeftNavmodules.userInfo,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
className: "mt40",
src: env/* default */.Z.IMG_SERVER + '/images/' + (userInfo === null || userInfo === void 0 ? void 0 : userInfo.image_url)
}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "font24 mt10",
children: userInfo === null || userInfo === void 0 ? void 0 : userInfo.username
}), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: "mt20",
children: userInfo === null || userInfo === void 0 ? void 0 : userInfo.user_identity
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
className: LeftNavmodules.navInfo,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
to: "/messages/".concat(userInfo === null || userInfo === void 0 ? void 0 : userInfo.login, "/user_tidings"),
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
className: location.pathname.indexOf("user_tidings") > -1 && LeftNavmodules.actived,
children: ["\u6D88\u606F", !!(unreadInfo !== null && unreadInfo !== void 0 && unreadInfo.unread_tiding_count) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: LeftNavmodules.newTip,
children: unreadInfo === null || unreadInfo === void 0 ? void 0 : unreadInfo.unread_tiding_count
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
to: "/messages/".concat(userInfo === null || userInfo === void 0 ? void 0 : userInfo.login, "/private_messages"),
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
className: (location.pathname.indexOf("private_messages") > -1 || location.pathname.indexOf("message_detail") > -1) && LeftNavmodules.actived,
children: ["\u79C1\u4FE1", !!(unreadInfo !== null && unreadInfo !== void 0 && unreadInfo.unread_message_count) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: LeftNavmodules.newTip,
children: unreadInfo === null || unreadInfo === void 0 ? void 0 : unreadInfo.unread_message_count
})]
})
})]
})]
});
};
/* harmony default export */ var LeftNav = ((0,_umi_production_exports.connect)(function (_ref2) {
var messages = _ref2.messages,
loading = _ref2.loading,
user = _ref2.user,
globalSetting = _ref2.globalSetting;
return {
messages: messages,
globalSetting: globalSetting,
user: user,
loading: loading.effects
};
})(ShixunsListPage));
/***/ })
}]);