|
|
"use strict";
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[17806],{
|
|
|
|
|
|
/***/ 87579:
|
|
|
/*!***************************************************************************************!*\
|
|
|
!*** ./src/pages/Classrooms/Lists/Statistics/StatisticsQuality/index.tsx + 1 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 */ StatisticsQuality; }
|
|
|
});
|
|
|
|
|
|
// 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/button/style/index.js + 1 modules
|
|
|
var button_style = __webpack_require__(29913);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
|
var es_button = __webpack_require__(71577);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/select/style/index.js + 1 modules
|
|
|
var select_style = __webpack_require__(95985);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/select/index.js
|
|
|
var es_select = __webpack_require__(34041);
|
|
|
// 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: ./src/.umi-production/exports.ts + 8 modules
|
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Statistics/StatisticsQuality/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var StatisticsQualitymodules = ({"wrap":"wrap___sKc1R","headWrap":"headWrap___S5CVJ","head":"head___VBue_","deal":"deal___mWVJv","two":"two___h7Vsd","one":"one___dXkJk"});
|
|
|
// EXTERNAL MODULE: ./node_modules/echarts-for-react/lib/index.js
|
|
|
var lib = __webpack_require__(50976);
|
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
|
var fetch = __webpack_require__(84519);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Statistics/StatisticsQuality/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//新建数值
|
|
|
var ShixunsListPage = function ShixunsListPage(_ref) {
|
|
|
var _data$control_degree, _data$control_degree2, _data$control_degree3, _data$control_degree4, _data$control_degree5, _teacherList$teacher_;
|
|
|
var classroomList = _ref.classroomList,
|
|
|
globalSetting = _ref.globalSetting,
|
|
|
dispatch = _ref.dispatch;
|
|
|
var _useState = (0,react.useState)(objectSpread2_default()(objectSpread2_default()({}, (0,_umi_production_exports.useParams)()), {
|
|
|
page: 1,
|
|
|
limit: 2000
|
|
|
})),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
params = _useState2[0],
|
|
|
setParams = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)(),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
teacherValue = _useState4[0],
|
|
|
setTeacherValue = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)(1),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
arithmeticValue = _useState6[0],
|
|
|
setArithmeticValue = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)(false),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
loading = _useState8[0],
|
|
|
setLoading = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)({}),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
data = _useState10[0],
|
|
|
setData = _useState10[1];
|
|
|
var _useState11 = (0,react.useState)({}),
|
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
|
teacherList = _useState12[0],
|
|
|
setTeacherList = _useState12[1];
|
|
|
(0,react.useEffect)(function () {
|
|
|
getList();
|
|
|
}, []);
|
|
|
(0,react.useEffect)(function () {
|
|
|
if (teacherValue) getData();
|
|
|
}, [teacherValue]);
|
|
|
var getList = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
|
var _res$teacher_list, _res$teacher_list$;
|
|
|
var res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
_context.next = 2;
|
|
|
return dispatch({
|
|
|
type: 'teachers/getList',
|
|
|
payload: objectSpread2_default()({}, params)
|
|
|
});
|
|
|
case 2:
|
|
|
res = _context.sent;
|
|
|
setTeacherValue(res === null || res === void 0 ? void 0 : (_res$teacher_list = res.teacher_list) === null || _res$teacher_list === void 0 ? void 0 : (_res$teacher_list$ = _res$teacher_list[0]) === null || _res$teacher_list$ === void 0 ? void 0 : _res$teacher_list$.user_id);
|
|
|
setTeacherList(res);
|
|
|
case 5:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function getList() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var getData = /*#__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:
|
|
|
setLoading(true);
|
|
|
_context2.next = 3;
|
|
|
return (0,fetch/* default */.ZP)("/api/courses/teacher_id.json", {
|
|
|
method: 'get',
|
|
|
params: {
|
|
|
teacherId: teacherValue
|
|
|
}
|
|
|
});
|
|
|
case 3:
|
|
|
res = _context2.sent;
|
|
|
if ((res === null || res === void 0 ? void 0 : res.status) === 0) {
|
|
|
setData((res === null || res === void 0 ? void 0 : res.data) || {});
|
|
|
}
|
|
|
setLoading(false);
|
|
|
case 6:
|
|
|
case "end":
|
|
|
return _context2.stop();
|
|
|
}
|
|
|
}, _callee2);
|
|
|
}));
|
|
|
return function getData() {
|
|
|
return _ref3.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
|
|
|
// const teacher = [
|
|
|
// {
|
|
|
// "tcId": 1,
|
|
|
// "teacherId": 101,
|
|
|
// "teacherName": "周老师",
|
|
|
// "courseId": 101,
|
|
|
// "courseName": "数据结构"
|
|
|
// },
|
|
|
// {
|
|
|
// "tcId": 2,
|
|
|
// "teacherId": 102,
|
|
|
// "teacherName": "曾老师",
|
|
|
// "courseId": 102,
|
|
|
// "courseName": "C语言"
|
|
|
// },
|
|
|
// {
|
|
|
// "tcId": 3,
|
|
|
// "teacherId": 103,
|
|
|
// "teacherName": "陈老师",
|
|
|
// "courseId": 103,
|
|
|
// "courseName": "计算机网络"
|
|
|
// },
|
|
|
// {
|
|
|
// "tcId": 4,
|
|
|
// "teacherId": 104,
|
|
|
// "teacherName": "赵老师",
|
|
|
// "courseId": 104,
|
|
|
// "courseName": "大数据"
|
|
|
// },
|
|
|
// {
|
|
|
// "tcId": 5,
|
|
|
// "teacherId": 105,
|
|
|
// "teacherName": "李老师",
|
|
|
// "courseId": 105,
|
|
|
// "courseName": "数学"
|
|
|
// }
|
|
|
// ]
|
|
|
|
|
|
// const data = {
|
|
|
// "control_degree": [
|
|
|
// [4, 30, 77, 34, 33],
|
|
|
// [36, 95, 52, 76, 97],
|
|
|
// [320, 332, 301, 334, 390, 330, 320],
|
|
|
// [320, 332, 301, 334, 390, 330, 320],
|
|
|
// [320, 332, 301, 334, 390, 330, 320]
|
|
|
// ],
|
|
|
// "commiment": [
|
|
|
// 19,
|
|
|
// 91,
|
|
|
// 37,
|
|
|
// 14,
|
|
|
// 10
|
|
|
// ],
|
|
|
// "recongnition": [
|
|
|
// {
|
|
|
// "value": 53,
|
|
|
// "itemStyle": {
|
|
|
// "color": "#fa0a0f"
|
|
|
// }
|
|
|
// },
|
|
|
// {
|
|
|
// "value": 65,
|
|
|
// "itemStyle": {
|
|
|
// "color": "#a0ffa0"
|
|
|
// }
|
|
|
// },
|
|
|
// {
|
|
|
// "value": 33,
|
|
|
// "itemStyle": {
|
|
|
// "color": "#faa0f0"
|
|
|
// }
|
|
|
// },
|
|
|
// {
|
|
|
// "value": 65,
|
|
|
// "itemStyle": {
|
|
|
// "color": "#ffa0a0"
|
|
|
// }
|
|
|
// },
|
|
|
// {
|
|
|
// "value": 60,
|
|
|
// "itemStyle": {
|
|
|
// "color": "#0ffaa0"
|
|
|
// }
|
|
|
// }
|
|
|
// ],
|
|
|
// "promotion": [
|
|
|
// {
|
|
|
// "value": 2,
|
|
|
// "name": "促进参与"
|
|
|
// },
|
|
|
// {
|
|
|
// "value": 76,
|
|
|
// "name": "促进绩效"
|
|
|
// }
|
|
|
// ]
|
|
|
// }
|
|
|
|
|
|
var option1 = {
|
|
|
title: {
|
|
|
text: '教师'
|
|
|
},
|
|
|
legend: {
|
|
|
top: '0%',
|
|
|
left: 'right',
|
|
|
data: ['课前', '课中', '课后']
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis'
|
|
|
},
|
|
|
radar: {
|
|
|
// shape: 'circle',
|
|
|
indicator: [{
|
|
|
name: '投入度',
|
|
|
max: 6500
|
|
|
}, {
|
|
|
name: '促进度',
|
|
|
max: 16000
|
|
|
}, {
|
|
|
name: '调控度',
|
|
|
max: 30000
|
|
|
}, {
|
|
|
name: '认可度',
|
|
|
max: 38000
|
|
|
}],
|
|
|
center: ['50%', '50%'],
|
|
|
radius: 120
|
|
|
},
|
|
|
series: [{
|
|
|
name: 'Budget vs spending',
|
|
|
type: 'radar',
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
|
data: [{
|
|
|
value: [4200, 3000, 20000, 35000, 50000, 18000],
|
|
|
name: '课前'
|
|
|
}, {
|
|
|
value: [5000, 14000, 28000, 26000, 42000, 21000],
|
|
|
name: '课中'
|
|
|
}, {
|
|
|
value: [4200, 14000, 20000, 26000, 50000, 26000],
|
|
|
name: '课后'
|
|
|
}]
|
|
|
}]
|
|
|
};
|
|
|
var option2 = {
|
|
|
color: "#0F7858",
|
|
|
title: {
|
|
|
text: '投入度'
|
|
|
},
|
|
|
legend: {
|
|
|
// data: ['估计值', '实际值'],
|
|
|
orient: 'vertical',
|
|
|
left: 'right'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
zlevel: 0
|
|
|
},
|
|
|
radar: {
|
|
|
// shape: 'circle',
|
|
|
indicator: [{
|
|
|
name: '教学准备',
|
|
|
max: 100
|
|
|
}, {
|
|
|
name: '组织学习',
|
|
|
max: 100
|
|
|
}, {
|
|
|
name: '建设资源',
|
|
|
max: 100
|
|
|
}, {
|
|
|
name: '互动答疑',
|
|
|
max: 100
|
|
|
}, {
|
|
|
name: '学习评价',
|
|
|
max: 100
|
|
|
}]
|
|
|
},
|
|
|
series: [{
|
|
|
type: 'radar',
|
|
|
data: [{
|
|
|
// value: [80, 70, 90, 65, 45],
|
|
|
value: data === null || data === void 0 ? void 0 : data.commiment,
|
|
|
name: '评测值'
|
|
|
}]
|
|
|
}]
|
|
|
};
|
|
|
var option3 = {
|
|
|
title: {
|
|
|
text: '调控度',
|
|
|
left: 'left'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
type: 'cross',
|
|
|
label: {
|
|
|
backgroundColor: '#6a7985'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
legend: {
|
|
|
data: ['查看学习任务次数', '查看测验次数', '提醒任务次数', '小组发帖次数', '学习资源更新次数'],
|
|
|
// orient: 'vertical',
|
|
|
left: 'right'
|
|
|
},
|
|
|
// toolbox: {
|
|
|
// feature: {
|
|
|
// saveAsImage: {}
|
|
|
// }
|
|
|
// },
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
type: 'category',
|
|
|
boundaryGap: false,
|
|
|
data: ['一', '二', '三', '四', '五', '六', '七']
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: '查看学习任务次数',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: data === null || data === void 0 ? void 0 : (_data$control_degree = data.control_degree) === null || _data$control_degree === void 0 ? void 0 : _data$control_degree[0]
|
|
|
}, {
|
|
|
name: '查看测验次数',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: data === null || data === void 0 ? void 0 : (_data$control_degree2 = data.control_degree) === null || _data$control_degree2 === void 0 ? void 0 : _data$control_degree2[1]
|
|
|
}, {
|
|
|
name: '提醒任务次数',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: data === null || data === void 0 ? void 0 : (_data$control_degree3 = data.control_degree) === null || _data$control_degree3 === void 0 ? void 0 : _data$control_degree3[2]
|
|
|
}, {
|
|
|
name: '小组发帖次数',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: data === null || data === void 0 ? void 0 : (_data$control_degree4 = data.control_degree) === null || _data$control_degree4 === void 0 ? void 0 : _data$control_degree4[3]
|
|
|
}, {
|
|
|
name: '学习资源更新次数',
|
|
|
type: 'line',
|
|
|
stack: '总量',
|
|
|
areaStyle: {},
|
|
|
emphasis: {
|
|
|
focus: 'series'
|
|
|
},
|
|
|
data: data === null || data === void 0 ? void 0 : (_data$control_degree5 = data.control_degree) === null || _data$control_degree5 === void 0 ? void 0 : _data$control_degree5[4]
|
|
|
}]
|
|
|
};
|
|
|
var option4 = {
|
|
|
title: {
|
|
|
text: '认可度'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
legend: {
|
|
|
data: ['学习资源认可', '学习任务认可', '辅导答疑认可', '作业批改认可', '小组指导认可'],
|
|
|
orient: 'vertical'
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
type: 'category',
|
|
|
data: ['学习资源认可', '学习任务认可', '辅导答疑认可', '作业批改认可', '小组指导认可']
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
// name: '学习资源认可',
|
|
|
type: 'bar',
|
|
|
// emphasis: {
|
|
|
// focus: 'series'
|
|
|
// },
|
|
|
// data: data_set
|
|
|
data: data === null || data === void 0 ? void 0 : data.recongnition
|
|
|
}]
|
|
|
};
|
|
|
var option5 = {
|
|
|
title: {
|
|
|
text: '促进度',
|
|
|
left: 'left'
|
|
|
},
|
|
|
legend: {
|
|
|
// orient: 'vertical',
|
|
|
left: 'right'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: "item",
|
|
|
zlevel: 0
|
|
|
},
|
|
|
series: [{
|
|
|
type: 'pie',
|
|
|
radius: '45%',
|
|
|
center: ['55%', '60%'],
|
|
|
// data: [
|
|
|
// { value: 80, name: '促进参与' },
|
|
|
// { value: 50, name: '促进绩效' }
|
|
|
// ]
|
|
|
data: data === null || data === void 0 ? void 0 : data.promotion
|
|
|
}]
|
|
|
};
|
|
|
var handleClick = function handleClick() {
|
|
|
getData();
|
|
|
};
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: StatisticsQualitymodules.wrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: StatisticsQualitymodules.headWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: StatisticsQualitymodules.head,
|
|
|
children: "\u6559\u5B66\u8D28\u91CF\u5206\u6790"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: StatisticsQualitymodules.deal,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u9009\u62E9\u8BC4\u6D4B\u6559\u5E08"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
value: teacherValue,
|
|
|
onChange: function onChange(v) {
|
|
|
return setTeacherValue(v);
|
|
|
},
|
|
|
style: {
|
|
|
width: 200
|
|
|
},
|
|
|
children: teacherList === null || teacherList === void 0 ? void 0 : (_teacherList$teacher_ = teacherList.teacher_list) === null || _teacherList$teacher_ === void 0 ? void 0 : _teacherList$teacher_.map(function (e) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_select/* default.Option */.Z.Option, {
|
|
|
value: e.user_id,
|
|
|
children: [e.name, " "]
|
|
|
}, e.user_id);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: "ml30",
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u9009\u62E9\u8BC4\u6D4B\u7B97\u6CD5"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_select/* default */.Z, {
|
|
|
value: arithmeticValue,
|
|
|
onChange: function onChange(v) {
|
|
|
return setArithmeticValue(v);
|
|
|
},
|
|
|
style: {
|
|
|
width: 200
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default.Option */.Z.Option, {
|
|
|
value: 1,
|
|
|
children: "\u6559\u5E08\u5728\u7EBF\u6559\u5B66\u8D28\u91CF\u6210\u6548\u8BC4\u6D4B"
|
|
|
}, 1), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default.Option */.Z.Option, {
|
|
|
value: 2,
|
|
|
children: "\u673A\u5668\u8F85\u52A9\u6559\u5B66\u8D28\u91CF\u6210\u6548\u8BC4\u6D4B"
|
|
|
}, 2)]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
|
onClick: handleClick,
|
|
|
disabled: loading,
|
|
|
style: {
|
|
|
marginLeft: 'auto'
|
|
|
},
|
|
|
type: "primary",
|
|
|
children: "\u5F00\u59CB\u5206\u6790"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
|
|
|
className: "mt10",
|
|
|
loading: loading,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: StatisticsQualitymodules.two,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: option1,
|
|
|
style: {
|
|
|
height: 400
|
|
|
}
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: option2,
|
|
|
style: {
|
|
|
height: 400
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: StatisticsQualitymodules.one,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: option3,
|
|
|
style: {
|
|
|
height: 300
|
|
|
}
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: StatisticsQualitymodules.two,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: option4,
|
|
|
style: {
|
|
|
height: 400
|
|
|
}
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: option5,
|
|
|
style: {
|
|
|
height: 400
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var StatisticsQuality = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
|
var classroomList = _ref4.classroomList,
|
|
|
globalSetting = _ref4.globalSetting;
|
|
|
return {
|
|
|
classroomList: classroomList,
|
|
|
globalSetting: globalSetting
|
|
|
};
|
|
|
})(ShixunsListPage));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 9708:
|
|
|
/*!***************************************************!*\
|
|
|
!*** ./node_modules/antd/es/_util/statusUtils.js ***!
|
|
|
\***************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
/* harmony export */ "F": function() { return /* binding */ getMergedStatus; },
|
|
|
/* harmony export */ "Z": function() { return /* binding */ getStatusClassNames; }
|
|
|
/* harmony export */ });
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 4942);
|
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 94184);
|
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
/* harmony import */ var _type__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./type */ 93355);
|
|
|
|
|
|
|
|
|
|
|
|
var InputStatuses = (0,_type__WEBPACK_IMPORTED_MODULE_1__/* .tuple */ .b)('warning', 'error', '');
|
|
|
function getStatusClassNames(prefixCls, status, hasFeedback) {
|
|
|
var _classNames;
|
|
|
return classnames__WEBPACK_IMPORTED_MODULE_0___default()((_classNames = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-success"), status === 'success'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-warning"), status === 'warning'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-error"), status === 'error'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-status-validating"), status === 'validating'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(_classNames, "".concat(prefixCls, "-has-feedback"), hasFeedback), _classNames));
|
|
|
}
|
|
|
var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {
|
|
|
return customStatus || contextStatus;
|
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 34041:
|
|
|
/*!**********************************************!*\
|
|
|
!*** ./node_modules/antd/es/select/index.js ***!
|
|
|
\**********************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ 4942);
|
|
|
/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ 87462);
|
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! classnames */ 94184);
|
|
|
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
/* harmony import */ var rc_select__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-select */ 7752);
|
|
|
/* harmony import */ var rc_util_es_omit__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! rc-util/es/omit */ 98423);
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 67294);
|
|
|
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config-provider */ 53124);
|
|
|
/* harmony import */ var _config_provider_defaultRenderEmpty__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/defaultRenderEmpty */ 88258);
|
|
|
/* harmony import */ var _config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/DisabledContext */ 98866);
|
|
|
/* harmony import */ var _config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/SizeContext */ 97647);
|
|
|
/* harmony import */ var _form_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form/context */ 65223);
|
|
|
/* harmony import */ var _util_motion__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_util/motion */ 33603);
|
|
|
/* harmony import */ var _util_statusUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_util/statusUtils */ 9708);
|
|
|
/* harmony import */ var _utils_iconUtil__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/iconUtil */ 46163);
|
|
|
/* harmony import */ var _space_Compact__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../space/Compact */ 4173);
|
|
|
|
|
|
|
|
|
// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
|
|
|
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 SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
|
|
|
var InternalSelect = function InternalSelect(_a, ref) {
|
|
|
var _classNames2;
|
|
|
var customizePrefixCls = _a.prefixCls,
|
|
|
_a$bordered = _a.bordered,
|
|
|
bordered = _a$bordered === void 0 ? true : _a$bordered,
|
|
|
className = _a.className,
|
|
|
getPopupContainer = _a.getPopupContainer,
|
|
|
dropdownClassName = _a.dropdownClassName,
|
|
|
popupClassName = _a.popupClassName,
|
|
|
_a$listHeight = _a.listHeight,
|
|
|
listHeight = _a$listHeight === void 0 ? 256 : _a$listHeight,
|
|
|
placement = _a.placement,
|
|
|
_a$listItemHeight = _a.listItemHeight,
|
|
|
listItemHeight = _a$listItemHeight === void 0 ? 24 : _a$listItemHeight,
|
|
|
customizeSize = _a.size,
|
|
|
customDisabled = _a.disabled,
|
|
|
notFoundContent = _a.notFoundContent,
|
|
|
customStatus = _a.status,
|
|
|
showArrow = _a.showArrow,
|
|
|
props = __rest(_a, ["prefixCls", "bordered", "className", "getPopupContainer", "dropdownClassName", "popupClassName", "listHeight", "placement", "listItemHeight", "size", "disabled", "notFoundContent", "status", "showArrow"]);
|
|
|
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_3__/* .ConfigContext */ .E_),
|
|
|
getContextPopupContainer = _React$useContext.getPopupContainer,
|
|
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
|
renderEmpty = _React$useContext.renderEmpty,
|
|
|
direction = _React$useContext.direction,
|
|
|
virtual = _React$useContext.virtual,
|
|
|
dropdownMatchSelectWidth = _React$useContext.dropdownMatchSelectWidth;
|
|
|
var size = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_config_provider_SizeContext__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z);
|
|
|
var prefixCls = getPrefixCls('select', customizePrefixCls);
|
|
|
var rootPrefixCls = getPrefixCls();
|
|
|
var _useCompactItemContex = (0,_space_Compact__WEBPACK_IMPORTED_MODULE_5__/* .useCompactItemContext */ .ri)(prefixCls, direction),
|
|
|
compactSize = _useCompactItemContex.compactSize,
|
|
|
compactItemClassnames = _useCompactItemContex.compactItemClassnames;
|
|
|
var mode = react__WEBPACK_IMPORTED_MODULE_2__.useMemo(function () {
|
|
|
var m = props.mode;
|
|
|
if (m === 'combobox') {
|
|
|
return undefined;
|
|
|
}
|
|
|
if (m === SECRET_COMBOBOX_MODE_DO_NOT_USE) {
|
|
|
return 'combobox';
|
|
|
}
|
|
|
return m;
|
|
|
}, [props.mode]);
|
|
|
var isMultiple = mode === 'multiple' || mode === 'tags';
|
|
|
var mergedShowArrow = showArrow !== undefined ? showArrow : props.loading || !(isMultiple || mode === 'combobox');
|
|
|
// =================== Warning =====================
|
|
|
false ? 0 : void 0;
|
|
|
// ===================== Form Status =====================
|
|
|
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(_form_context__WEBPACK_IMPORTED_MODULE_6__/* .FormItemInputContext */ .aM),
|
|
|
contextStatus = _useContext.status,
|
|
|
hasFeedback = _useContext.hasFeedback,
|
|
|
isFormItemInput = _useContext.isFormItemInput,
|
|
|
feedbackIcon = _useContext.feedbackIcon;
|
|
|
var mergedStatus = (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__/* .getMergedStatus */ .F)(contextStatus, customStatus);
|
|
|
// ===================== Empty =====================
|
|
|
var mergedNotFound;
|
|
|
if (notFoundContent !== undefined) {
|
|
|
mergedNotFound = notFoundContent;
|
|
|
} else if (mode === 'combobox') {
|
|
|
mergedNotFound = null;
|
|
|
} else {
|
|
|
mergedNotFound = (renderEmpty || _config_provider_defaultRenderEmpty__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)('Select');
|
|
|
}
|
|
|
// ===================== Icons =====================
|
|
|
var _getIcons = (0,_utils_iconUtil__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)({}, props), {
|
|
|
multiple: isMultiple,
|
|
|
hasFeedback: hasFeedback,
|
|
|
feedbackIcon: feedbackIcon,
|
|
|
showArrow: mergedShowArrow,
|
|
|
prefixCls: prefixCls
|
|
|
})),
|
|
|
suffixIcon = _getIcons.suffixIcon,
|
|
|
itemIcon = _getIcons.itemIcon,
|
|
|
removeIcon = _getIcons.removeIcon,
|
|
|
clearIcon = _getIcons.clearIcon;
|
|
|
var selectProps = (0,rc_util_es_omit__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z)(props, ['suffixIcon', 'itemIcon']);
|
|
|
var rcSelectRtlDropdownClassName = classnames__WEBPACK_IMPORTED_MODULE_0___default()(popupClassName || dropdownClassName, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'));
|
|
|
var mergedSize = compactSize || customizeSize || size;
|
|
|
// ===================== Disabled =====================
|
|
|
var disabled = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_config_provider_DisabledContext__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z);
|
|
|
var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
|
|
|
var mergedClassName = classnames__WEBPACK_IMPORTED_MODULE_0___default()((_classNames2 = {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(_classNames2, "".concat(prefixCls, "-lg"), mergedSize === 'large'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(_classNames2, "".concat(prefixCls, "-sm"), mergedSize === 'small'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)(_classNames2, "".concat(prefixCls, "-in-form-item"), isFormItemInput), _classNames2), (0,_util_statusUtils__WEBPACK_IMPORTED_MODULE_7__/* .getStatusClassNames */ .Z)(prefixCls, mergedStatus, hasFeedback), compactItemClassnames, className);
|
|
|
// ===================== Placement =====================
|
|
|
var getPlacement = function getPlacement() {
|
|
|
if (placement !== undefined) {
|
|
|
return placement;
|
|
|
}
|
|
|
return direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
|
|
|
};
|
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(rc_select__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .ZP, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z)({
|
|
|
ref: ref,
|
|
|
virtual: virtual,
|
|
|
dropdownMatchSelectWidth: dropdownMatchSelectWidth
|
|
|
}, selectProps, {
|
|
|
transitionName: (0,_util_motion__WEBPACK_IMPORTED_MODULE_14__/* .getTransitionName */ .mL)(rootPrefixCls, (0,_util_motion__WEBPACK_IMPORTED_MODULE_14__/* .getTransitionDirection */ .q0)(placement), props.transitionName),
|
|
|
listHeight: listHeight,
|
|
|
listItemHeight: listItemHeight,
|
|
|
mode: mode,
|
|
|
prefixCls: prefixCls,
|
|
|
placement: getPlacement(),
|
|
|
direction: direction,
|
|
|
inputIcon: suffixIcon,
|
|
|
menuItemSelectedIcon: itemIcon,
|
|
|
removeIcon: removeIcon,
|
|
|
clearIcon: clearIcon,
|
|
|
notFoundContent: mergedNotFound,
|
|
|
className: mergedClassName,
|
|
|
getPopupContainer: getPopupContainer || getContextPopupContainer,
|
|
|
dropdownClassName: rcSelectRtlDropdownClassName,
|
|
|
showArrow: hasFeedback || showArrow,
|
|
|
disabled: mergedDisabled
|
|
|
}));
|
|
|
};
|
|
|
var Select = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(InternalSelect);
|
|
|
Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;
|
|
|
Select.Option = rc_select__WEBPACK_IMPORTED_MODULE_1__/* .Option */ .Wx;
|
|
|
Select.OptGroup = rc_select__WEBPACK_IMPORTED_MODULE_1__/* .OptGroup */ .Xo;
|
|
|
/* harmony default export */ __webpack_exports__["Z"] = (Select);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 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
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 48555:
|
|
|
/*!*****************************************************************!*\
|
|
|
!*** ./node_modules/rc-resize-observer/es/index.js + 4 modules ***!
|
|
|
\*****************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"Z": function() { return /* binding */ es; }
|
|
|
});
|
|
|
|
|
|
// UNUSED EXPORTS: _rs
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
|
var esm_extends = __webpack_require__(87462);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Children/toArray.js
|
|
|
var toArray = __webpack_require__(50344);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/warning.js
|
|
|
var warning = __webpack_require__(80334);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(1413);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/ref.js
|
|
|
var es_ref = __webpack_require__(42550);
|
|
|
// EXTERNAL MODULE: ./node_modules/rc-util/es/Dom/findDOMNode.js
|
|
|
var findDOMNode = __webpack_require__(34203);
|
|
|
// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
|
|
|
var ResizeObserver_es = __webpack_require__(91033);
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/utils/observerUtil.js
|
|
|
|
|
|
// =============================== Const ===============================
|
|
|
var elementListeners = new Map();
|
|
|
function onResize(entities) {
|
|
|
entities.forEach(function (entity) {
|
|
|
var _elementListeners$get;
|
|
|
var target = entity.target;
|
|
|
(_elementListeners$get = elementListeners.get(target)) === null || _elementListeners$get === void 0 ? void 0 : _elementListeners$get.forEach(function (listener) {
|
|
|
return listener(target);
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
// Note: ResizeObserver polyfill not support option to measure border-box resize
|
|
|
var resizeObserver = new ResizeObserver_es/* default */.Z(onResize);
|
|
|
// Dev env only
|
|
|
var _el = (/* unused pure expression or super */ null && ( false ? 0 : null)); // eslint-disable-line
|
|
|
var _rs = (/* unused pure expression or super */ null && ( false ? 0 : null)); // eslint-disable-line
|
|
|
// ============================== Observe ==============================
|
|
|
function observe(element, callback) {
|
|
|
if (!elementListeners.has(element)) {
|
|
|
elementListeners.set(element, new Set());
|
|
|
resizeObserver.observe(element);
|
|
|
}
|
|
|
elementListeners.get(element).add(callback);
|
|
|
}
|
|
|
function unobserve(element, callback) {
|
|
|
if (elementListeners.has(element)) {
|
|
|
elementListeners.get(element).delete(callback);
|
|
|
if (!elementListeners.get(element).size) {
|
|
|
resizeObserver.unobserve(element);
|
|
|
elementListeners.delete(element);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
|
var classCallCheck = __webpack_require__(15671);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
|
var createClass = __webpack_require__(43144);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
|
var inherits = __webpack_require__(60136);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js + 1 modules
|
|
|
var createSuper = __webpack_require__(51630);
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
* Fallback to findDOMNode if origin ref do not provide any dom element
|
|
|
*/
|
|
|
var DomWrapper = /*#__PURE__*/function (_React$Component) {
|
|
|
(0,inherits/* default */.Z)(DomWrapper, _React$Component);
|
|
|
var _super = (0,createSuper/* default */.Z)(DomWrapper);
|
|
|
function DomWrapper() {
|
|
|
(0,classCallCheck/* default */.Z)(this, DomWrapper);
|
|
|
return _super.apply(this, arguments);
|
|
|
}
|
|
|
(0,createClass/* default */.Z)(DomWrapper, [{
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return this.props.children;
|
|
|
}
|
|
|
}]);
|
|
|
return DomWrapper;
|
|
|
}(react.Component);
|
|
|
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/Collection.js
|
|
|
|
|
|
var CollectionContext = /*#__PURE__*/react.createContext(null);
|
|
|
/**
|
|
|
* Collect all the resize event from children ResizeObserver
|
|
|
*/
|
|
|
function Collection(_ref) {
|
|
|
var children = _ref.children,
|
|
|
onBatchResize = _ref.onBatchResize;
|
|
|
var resizeIdRef = react.useRef(0);
|
|
|
var resizeInfosRef = react.useRef([]);
|
|
|
var onCollectionResize = react.useContext(CollectionContext);
|
|
|
var onResize = react.useCallback(function (size, element, data) {
|
|
|
resizeIdRef.current += 1;
|
|
|
var currentId = resizeIdRef.current;
|
|
|
resizeInfosRef.current.push({
|
|
|
size: size,
|
|
|
element: element,
|
|
|
data: data
|
|
|
});
|
|
|
Promise.resolve().then(function () {
|
|
|
if (currentId === resizeIdRef.current) {
|
|
|
onBatchResize === null || onBatchResize === void 0 ? void 0 : onBatchResize(resizeInfosRef.current);
|
|
|
resizeInfosRef.current = [];
|
|
|
}
|
|
|
});
|
|
|
// Continue bubbling if parent exist
|
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(size, element, data);
|
|
|
}, [onBatchResize, onCollectionResize]);
|
|
|
return /*#__PURE__*/react.createElement(CollectionContext.Provider, {
|
|
|
value: onResize
|
|
|
}, children);
|
|
|
}
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/SingleObserver/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function SingleObserver(props, ref) {
|
|
|
var children = props.children,
|
|
|
disabled = props.disabled;
|
|
|
var elementRef = react.useRef(null);
|
|
|
var wrapperRef = react.useRef(null);
|
|
|
var onCollectionResize = react.useContext(CollectionContext);
|
|
|
// =========================== Children ===========================
|
|
|
var isRenderProps = typeof children === 'function';
|
|
|
var mergedChildren = isRenderProps ? children(elementRef) : children;
|
|
|
// ============================= Size =============================
|
|
|
var sizeRef = react.useRef({
|
|
|
width: -1,
|
|
|
height: -1,
|
|
|
offsetWidth: -1,
|
|
|
offsetHeight: -1
|
|
|
});
|
|
|
// ============================= Ref ==============================
|
|
|
var canRef = !isRenderProps && /*#__PURE__*/react.isValidElement(mergedChildren) && (0,es_ref/* supportRef */.Yr)(mergedChildren);
|
|
|
var originRef = canRef ? mergedChildren.ref : null;
|
|
|
var mergedRef = react.useMemo(function () {
|
|
|
return (0,es_ref/* composeRef */.sQ)(originRef, elementRef);
|
|
|
}, [originRef, elementRef]);
|
|
|
var getDom = function getDom() {
|
|
|
return (0,findDOMNode/* default */.Z)(elementRef.current) || (0,findDOMNode/* default */.Z)(wrapperRef.current);
|
|
|
};
|
|
|
react.useImperativeHandle(ref, function () {
|
|
|
return getDom();
|
|
|
});
|
|
|
// =========================== Observe ============================
|
|
|
var propsRef = react.useRef(props);
|
|
|
propsRef.current = props;
|
|
|
// Handler
|
|
|
var onInternalResize = react.useCallback(function (target) {
|
|
|
var _propsRef$current = propsRef.current,
|
|
|
onResize = _propsRef$current.onResize,
|
|
|
data = _propsRef$current.data;
|
|
|
var _target$getBoundingCl = target.getBoundingClientRect(),
|
|
|
width = _target$getBoundingCl.width,
|
|
|
height = _target$getBoundingCl.height;
|
|
|
var offsetWidth = target.offsetWidth,
|
|
|
offsetHeight = target.offsetHeight;
|
|
|
/**
|
|
|
* Resize observer trigger when content size changed.
|
|
|
* In most case we just care about element size,
|
|
|
* let's use `boundary` instead of `contentRect` here to avoid shaking.
|
|
|
*/
|
|
|
var fixedWidth = Math.floor(width);
|
|
|
var fixedHeight = Math.floor(height);
|
|
|
if (sizeRef.current.width !== fixedWidth || sizeRef.current.height !== fixedHeight || sizeRef.current.offsetWidth !== offsetWidth || sizeRef.current.offsetHeight !== offsetHeight) {
|
|
|
var size = {
|
|
|
width: fixedWidth,
|
|
|
height: fixedHeight,
|
|
|
offsetWidth: offsetWidth,
|
|
|
offsetHeight: offsetHeight
|
|
|
};
|
|
|
sizeRef.current = size;
|
|
|
// IE is strange, right?
|
|
|
var mergedOffsetWidth = offsetWidth === Math.round(width) ? width : offsetWidth;
|
|
|
var mergedOffsetHeight = offsetHeight === Math.round(height) ? height : offsetHeight;
|
|
|
var sizeInfo = (0,objectSpread2/* default */.Z)((0,objectSpread2/* default */.Z)({}, size), {}, {
|
|
|
offsetWidth: mergedOffsetWidth,
|
|
|
offsetHeight: mergedOffsetHeight
|
|
|
});
|
|
|
// Let collection know what happened
|
|
|
onCollectionResize === null || onCollectionResize === void 0 ? void 0 : onCollectionResize(sizeInfo, target, data);
|
|
|
if (onResize) {
|
|
|
// defer the callback but not defer to next frame
|
|
|
Promise.resolve().then(function () {
|
|
|
onResize(sizeInfo, target);
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, []);
|
|
|
// Dynamic observe
|
|
|
react.useEffect(function () {
|
|
|
var currentElement = getDom();
|
|
|
if (currentElement && !disabled) {
|
|
|
observe(currentElement, onInternalResize);
|
|
|
}
|
|
|
return function () {
|
|
|
return unobserve(currentElement, onInternalResize);
|
|
|
};
|
|
|
}, [elementRef.current, disabled]);
|
|
|
// ============================ Render ============================
|
|
|
return /*#__PURE__*/react.createElement(DomWrapper, {
|
|
|
ref: wrapperRef
|
|
|
}, canRef ? /*#__PURE__*/react.cloneElement(mergedChildren, {
|
|
|
ref: mergedRef
|
|
|
}) : mergedChildren);
|
|
|
}
|
|
|
var RefSingleObserver = /*#__PURE__*/react.forwardRef(SingleObserver);
|
|
|
if (false) {}
|
|
|
/* harmony default export */ var es_SingleObserver = (RefSingleObserver);
|
|
|
;// CONCATENATED MODULE: ./node_modules/rc-resize-observer/es/index.js
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var INTERNAL_PREFIX_KEY = 'rc-observer-key';
|
|
|
|
|
|
|
|
|
function ResizeObserver(props, ref) {
|
|
|
var children = props.children;
|
|
|
var childNodes = typeof children === 'function' ? [children] : (0,toArray/* default */.Z)(children);
|
|
|
if (false) {}
|
|
|
return childNodes.map(function (child, index) {
|
|
|
var key = (child === null || child === void 0 ? void 0 : child.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(index);
|
|
|
return /*#__PURE__*/react.createElement(es_SingleObserver, (0,esm_extends/* default */.Z)({}, props, {
|
|
|
key: key,
|
|
|
ref: index === 0 ? ref : undefined
|
|
|
}), child);
|
|
|
});
|
|
|
}
|
|
|
var RefResizeObserver = /*#__PURE__*/react.forwardRef(ResizeObserver);
|
|
|
if (false) {}
|
|
|
RefResizeObserver.Collection = Collection;
|
|
|
/* harmony default export */ var es = (RefResizeObserver);
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
