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__Classrooms__Lists__Stati...

1554 lines
58 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[3585],{
/***/ 68956:
/*!**************************************************************************************!*\
!*** ./src/pages/Classrooms/Lists/Statistics/StudentSituation/index.tsx + 2 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 */ Statistics_StudentSituation; }
});
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/style/index.js + 1 modules
var style = __webpack_require__(61099);
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/index.js + 11 modules
var skeleton = __webpack_require__(73481);
// EXTERNAL MODULE: ./node_modules/antd/es/table/style/index.js + 1 modules
var table_style = __webpack_require__(71854);
// EXTERNAL MODULE: ./node_modules/antd/es/table/index.js + 58 modules
var table = __webpack_require__(67250);
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/style/index.js + 1 modules
var tabs_style = __webpack_require__(99558);
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/index.js + 22 modules
var tabs = __webpack_require__(3381);
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/style/index.js + 1 modules
var breadcrumb_style = __webpack_require__(63102);
// EXTERNAL MODULE: ./node_modules/antd/es/breadcrumb/index.js + 3 modules
var breadcrumb = __webpack_require__(58492);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(17061);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(17156);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(42122);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(27424);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./node_modules/moment/moment.js
var moment = __webpack_require__(30381);
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
var _umi_production_exports = __webpack_require__(89214);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(84519);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Statistics/StudentSituation/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var StudentSituationmodules = ({"flex_box_center":"flex_box_center___j1bAE","flex_space_between":"flex_space_between___IbaMC","flex_box_vertical_center":"flex_box_vertical_center___TcvEM","flex_box_center_end":"flex_box_center_end___MqTuc","flex_box_column":"flex_box_column___idplU","bg":"bg___oFrjP","title":"title___Lhfh_","img":"img___x1Ip0","right":"right___l5YAN","top":"top___ku6kq","font":"font___OYhDA","bottom":"bottom___MllAb","li":"li___d6sjF","num":"num___YfZHN","ling":"ling___ijtU2","content":"content___FWvET"});
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(59758);
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
var jsx_runtime = __webpack_require__(85893);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Statistics/StudentSituation/columns.tsx
var init_work_status = [{
text: '未开启',
color: '#272A3A'
}, {
text: '未通关',
color: '#E30000'
}, {
text: '按时通关',
color: '#038D00'
}, {
text: '迟交通关',
color: '#0152D9'
}];
var columns = function columns(key, params) {
var status = {
shixun_homework: [{
text: '未开启',
color: '#272A3A'
}, {
text: '未通关',
color: '#E30000'
}, {
text: '按时通关',
color: '#038D00'
}, {
text: '迟交通关',
color: '#0152D9'
}],
program_homework: [{
text: '未开启',
color: '#272A3A'
}, {
text: '未通关',
color: '#E30000'
}, {
text: '按时通关',
color: '#038D00'
}, {
text: '迟交通关',
color: '#0152D9'
}, {
text: '截止通关',
color: '#E30000'
} //不确定会不会出现
],
common_homework: [{
text: '未提交',
color: '#272A3A'
}, {
text: '按时提交',
color: '#038D00'
}, {
text: '延时提交',
color: '#0152D9'
}],
group_homework: [{
text: '未提交',
color: '#272A3A'
}, {
text: '按时提交',
color: '#038D00'
}, {
text: '延时提交',
color: '#0152D9'
}],
exercise: [{
text: '未开始',
color: '#272A3A'
}, {
text: '考试中',
color: '#0152D9'
}, {
text: '已交卷',
color: '#038D00'
}, {
text: '已交卷/未答',
color: '#038D00'
}],
video: [{
text: '未完成',
color: '#272A3A'
}, {
text: '已完成',
color: '#038D00'
}]
};
var work_status = status[key] || init_work_status;
var data = {
shixun_homework: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u5B9E\u9A8C\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: "/classrooms/".concat(params === null || params === void 0 ? void 0 : params.coursesId, "/shixun_homework/").concat(item === null || item === void 0 ? void 0 : item.id, "/").concat(item === null || item === void 0 ? void 0 : item.student_work_id, "/comment"),
target: "_blank",
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '作业状态',
dataIndex: 'work_status',
render: function render(text) {
var _work_status$text, _work_status$text2;
return text === -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#FF9D18'
},
children: "\u91CD\u505A\u4E2D"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status$text = work_status[text]) === null || _work_status$text === void 0 ? void 0 : _work_status$text.color
},
children: (_work_status$text2 = work_status[text]) === null || _work_status$text2 === void 0 ? void 0 : _work_status$text2.text
});
}
}, {
title: '完成时间',
dataIndex: 'update_time'
// render: (text: any) => '2022-06-02 12:34:12',
}, {
title: '通关情况',
dataIndex: 'current_complete_count',
align: 'center',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text + '/' + (item === null || item === void 0 ? void 0 : item.complete_count)
});
}
}, {
title: '最终成绩',
dataIndex: 'work_score',
align: 'center',
key: 'address',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: 100 === parseInt(text) ? '#FF6800' : '#E30000'
},
children: text
});
}
}, {
title: '作业达成情况',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
common_homework: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u4F5C\u4E1A\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: "/classrooms/".concat(params === null || params === void 0 ? void 0 : params.coursesId, "/common_homework/").concat(item === null || item === void 0 ? void 0 : item.id, "/review/").concat(item === null || item === void 0 ? void 0 : item.student_work_id),
target: "_blank",
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '作业状态',
dataIndex: 'work_status',
render: function render(text) {
var _work_status$text3, _work_status$text4;
return text === -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#FF9D18'
},
children: "\u91CD\u505A\u4E2D"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status$text3 = work_status[text]) === null || _work_status$text3 === void 0 ? void 0 : _work_status$text3.color
},
children: (_work_status$text4 = work_status[text]) === null || _work_status$text4 === void 0 ? void 0 : _work_status$text4.text
});
}
}, {
title: '完成时间',
dataIndex: 'update_time',
render: function render(text) {
return '2022-06-02 12:34:12';
}
}, {
title: '最终成绩',
dataIndex: 'work_score',
align: 'center',
key: 'address',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: 100 === parseInt(text) ? '#FF6800' : '#E30000'
},
children: text
});
}
}, {
title: '作业达成情况',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
group_homework: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u4F5C\u4E1A\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: "/classrooms/".concat(params === null || params === void 0 ? void 0 : params.coursesId, "/group_homework/").concat(item === null || item === void 0 ? void 0 : item.id, "/review/").concat(item === null || item === void 0 ? void 0 : item.student_work_id),
target: "_blank",
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '作业状态',
dataIndex: 'work_status',
render: function render(text) {
var _work_status$text5, _work_status$text6;
return text === -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#FF9D18'
},
children: "\u91CD\u505A\u4E2D"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status$text5 = work_status[text]) === null || _work_status$text5 === void 0 ? void 0 : _work_status$text5.color
},
children: (_work_status$text6 = work_status[text]) === null || _work_status$text6 === void 0 ? void 0 : _work_status$text6.text
});
}
}, {
title: '完成时间',
dataIndex: 'update_time',
render: function render(text) {
return '2022-06-02 12:34:12';
}
}, {
title: '最终成绩',
dataIndex: 'work_score',
align: 'center',
key: 'address',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: 100 === parseInt(text) ? '#FF6800' : '#E30000'
},
children: text
});
}
}, {
title: '作业达成情况',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
program_homework: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u4F5C\u4E1A\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '作业状态',
dataIndex: 'work_status',
render: function render(text) {
var _work_status$text7, _work_status$text8;
return text === -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#FF9D18'
},
children: "\u91CD\u505A\u4E2D"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status$text7 = work_status[text]) === null || _work_status$text7 === void 0 ? void 0 : _work_status$text7.color
},
children: (_work_status$text8 = work_status[text]) === null || _work_status$text8 === void 0 ? void 0 : _work_status$text8.text
});
}
}, {
title: '完成时间',
dataIndex: 'update_time',
render: function render(text) {
return '2022-06-02 12:34:12';
}
}, {
title: '通关情况',
dataIndex: 'current_complete_count',
align: 'center',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text + '/' + (item === null || item === void 0 ? void 0 : item.complete_count)
});
}
}, {
title: '最终成绩',
dataIndex: 'work_score',
align: 'center',
key: 'address',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: 100 === parseInt(text) ? '#FF6800' : '#E30000'
},
children: text
});
}
}, {
title: '作业达成情况',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
exercise: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u8003\u8BD5\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
href: "/classrooms/".concat(params === null || params === void 0 ? void 0 : params.coursesId, "/exercise/").concat(item === null || item === void 0 ? void 0 : item.id, "/review/").concat(params.login),
target: "_blank",
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '考试状态',
dataIndex: 'work_status',
render: function render(text) {
var _work_status$text9, _work_status$text10;
return text === -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: '#FF9D18'
},
children: "\u91CD\u505A\u4E2D"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status$text9 = work_status[text]) === null || _work_status$text9 === void 0 ? void 0 : _work_status$text9.color
},
children: (_work_status$text10 = work_status[text]) === null || _work_status$text10 === void 0 ? void 0 : _work_status$text10.text
});
}
}, {
title: '交卷时间',
dataIndex: 'update_time',
render: function render(text) {
return '2022-06-02 12:34:12';
}
}, {
title: '最终成绩',
dataIndex: 'score',
align: 'center',
key: 'address',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: 100 === parseInt(text) ? '#FF6800' : '#E30000'
},
children: text
});
}
}, {
title: '考试达成情况',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
video: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u89C6\u9891\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '是否观看完成',
dataIndex: 'work_status',
render: function render(text) {
var _work_status, _work_status2;
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
color: (_work_status = work_status[text ? 1 : 0]) === null || _work_status === void 0 ? void 0 : _work_status.color
},
children: (_work_status2 = work_status[text ? 1 : 0]) === null || _work_status2 === void 0 ? void 0 : _work_status2.text
});
}
}, {
title: '观看时长',
dataIndex: 'watch_duration'
}, {
title: '观看达成状态',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}],
attendance: [{
title: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
marginLeft: 12
},
children: "\u7B7E\u5230\u540D\u79F0"
}),
dataIndex: 'name',
ellipsis: true,
width: '30%',
render: function render(text, item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
marginLeft: 12
},
children: text
});
}
}, {
title: '签到状态',
dataIndex: 'work_status'
}, {
title: '签到达成状态',
dataIndex: 'rate',
align: 'center',
render: function render(text) {
return "".concat(text, "%");
}
}]
};
return data[key];
};
/* harmony default export */ var StudentSituation_columns = (columns);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Statistics/StudentSituation/index.tsx
moment_default().locale('zh-cn');
var StudentSituation = function StudentSituation() {
var _data$course_modules, _data$course_modules$, _data$course_target_u, _data$course_modules2;
var urlParams = (0,_umi_production_exports.useParams)();
var _useState = (0,react.useState)(objectSpread2_default()(objectSpread2_default()({}, urlParams), {}, {
page: 1,
limit: 10
})),
_useState2 = slicedToArray_default()(_useState, 2),
params = _useState2[0],
setParams = _useState2[1];
var _useState3 = (0,react.useState)({}),
_useState4 = slicedToArray_default()(_useState3, 2),
data = _useState4[0],
setData = _useState4[1];
var _useState5 = (0,react.useState)([]),
_useState6 = slicedToArray_default()(_useState5, 2),
list = _useState6[0],
setList = _useState6[1];
var _useState7 = (0,react.useState)(0),
_useState8 = slicedToArray_default()(_useState7, 2),
total = _useState8[0],
setTotal = _useState8[1];
var _useState9 = (0,react.useState)('0'),
_useState10 = slicedToArray_default()(_useState9, 2),
activityKey = _useState10[0],
seActivityKey = _useState10[1];
var _useState11 = (0,react.useState)(true),
_useState12 = slicedToArray_default()(_useState11, 2),
tableLoading = _useState12[0],
setTableLoading = _useState12[1];
var _useState13 = (0,react.useState)(true),
_useState14 = slicedToArray_default()(_useState13, 2),
loading = _useState14[0],
setLoading = _useState14[1];
(0,react.useEffect)(function () {
getData(urlParams, true);
}, []);
var getData = /*#__PURE__*/function () {
var _ref = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(record) {
var isFirstLoad,
res,
_res$table_data,
_res$table_data2,
_args = arguments;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
isFirstLoad = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
if (isFirstLoad) {
setLoading(true);
} else {
setTableLoading(true);
}
_context.next = 4;
return (0,fetch/* default */.ZP)("/api/courses/".concat(urlParams === null || urlParams === void 0 ? void 0 : urlParams.coursesId, "/course_members/").concat(urlParams.login, "/student_detail"), {
method: 'get',
params: record
});
case 4:
res = _context.sent;
if (res) {
if (isFirstLoad) {
setData(res);
seActivityKey(String((res === null || res === void 0 ? void 0 : res.homework_type) || 0));
}
setList((res === null || res === void 0 ? void 0 : (_res$table_data = res.table_data) === null || _res$table_data === void 0 ? void 0 : _res$table_data.list) || []);
setTotal((res === null || res === void 0 ? void 0 : (_res$table_data2 = res.table_data) === null || _res$table_data2 === void 0 ? void 0 : _res$table_data2.total_count) || 0);
}
setLoading(false);
setTableLoading(false);
case 8:
case "end":
return _context.stop();
}
}, _callee);
}));
return function getData(_x) {
return _ref.apply(this, arguments);
};
}();
// const tabs = [{
// type: '4',
// name: '实训作业',
// key: 'shixun_homework',
// }, {
// name: '普通作业',
// type: '1',
// key: 'common_homework',
// }, {
// type: '3',
// name: '分组作业',
// key: 'group_homework',
// }, {
// type: '5',
// name: '编程作业',
// key: 'program_homework',
// }, {
// type: '6',
// name: '在线考试',
// key: 'exercise',
// }, {
// type: '7',
// name: '视频直播',
// key: 'video',
// }, {
// type: '8',
// name: '课堂签到',
// key: 'attendance',
// }]
var handleChangePage = function handleChangePage(param) {
params.page = param === null || param === void 0 ? void 0 : param.current;
params.limit = param === null || param === void 0 ? void 0 : param.pageSize;
setParams(objectSpread2_default()({}, params));
getData(params);
};
var handleTabs = function handleTabs(e) {
seActivityKey(e);
params.page = 1;
params.type = e;
setParams(objectSpread2_default()({}, params));
getData(params);
};
var columnsKey = data === null || data === void 0 ? void 0 : (_data$course_modules = data.course_modules) === null || _data$course_modules === void 0 ? void 0 : (_data$course_modules$ = _data$course_modules.find(function (e) {
return String(e.type) === activityKey;
})) === null || _data$course_modules$ === void 0 ? void 0 : _data$course_modules$.module_type;
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
className: StudentSituationmodules.bg,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
loading: loading,
active: true,
paragraph: {
rows: 5
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(breadcrumb/* default */.Z, {
separator: ">",
style: {
marginTop: 20
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
children: "\u6559\u5B66\u8BFE\u5802"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
href: "/classrooms/".concat(urlParams === null || urlParams === void 0 ? void 0 : urlParams.coursesId),
children: data === null || data === void 0 ? void 0 : data.course_name
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
href: "/classrooms/".concat(urlParams === null || urlParams === void 0 ? void 0 : urlParams.coursesId, "/statistics/").concat(urlParams === null || urlParams === void 0 ? void 0 : urlParams.categoryId),
children: "\u5B66\u751F\u5206\u6790"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default.Item */.Z.Item, {
children: "\u5B66\u751F\u5B66\u4E60\u8BE6\u60C5"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.title,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: StudentSituationmodules.img,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: env/* default.IMG_SERVER */.Z.IMG_SERVER + '/images/' + (data === null || data === void 0 ? void 0 : data.image_url)
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.right,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: StudentSituationmodules.top,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
className: StudentSituationmodules.font,
children: ["\u59D3\u540D\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: data === null || data === void 0 ? void 0 : data.username
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
className: StudentSituationmodules.font,
children: ["\u5B66\u53F7\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: (data === null || data === void 0 ? void 0 : data.student_id) || '- -'
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
className: StudentSituationmodules.font,
children: ["\u5206\u73ED\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: (data === null || data === void 0 ? void 0 : data.course_group) || '- -'
})]
})]
})
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.bottom,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.li,
style: {
marginLeft: 0
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.num,
style: {
color: '#0152D9'
},
children: [data === null || data === void 0 ? void 0 : data.total_rate, "%"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: "\u6574\u4F53\u8FBE\u6210\u5EA6"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: StudentSituationmodules.ling
}), data === null || data === void 0 ? void 0 : (_data$course_target_u = data.course_target_users) === null || _data$course_target_u === void 0 ? void 0 : _data$course_target_u.map(function (e, i) {
return /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.li,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.num,
children: [e.rate, "%"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: e.target_name
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: StudentSituationmodules.ling
})]
}, i);
})]
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: StudentSituationmodules.content,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default */.Z, {
activeKey: activityKey,
onChange: handleTabs,
tabBarStyle: {
paddingLeft: 20,
height: 55
},
children: data === null || data === void 0 ? void 0 : (_data$course_modules2 = data.course_modules) === null || _data$course_modules2 === void 0 ? void 0 : _data$course_modules2.map(function (e) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default.TabPane */.Z.TabPane, {
style: {
marginRight: 68
},
tab: e.module_name
}, String(e.type));
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
style: {
padding: '12px 20px 0 20px'
},
dataSource: list,
columns: StudentSituation_columns(columnsKey, params),
onChange: handleChangePage,
loading: tableLoading,
pagination: {
pageSize: params.limit,
total: total,
current: params.page,
showQuickJumper: true,
showSizeChanger: false,
hideOnSinglePage: true,
position: ["bottomCenter"],
showTotal: function showTotal(total) {
return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
className: "mr10",
children: ["\u5171", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-orange",
children: total
}), "\u6761\u6570\u636E"]
});
}
}
})]
})]
})
});
};
/* harmony default export */ var Statistics_StudentSituation = (StudentSituation);
/***/ }),
/***/ 58492:
/*!**************************************************************!*\
!*** ./node_modules/antd/es/breadcrumb/index.js + 3 modules ***!
\**************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": function() { return /* binding */ breadcrumb; }
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(4942);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__(87462);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
var toConsumableArray = __webpack_require__(74902);
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__(94184);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
var toArray = __webpack_require__(50344);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
var context = __webpack_require__(53124);
// EXTERNAL MODULE: ./node_modules/antd/es/menu/index.js + 5 modules
var menu = __webpack_require__(66516);
// EXTERNAL MODULE: ./node_modules/antd/es/_util/reactNode.js
var reactNode = __webpack_require__(96159);
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DownOutlined.js
var DownOutlined = __webpack_require__(13622);
// EXTERNAL MODULE: ./node_modules/antd/es/dropdown/dropdown.js + 1 modules
var dropdown = __webpack_require__(18562);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/BreadcrumbItem.js
var __rest = undefined && undefined.__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var BreadcrumbItem = function BreadcrumbItem(props) {
var customizePrefixCls = props.prefixCls,
_props$separator = props.separator,
separator = _props$separator === void 0 ? '/' : _props$separator,
children = props.children,
menu = props.menu,
overlay = props.overlay,
dropdownProps = props.dropdownProps,
restProps = __rest(props, ["prefixCls", "separator", "children", "menu", "overlay", "dropdownProps"]);
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
// Warning for deprecated usage
if (false) {}
/** If overlay is have Wrap a Dropdown */
var renderBreadcrumbNode = function renderBreadcrumbNode(breadcrumbItem) {
if (menu || overlay) {
return /*#__PURE__*/react.createElement(dropdown/* default */.Z, (0,esm_extends/* default */.Z)({
menu: menu,
overlay: overlay,
placement: "bottom"
}, dropdownProps), /*#__PURE__*/react.createElement("span", {
className: "".concat(prefixCls, "-overlay-link")
}, breadcrumbItem, /*#__PURE__*/react.createElement(DownOutlined/* default */.Z, null)));
}
return breadcrumbItem;
};
var link;
if ('href' in restProps) {
link = /*#__PURE__*/react.createElement("a", (0,esm_extends/* default */.Z)({
className: "".concat(prefixCls, "-link")
}, restProps), children);
} else {
link = /*#__PURE__*/react.createElement("span", (0,esm_extends/* default */.Z)({
className: "".concat(prefixCls, "-link")
}, restProps), children);
}
// wrap to dropDown
link = renderBreadcrumbNode(link);
if (children !== undefined && children !== null) {
return /*#__PURE__*/react.createElement("li", null, link, separator && /*#__PURE__*/react.createElement("span", {
className: "".concat(prefixCls, "-separator")
}, separator));
}
return null;
};
BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
/* harmony default export */ var breadcrumb_BreadcrumbItem = (BreadcrumbItem);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/BreadcrumbSeparator.js
var BreadcrumbSeparator = function BreadcrumbSeparator(_ref) {
var children = _ref.children;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('breadcrumb');
return /*#__PURE__*/react.createElement("span", {
className: "".concat(prefixCls, "-separator")
}, children || '/');
};
BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;
/* harmony default export */ var breadcrumb_BreadcrumbSeparator = (BreadcrumbSeparator);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/Breadcrumb.js
var Breadcrumb_rest = undefined && undefined.__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
function getBreadcrumbName(route, params) {
if (!route.breadcrumbName) {
return null;
}
var paramsKeys = Object.keys(params).join('|');
var name = route.breadcrumbName.replace(new RegExp(":(".concat(paramsKeys, ")"), 'g'), function (replacement, key) {
return params[key] || replacement;
});
return name;
}
function defaultItemRender(route, params, routes, paths) {
var isLastItem = routes.indexOf(route) === routes.length - 1;
var name = getBreadcrumbName(route, params);
return isLastItem ? /*#__PURE__*/react.createElement("span", null, name) : /*#__PURE__*/react.createElement("a", {
href: "#/".concat(paths.join('/'))
}, name);
}
var getPath = function getPath(path, params) {
path = (path || '').replace(/^\//, '');
Object.keys(params).forEach(function (key) {
path = path.replace(":".concat(key), params[key]);
});
return path;
};
var addChildPath = function addChildPath(paths, childPath, params) {
var originalPaths = (0,toConsumableArray/* default */.Z)(paths);
var path = getPath(childPath || '', params);
if (path) {
originalPaths.push(path);
}
return originalPaths;
};
var Breadcrumb = function Breadcrumb(_a) {
var customizePrefixCls = _a.prefixCls,
_a$separator = _a.separator,
separator = _a$separator === void 0 ? '/' : _a$separator,
style = _a.style,
className = _a.className,
routes = _a.routes,
children = _a.children,
_a$itemRender = _a.itemRender,
itemRender = _a$itemRender === void 0 ? defaultItemRender : _a$itemRender,
_a$params = _a.params,
params = _a$params === void 0 ? {} : _a$params,
restProps = Breadcrumb_rest(_a, ["prefixCls", "separator", "style", "className", "routes", "children", "itemRender", "params"]);
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls,
direction = _React$useContext.direction;
var crumbs;
var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
if (routes && routes.length > 0) {
// generated by route
var paths = [];
crumbs = routes.map(function (route) {
var path = getPath(route.path, params);
if (path) {
paths.push(path);
}
// generated overlay by route.children
var overlay;
if (route.children && route.children.length) {
overlay = /*#__PURE__*/react.createElement(menu/* default */.Z, {
items: route.children.map(function (child) {
return {
key: child.path || child.breadcrumbName,
label: itemRender(child, params, routes, addChildPath(paths, child.path, params))
};
})
});
}
var itemProps = {
separator: separator
};
if (overlay) {
itemProps.overlay = overlay;
}
return /*#__PURE__*/react.createElement(breadcrumb_BreadcrumbItem, (0,esm_extends/* default */.Z)({}, itemProps, {
key: path || route.breadcrumbName
}), itemRender(route, params, routes, paths));
});
} else if (children) {
crumbs = (0,toArray/* default */.Z)(children).map(function (element, index) {
if (!element) {
return element;
}
false ? 0 : void 0;
return (0,reactNode/* cloneElement */.Tm)(element, {
separator: separator,
key: index
});
});
}
var breadcrumbClassName = classnames_default()(prefixCls, (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className);
return /*#__PURE__*/react.createElement("nav", (0,esm_extends/* default */.Z)({
className: breadcrumbClassName,
style: style
}, restProps), /*#__PURE__*/react.createElement("ol", null, crumbs));
};
Breadcrumb.Item = breadcrumb_BreadcrumbItem;
Breadcrumb.Separator = breadcrumb_BreadcrumbSeparator;
/* harmony default export */ var breadcrumb_Breadcrumb = (Breadcrumb);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/index.js
/* harmony default export */ var breadcrumb = (breadcrumb_Breadcrumb);
/***/ }),
/***/ 63102:
/*!********************************************************************!*\
!*** ./node_modules/antd/es/breadcrumb/style/index.js + 1 modules ***!
\********************************************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
var style_default = __webpack_require__(43146);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/style/index.less
// extracted by mini-css-extract-plugin
// EXTERNAL MODULE: ./node_modules/antd/es/dropdown/style/index.js + 1 modules
var style = __webpack_require__(68018);
// EXTERNAL MODULE: ./node_modules/antd/es/menu/style/index.js + 1 modules
var menu_style = __webpack_require__(83736);
;// CONCATENATED MODULE: ./node_modules/antd/es/breadcrumb/style/index.js
// style dependencies
/***/ }),
/***/ 73481:
/*!*************************************************************!*\
!*** ./node_modules/antd/es/skeleton/index.js + 11 modules ***!
\*************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": function() { return /* binding */ skeleton; }
});
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(4942);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__(87462);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
var esm_typeof = __webpack_require__(71002);
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__(94184);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./node_modules/antd/es/config-provider/context.js
var context = __webpack_require__(53124);
// EXTERNAL MODULE: ./node_modules/rc-util/es/omit.js
var omit = __webpack_require__(98423);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Element.js
var Element = function Element(props) {
var _classNames, _classNames2;
var prefixCls = props.prefixCls,
className = props.className,
style = props.style,
size = props.size,
shape = props.shape;
var sizeCls = classnames_default()((_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames));
var shapeCls = classnames_default()((_classNames2 = {}, (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-circle"), shape === 'circle'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-square"), shape === 'square'), (0,defineProperty/* default */.Z)(_classNames2, "".concat(prefixCls, "-round"), shape === 'round'), _classNames2));
var sizeStyle = react.useMemo(function () {
return typeof size === 'number' ? {
width: size,
height: size,
lineHeight: "".concat(size, "px")
} : {};
}, [size]);
return /*#__PURE__*/react.createElement("span", {
className: classnames_default()(prefixCls, sizeCls, shapeCls, className),
style: (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({}, sizeStyle), style)
});
};
/* harmony default export */ var skeleton_Element = (Element);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Avatar.js
var SkeletonAvatar = function SkeletonAvatar(props) {
var customizePrefixCls = props.prefixCls,
className = props.className,
active = props.active,
_props$shape = props.shape,
shape = _props$shape === void 0 ? 'circle' : _props$shape,
_props$size = props.size,
size = _props$size === void 0 ? 'default' : _props$size;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls', 'className']);
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
return /*#__PURE__*/react.createElement("div", {
className: cls
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-avatar"),
shape: shape,
size: size
}, otherProps)));
};
/* harmony default export */ var Avatar = (SkeletonAvatar);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Button.js
var SkeletonButton = function SkeletonButton(props) {
var _classNames;
var customizePrefixCls = props.prefixCls,
className = props.className,
active = props.active,
_props$block = props.block,
block = _props$block === void 0 ? false : _props$block,
_props$size = props.size,
size = _props$size === void 0 ? 'default' : _props$size;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
return /*#__PURE__*/react.createElement("div", {
className: cls
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-button"),
size: size
}, otherProps)));
};
/* harmony default export */ var Button = (SkeletonButton);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
var objectSpread2 = __webpack_require__(1413);
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/DotChartOutlined.js
// This icon file is generated automatically.
var DotChartOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM288 604a64 64 0 10128 0 64 64 0 10-128 0zm118-224a48 48 0 1096 0 48 48 0 10-96 0zm158 228a96 96 0 10192 0 96 96 0 10-192 0zm148-314a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "dot-chart", "theme": "outlined" };
/* harmony default export */ var asn_DotChartOutlined = (DotChartOutlined);
// EXTERNAL MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/components/AntdIcon.js + 3 modules
var AntdIcon = __webpack_require__(93771);
;// CONCATENATED MODULE: ./node_modules/antd/node_modules/@ant-design/icons/es/icons/DotChartOutlined.js
// GENERATE BY ./scripts/generate.ts
// DON NOT EDIT IT MANUALLY
var DotChartOutlined_DotChartOutlined = function DotChartOutlined(props, ref) {
return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, props), {}, {
ref: ref,
icon: asn_DotChartOutlined
}));
};
DotChartOutlined_DotChartOutlined.displayName = 'DotChartOutlined';
/* harmony default export */ var icons_DotChartOutlined = (/*#__PURE__*/react.forwardRef(DotChartOutlined_DotChartOutlined));
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Node.js
var SkeletonNode = function SkeletonNode(props) {
var customizePrefixCls = props.prefixCls,
className = props.className,
style = props.style,
active = props.active,
children = props.children;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
var content = children !== null && children !== void 0 ? children : /*#__PURE__*/react.createElement(icons_DotChartOutlined, null);
return /*#__PURE__*/react.createElement("div", {
className: cls
}, /*#__PURE__*/react.createElement("div", {
className: classnames_default()("".concat(prefixCls, "-image"), className),
style: style
}, content));
};
/* harmony default export */ var Node = (SkeletonNode);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Image.js
var path = 'M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z';
var SkeletonImage = function SkeletonImage(props) {
var customizePrefixCls = props.prefixCls,
className = props.className,
style = props.style,
active = props.active;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (0,defineProperty/* default */.Z)({}, "".concat(prefixCls, "-active"), active), className);
return /*#__PURE__*/react.createElement("div", {
className: cls
}, /*#__PURE__*/react.createElement("div", {
className: classnames_default()("".concat(prefixCls, "-image"), className),
style: style
}, /*#__PURE__*/react.createElement("svg", {
viewBox: "0 0 1098 1024",
xmlns: "http://www.w3.org/2000/svg",
className: "".concat(prefixCls, "-image-svg")
}, /*#__PURE__*/react.createElement("path", {
d: path,
className: "".concat(prefixCls, "-image-path")
}))));
};
/* harmony default export */ var Image = (SkeletonImage);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Input.js
var SkeletonInput = function SkeletonInput(props) {
var _classNames;
var customizePrefixCls = props.prefixCls,
className = props.className,
active = props.active,
block = props.block,
_props$size = props.size,
size = _props$size === void 0 ? 'default' : _props$size;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
var otherProps = (0,omit/* default */.Z)(props, ['prefixCls']);
var cls = classnames_default()(prefixCls, "".concat(prefixCls, "-element"), (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-block"), block), _classNames), className);
return /*#__PURE__*/react.createElement("div", {
className: cls
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-input"),
size: size
}, otherProps)));
};
/* harmony default export */ var Input = (SkeletonInput);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
var toConsumableArray = __webpack_require__(74902);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Paragraph.js
var Paragraph = function Paragraph(props) {
var getWidth = function getWidth(index) {
var width = props.width,
_props$rows = props.rows,
rows = _props$rows === void 0 ? 2 : _props$rows;
if (Array.isArray(width)) {
return width[index];
}
// last paragraph
if (rows - 1 === index) {
return width;
}
return undefined;
};
var prefixCls = props.prefixCls,
className = props.className,
style = props.style,
rows = props.rows;
var rowList = (0,toConsumableArray/* default */.Z)(Array(rows)).map(function (_, index) {
return (
/*#__PURE__*/
// eslint-disable-next-line react/no-array-index-key
react.createElement("li", {
key: index,
style: {
width: getWidth(index)
}
})
);
});
return /*#__PURE__*/react.createElement("ul", {
className: classnames_default()(prefixCls, className),
style: style
}, rowList);
};
/* harmony default export */ var skeleton_Paragraph = (Paragraph);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Title.js
/* eslint-disable jsx-a11y/heading-has-content */
var Title = function Title(_ref) {
var prefixCls = _ref.prefixCls,
className = _ref.className,
width = _ref.width,
style = _ref.style;
return /*#__PURE__*/react.createElement("h3", {
className: classnames_default()(prefixCls, className),
style: (0,esm_extends/* default */.Z)({
width: width
}, style)
});
};
/* harmony default export */ var skeleton_Title = (Title);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/Skeleton.js
function getComponentProps(prop) {
if (prop && (0,esm_typeof/* default */.Z)(prop) === 'object') {
return prop;
}
return {};
}
function getAvatarBasicProps(hasTitle, hasParagraph) {
if (hasTitle && !hasParagraph) {
// Square avatar
return {
size: 'large',
shape: 'square'
};
}
return {
size: 'large',
shape: 'circle'
};
}
function getTitleBasicProps(hasAvatar, hasParagraph) {
if (!hasAvatar && hasParagraph) {
return {
width: '38%'
};
}
if (hasAvatar && hasParagraph) {
return {
width: '50%'
};
}
return {};
}
function getParagraphBasicProps(hasAvatar, hasTitle) {
var basicProps = {};
// Width
if (!hasAvatar || !hasTitle) {
basicProps.width = '61%';
}
// Rows
if (!hasAvatar && hasTitle) {
basicProps.rows = 3;
} else {
basicProps.rows = 2;
}
return basicProps;
}
var Skeleton = function Skeleton(props) {
var customizePrefixCls = props.prefixCls,
loading = props.loading,
className = props.className,
style = props.style,
children = props.children,
_props$avatar = props.avatar,
avatar = _props$avatar === void 0 ? false : _props$avatar,
_props$title = props.title,
title = _props$title === void 0 ? true : _props$title,
_props$paragraph = props.paragraph,
paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
active = props.active,
round = props.round;
var _React$useContext = react.useContext(context/* ConfigContext */.E_),
getPrefixCls = _React$useContext.getPrefixCls,
direction = _React$useContext.direction;
var prefixCls = getPrefixCls('skeleton', customizePrefixCls);
if (loading || !('loading' in props)) {
var _classNames;
var hasAvatar = !!avatar;
var hasTitle = !!title;
var hasParagraph = !!paragraph;
// Avatar
var avatarNode;
if (hasAvatar) {
var avatarProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-avatar")
}, getAvatarBasicProps(hasTitle, hasParagraph)), getComponentProps(avatar));
// We direct use SkeletonElement as avatar in skeleton internal.
avatarNode = /*#__PURE__*/react.createElement("div", {
className: "".concat(prefixCls, "-header")
}, /*#__PURE__*/react.createElement(skeleton_Element, (0,esm_extends/* default */.Z)({}, avatarProps)));
}
var contentNode;
if (hasTitle || hasParagraph) {
// Title
var $title;
if (hasTitle) {
var titleProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-title")
}, getTitleBasicProps(hasAvatar, hasParagraph)), getComponentProps(title));
$title = /*#__PURE__*/react.createElement(skeleton_Title, (0,esm_extends/* default */.Z)({}, titleProps));
}
// Paragraph
var paragraphNode;
if (hasParagraph) {
var paragraphProps = (0,esm_extends/* default */.Z)((0,esm_extends/* default */.Z)({
prefixCls: "".concat(prefixCls, "-paragraph")
}, getParagraphBasicProps(hasAvatar, hasTitle)), getComponentProps(paragraph));
paragraphNode = /*#__PURE__*/react.createElement(skeleton_Paragraph, (0,esm_extends/* default */.Z)({}, paragraphProps));
}
contentNode = /*#__PURE__*/react.createElement("div", {
className: "".concat(prefixCls, "-content")
}, $title, paragraphNode);
}
var cls = classnames_default()(prefixCls, (_classNames = {}, (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-with-avatar"), hasAvatar), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-active"), active), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,defineProperty/* default */.Z)(_classNames, "".concat(prefixCls, "-round"), round), _classNames), className);
return /*#__PURE__*/react.createElement("div", {
className: cls,
style: style
}, avatarNode, contentNode);
}
return typeof children !== 'undefined' ? children : null;
};
Skeleton.Button = Button;
Skeleton.Avatar = Avatar;
Skeleton.Input = Input;
Skeleton.Image = Image;
Skeleton.Node = Node;
/* harmony default export */ var skeleton_Skeleton = (Skeleton);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/index.js
/* harmony default export */ var skeleton = (skeleton_Skeleton);
/***/ }),
/***/ 61099:
/*!******************************************************************!*\
!*** ./node_modules/antd/es/skeleton/style/index.js + 1 modules ***!
\******************************************************************/
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
// EXTERNAL MODULE: ./node_modules/antd/es/style/default.less
var style_default = __webpack_require__(43146);
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.less
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./node_modules/antd/es/skeleton/style/index.js
/***/ })
}]);