|
|
|
|
@ -1,6 +1,191 @@
|
|
|
|
|
"use strict";
|
|
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[50436],{
|
|
|
|
|
|
|
|
|
|
/***/ 75151:
|
|
|
|
|
/*!*****************************************************!*\
|
|
|
|
|
!*** ./src/components/MathsLatexKeybords/index.tsx ***!
|
|
|
|
|
\*****************************************************/
|
|
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js */ 79800);
|
|
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 59301);
|
|
|
|
|
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less?modules */ 85809);
|
|
|
|
|
/* harmony import */ var mathlatex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! mathlatex */ 48136);
|
|
|
|
|
/* harmony import */ var _keybords__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./keybords */ 23384);
|
|
|
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! antd */ 43418);
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ 37712);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var MathsLatex = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
|
|
|
|
|
var callback = _ref.callback,
|
|
|
|
|
width = _ref.width,
|
|
|
|
|
onChange = _ref.onChange,
|
|
|
|
|
disabled = _ref.disabled,
|
|
|
|
|
readOnly = _ref.readOnly,
|
|
|
|
|
_ref$type = _ref.type,
|
|
|
|
|
type = _ref$type === void 0 ? "" : _ref$type,
|
|
|
|
|
_ref$value = _ref.value,
|
|
|
|
|
value = _ref$value === void 0 ? "" : _ref$value,
|
|
|
|
|
_ref$style = _ref.style,
|
|
|
|
|
style = _ref$style === void 0 ? {} : _ref$style;
|
|
|
|
|
var GraphicsRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
|
|
|
|
|
var KeybordsRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
|
|
|
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
|
|
|
|
|
_useState2 = _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),
|
|
|
|
|
styleLeft = _useState2[0],
|
|
|
|
|
setStyleLeft = _useState2[1];
|
|
|
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
|
|
|
|
|
_useState4 = _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),
|
|
|
|
|
styleTop = _useState4[0],
|
|
|
|
|
setStyleTop = _useState4[1];
|
|
|
|
|
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
|
|
|
|
|
_useState6 = _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_0___default()(_useState5, 2),
|
|
|
|
|
showLatex = _useState6[0],
|
|
|
|
|
setShowLatex = _useState6[1];
|
|
|
|
|
var getData = function getData() {
|
|
|
|
|
var dom = document.createElement("div");
|
|
|
|
|
dom.innerHTML = GraphicsRef.current.getValue();
|
|
|
|
|
var str = dom.innerText;
|
|
|
|
|
callback && callback(str);
|
|
|
|
|
return str;
|
|
|
|
|
};
|
|
|
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(ref, function () {
|
|
|
|
|
return {
|
|
|
|
|
getData: getData
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
var onTitleMouseDown = function onTitleMouseDown(e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
var startPosX = e.clientX - styleLeft;
|
|
|
|
|
var startPosY = e.clientY - styleTop;
|
|
|
|
|
|
|
|
|
|
// 鼠标移动时,移动弹窗
|
|
|
|
|
document.body.onmousemove = function (e) {
|
|
|
|
|
// 获取鼠标移动的距离
|
|
|
|
|
var left = e.clientX - startPosX;
|
|
|
|
|
var top = e.clientY - startPosY;
|
|
|
|
|
|
|
|
|
|
// 获取弹窗dom元素,并计算弹窗的宽高
|
|
|
|
|
var modal = document.getElementsByClassName('ant-modal')[0];
|
|
|
|
|
var maxWidth = window.innerWidth - modal.offsetWidth;
|
|
|
|
|
var maxHeight = window.innerHeight - modal.offsetHeight;
|
|
|
|
|
|
|
|
|
|
// 判断移动的距离是否在弹窗内,如果不在弹窗内,则移动到弹窗内
|
|
|
|
|
left = Math.max(0, Math.min(left, maxWidth));
|
|
|
|
|
top = Math.max(0, Math.min(top, maxHeight));
|
|
|
|
|
|
|
|
|
|
// 移动弹窗
|
|
|
|
|
if (inWindow(e.clientX, e.clientY, startPosX, startPosY)) {
|
|
|
|
|
setStyleLeft(left);
|
|
|
|
|
setStyleTop(top);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 鼠标放开时去掉移动事件
|
|
|
|
|
document.body.onmouseup = function () {
|
|
|
|
|
document.body.onmousemove = null;
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 判断鼠标是否在拖拽范围内
|
|
|
|
|
var inWindow = function inWindow(left, top, startPosX, startPosY) {
|
|
|
|
|
var H = document.body.clientHeight;
|
|
|
|
|
var W = document.body.clientWidth;
|
|
|
|
|
if (left < 20 && startPosX > left || left > W - 20 && startPosX < left || top < 20 && startPosY > top || top > H - 20 && startPosY < top) {
|
|
|
|
|
document.body.onmousemove = null;
|
|
|
|
|
document.body.onmouseup = null;
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
return true;
|
|
|
|
|
};
|
|
|
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
|
|
|
if (showLatex) {
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
var modal = document.getElementsByClassName('ant-modal')[0];
|
|
|
|
|
var centerX = window.innerWidth / 2 - modal.offsetWidth / 2; // 弹窗宽度的一半
|
|
|
|
|
var centerY = window.innerHeight / 2 - modal.offsetHeight / 2; // 弹窗高度的一半
|
|
|
|
|
setStyleLeft(centerX);
|
|
|
|
|
setStyleTop(centerY);
|
|
|
|
|
}, 0); // 将操作推迟到下一个事件循环中以确保Modal已渲染完成
|
|
|
|
|
}
|
|
|
|
|
}, [showLatex]);
|
|
|
|
|
var showInput = function showInput() {
|
|
|
|
|
if (disabled || readOnly) return;
|
|
|
|
|
setShowLatex(true);
|
|
|
|
|
};
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
|
|
|
|
|
style: style,
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
width: width || "100%",
|
|
|
|
|
position: 'relative'
|
|
|
|
|
},
|
|
|
|
|
className: "".concat(_index_less_modules__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z.mathFillWrap, " ").concat(disabled || readOnly ? 'cursorDefault' : ''),
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return showInput();
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("math-field", {
|
|
|
|
|
disabled: disabled,
|
|
|
|
|
locale: "zh_cn",
|
|
|
|
|
"class": "".concat(_index_less_modules__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z.mathField, " ").concat(type),
|
|
|
|
|
readOnly: readOnly,
|
|
|
|
|
placeholder: "\u8BF7\u8F93\u5165\u516C\u5F0F",
|
|
|
|
|
ref: GraphicsRef,
|
|
|
|
|
style: {
|
|
|
|
|
width: "100%",
|
|
|
|
|
fontSize: value ? 18 : 14
|
|
|
|
|
},
|
|
|
|
|
value: value || ""
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(antd__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
|
|
|
|
|
maskClosable: false,
|
|
|
|
|
centered: true,
|
|
|
|
|
width: 860,
|
|
|
|
|
style: {
|
|
|
|
|
position: 'absolute',
|
|
|
|
|
left: styleLeft,
|
|
|
|
|
top: styleTop
|
|
|
|
|
},
|
|
|
|
|
title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
cursor: 'move'
|
|
|
|
|
},
|
|
|
|
|
onMouseDown: onTitleMouseDown,
|
|
|
|
|
children: "\u8F93\u5165\u516C\u5F0F"
|
|
|
|
|
}),
|
|
|
|
|
open: showLatex,
|
|
|
|
|
onOk: function onOk() {
|
|
|
|
|
var val = KeybordsRef.current.getData();
|
|
|
|
|
GraphicsRef.current.setValue(val);
|
|
|
|
|
onChange(val);
|
|
|
|
|
setShowLatex(false);
|
|
|
|
|
},
|
|
|
|
|
onCancel: function onCancel() {
|
|
|
|
|
setShowLatex(false);
|
|
|
|
|
},
|
|
|
|
|
destroyOnClose: true,
|
|
|
|
|
className: "markdown-popup-form",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_keybords__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
|
|
|
|
|
value: value,
|
|
|
|
|
ref: KeybordsRef,
|
|
|
|
|
onChange: onChange,
|
|
|
|
|
showSaveButton: false
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
/* harmony default export */ __webpack_exports__.Z = (MathsLatex);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 29570:
|
|
|
|
|
/*!************************************************************************!*\
|
|
|
|
|
!*** ./src/pages/Classrooms/Lists/Exercise/Review/component/BFill.tsx ***!
|
|
|
|
|
@ -301,10 +486,12 @@ var BFill = function BFill(_ref) {
|
|
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_local_v9_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 59301);
|
|
|
|
|
/* harmony import */ var _components_RenderHtml__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/RenderHtml */ 32936);
|
|
|
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ 98135);
|
|
|
|
|
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ 98135);
|
|
|
|
|
/* harmony import */ var _SeeAnswer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SeeAnswer */ 4308);
|
|
|
|
|
/* harmony import */ var _index_less_modules__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./index.less?modules */ 99819);
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ 37712);
|
|
|
|
|
/* harmony import */ var _components_MathsLatexKeybords__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/MathsLatexKeybords */ 75151);
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ 37712);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -315,7 +502,7 @@ var BFill = function BFill(_ref) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TextArea = antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z.TextArea;
|
|
|
|
|
var TextArea = antd__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z.TextArea;
|
|
|
|
|
var Fill = function Fill(_ref) {
|
|
|
|
|
var item = _ref.item,
|
|
|
|
|
answerData = _ref.answerData,
|
|
|
|
|
@ -360,32 +547,38 @@ var Fill = function Fill(_ref) {
|
|
|
|
|
}
|
|
|
|
|
setUserAnswer(data);
|
|
|
|
|
}, [item === null || item === void 0 ? void 0 : item.user_answer]);
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
className: _index_less_modules__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z.fillBg,
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
className: "flex-container",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("aside", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("aside", {
|
|
|
|
|
className: "font14 c-light-primary mb5",
|
|
|
|
|
children: "\u5B66\u751F\u7B54\u9898"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment, {
|
|
|
|
|
children: extra
|
|
|
|
|
})]
|
|
|
|
|
}), userAnswer === null || userAnswer === void 0 ? void 0 : userAnswer.map(function (answer, index) {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("span", {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("span", {
|
|
|
|
|
children: ["\u7B54\u6848(\u586B\u7A7A", index + 1, "):"]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
|
|
|
|
|
children: item.question_type == 3 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
children: item.question_type == 3 ? (answer === null || answer === void 0 ? void 0 : answer.model) === 1 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
style: {
|
|
|
|
|
whiteSpace: 'pre-wrap',
|
|
|
|
|
color: answer !== null && answer !== void 0 && answer.user_answer_boolean ? "#37AD83" : "#E30000"
|
|
|
|
|
},
|
|
|
|
|
children: answer === null || answer === void 0 ? void 0 : answer.answer_text
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_RenderHtml__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_MathsLatexKeybords__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
|
|
|
|
|
type: answer !== null && answer !== void 0 && answer.user_answer_boolean ? 'success' : 'error',
|
|
|
|
|
readOnly: true,
|
|
|
|
|
value: answer.answer_text,
|
|
|
|
|
disabled: true
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_RenderHtml__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
|
|
|
|
|
value: answer === null || answer === void 0 ? void 0 : answer.answer_text
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
});
|
|
|
|
|
}), seeAnswerVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_SeeAnswer__WEBPACK_IMPORTED_MODULE_4__/* .SeeAnswer */ .u, {
|
|
|
|
|
}), seeAnswerVisible && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_SeeAnswer__WEBPACK_IMPORTED_MODULE_4__/* .SeeAnswer */ .u, {
|
|
|
|
|
data: item
|
|
|
|
|
})]
|
|
|
|
|
});
|