"use strict"; (self["webpackChunk"] = self["webpackChunk"] || []).push([[10014],{ /***/ 56672: /*!*********************************!*\ !*** ./src/pages/tasks/util.js ***! \*********************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Ax: function() { return /* binding */ processTreeData; }, /* harmony export */ Ds: function() { return /* binding */ debounce; }, /* harmony export */ KI: function() { return /* binding */ apiPref; }, /* harmony export */ SI: function() { return /* binding */ getTreeData; }, /* harmony export */ f1: function() { return /* binding */ isCompileOk; } /* harmony export */ }); /* unused harmony export isProd */ /* harmony import */ var _utils_env__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/utils/env */ 47015); function isCompileOk(rs) { var flag = true; if (rs.length > 0) { for (var i = 0; i < rs.length; i++) { if (rs[i].compile_success == 0 || !rs[i].compile_success) { flag = false; break; } } } else { flag = false; } return flag; } function getTreeData(data) { var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; var result = []; for (var i = 0; i < data.length; i++) { var item = data[i]; var key = parentKey ? "".concat(parentKey, "/").concat(item.name) : "".concat(item.name); result.push({ title: item.name, isLeaf: item.type === 'tree' ? false : true, key: key }); } return result; } function processTreeData(repos, key, newData) { for (var i = 0; i < repos.length; i++) { var item = repos[i]; if (item.key === key) { item.children = newData; break; } if (item.children) { processTreeData(item.children, key, newData); } } return repos; } function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function later() { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } var isProd = true; var apiPref = _utils_env__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z.API_SERVER; // export const isProd = // window.location.href.indexOf('test-') > 0 || // window.location.href.indexOf('localhost') > 0 // ? false // : true; // export const apiPref = isProd // ? 'https://www.educoder.net' // : 'https://test-newweb.educoder.net'; /***/ }), /***/ 95635: /*!*************************************************************!*\ !*** ./src/components/markdown-editor/code-block/index.tsx ***! \*************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ h: function() { return /* binding */ MyCodeMirror; } /* harmony export */ }); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js */ 26801); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/slicedToArray.js */ 11006); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 59301); /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ 57809); /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ 78241); /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! antd */ 3113); /* harmony import */ var codemirror__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! codemirror */ 89780); /* harmony import */ var codemirror__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(codemirror__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var codemirror_lib_codemirror_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! codemirror/lib/codemirror.css */ 39416); /* harmony import */ var codemirror_theme_blackboard_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! codemirror/theme/blackboard.css */ 23626); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ 37712); var Option = antd__WEBPACK_IMPORTED_MODULE_7__["default"].Option; //https://github.com/codemirror/CodeMirror/issues/4838 var formItemLayout = { labelCol: { span: 4 }, wrapperCol: { span: 20 } }; var LanguageDesc = { asp: ['ASP', 'vbscript'], actionscript: ['ActionScript(3.0)/Flash/Flex', 'clike'], bash: ['Bash/Bat', 'shell'], css: ['CSS', 'css'], c: ['C', 'clike'], cpp: ['C++', 'clike'], csharp: ['C#', 'clike'], coffeescript: ['CoffeeScript', 'coffeescript'], d: ['D', 'd'], dart: ['Dart', 'dart'], delphi: ['Delphi/Pascal', 'pascal'], erlang: ['Erlang', 'erlang'], go: ['Golang', 'go'], groovy: ['Groovy', 'groovy'], html: ['HTML', 'text/html'], java: ['Java', 'clike'], json: ['JSON', 'text/json'], javascript: ['Javascript', 'javascript'], lua: ['Lua', 'lua'], less: ['LESS', 'css'], markdown: ['Markdown', 'gfm'], 'objective-c': ['Objective-C', 'clike'], php: ['PHP', 'php'], perl: ['Perl', 'perl'], python: ['Python', 'python'], r: ['R', 'r'], rst: ['reStructedText', 'rst'], ruby: ['Ruby', 'ruby'], sql: ['SQL', 'sql'], sass: ['SASS/SCSS', 'sass'], shell: ['Shell', 'shell'], scala: ['Scala', 'clike'], swift: ['Swift', 'clike'], vb: ['VB/VBScript', 'vb'], xml: ['XML', 'text/xml'], yaml: ['YAML', 'yaml'] }; /* harmony default export */ __webpack_exports__.Z = (function (_ref) { var callback = _ref.callback, onCancel = _ref.onCancel; var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)('python'), _useState2 = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2), mode = _useState2[0], setMode = _useState2[1]; function onSetMode(value) { setMode(LanguageDesc[value][1]); } function onSubmit(values) { callback(values); } return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, formItemLayout), {}, { className: "code-block-panel", initialValues: { language: 'python', content: '' }, onFinish: onSubmit, children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z.Item, { label: "\u4EE3\u7801\u8BED\u8A00", name: "language", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(antd__WEBPACK_IMPORTED_MODULE_7__["default"], { getPopupContainer: function getPopupContainer(trigger) { return trigger.parentNode; }, onChange: onSetMode, children: Object.keys(LanguageDesc).map(function (item) { return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Option, { value: item, children: LanguageDesc[item][0] }, item); }) }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(antd__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z.Item, { label: "\u4EE3\u7801\u5185\u5BB9", name: "content", rules: [{ required: true, message: '请输入代码内容' }], children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(MyCodeMirror, { mode: mode }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", { className: "flex-container flex-end", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(antd__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .ZP, { type: "primary", htmlType: "submit", style: { marginRight: 10 }, children: "\u786E\u5B9A" }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(antd__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .ZP, { type: "ghost", onClick: onCancel, children: "\u53D6\u6D88" })] })] })); }); function MyCodeMirror(_ref2) { var value = _ref2.value, onChange = _ref2.onChange, mode = _ref2.mode, _ref2$options = _ref2.options, options = _ref2$options === void 0 ? {} : _ref2$options; var el = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(); var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(), _useState4 = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2), cm = _useState4[0], setCm = _useState4[1]; (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () { if (cm) { var onChangeHandler = function onChangeHandler(cm) { var content = cm.getValue(); onChange && onChange(content); }; cm.on('change', onChangeHandler); return function () { cm.off('change', onChangeHandler); }; } }, [cm, onChange]); (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () { if (cm) { cm.setOption('mode', mode); } }, [cm, mode]); (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () { if (cm) { if (value !== cm.getValue() || value === '') { setTimeout(function () { cm.setValue(value || ''); }, 300); } } }, [cm, value]); (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () { if (el.current && !cm) { var instance = codemirror__WEBPACK_IMPORTED_MODULE_3___default().fromTextArea(el.current, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({ mode: mode, lineNumbers: true, lineWrapping: true, autoCloseBrackets: true, tabSize: 4, autofocus: true, autoCloseTags: true, matchBrackets: true, styleActiveLine: true }, options)); setCm(instance); } }, [el.current, cm]); return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", { className: "my-codemirror-container", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("textarea", { ref: el }) }); } /***/ }), /***/ 20755: /*!***************************************************************!*\ !*** ./src/components/markdown-editor/index.tsx + 10 modules ***! \***************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { Z: function() { return /* binding */ markdown_editor; } }); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/createForOfIteratorHelper.js var createForOfIteratorHelper = __webpack_require__(98190); var createForOfIteratorHelper_default = /*#__PURE__*/__webpack_require__.n(createForOfIteratorHelper); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/slicedToArray.js var slicedToArray = __webpack_require__(11006); var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/defineProperty.js var defineProperty = __webpack_require__(22060); var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty); // EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js var _react_17_0_2_react = __webpack_require__(59301); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/lib/codemirror.js var codemirror = __webpack_require__(89780); var codemirror_default = /*#__PURE__*/__webpack_require__.n(codemirror); // EXTERNAL MODULE: ./node_modules/_resize-observer-polyfill@1.5.1@resize-observer-polyfill/dist/ResizeObserver.es.js var ResizeObserver_es = __webpack_require__(76374); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/lib/codemirror.css var lib_codemirror = __webpack_require__(39416); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/addon/edit/closetag.js var closetag = __webpack_require__(6313); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/addon/edit/closebrackets.js var closebrackets = __webpack_require__(25717); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/addon/display/placeholder.js var placeholder = __webpack_require__(99498); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/mode/markdown/markdown.js var markdown = __webpack_require__(25419); // EXTERNAL MODULE: ./node_modules/_codemirror@5.58.2@codemirror/mode/stex/stex.js var stex = __webpack_require__(67549); ;// CONCATENATED MODULE: ./src/components/markdown-editor/index.less // extracted by mini-css-extract-plugin // EXTERNAL MODULE: ./src/components/RenderHtml/index.tsx + 1 modules var RenderHtml = __webpack_require__(55523); // EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js var jsx_runtime = __webpack_require__(37712); ;// CONCATENATED MODULE: ./src/components/RenderHtml/stex.tsx // const latexjs = require('latex-l.js/dist/latex.js'); // import "latex-l.js/dist/css/base.css" /* harmony default export */ var RenderHtml_stex = (function (_ref) { var _ref$value = _ref.value, value = _ref$value === void 0 ? '' : _ref$value, className = _ref.className, showTextOnly = _ref.showTextOnly, showLines = _ref.showLines, _ref$style = _ref.style, style = _ref$style === void 0 ? {} : _ref$style; var html = (0,_react_17_0_2_react.useMemo)(function () { // try { // const latex = value || 'This is some text'; // let generator = new latexjs.default.HtmlGenerator({ hyphenate: true }) // let doc = latexjs.default.parse(latex, { generator: generator }).htmlDocument() // return doc.body.innerHTML // }catch(e){ // console.log("e:",e) // return "错误的latex语法,请检查" // } return ""; }, [value]); return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, { children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", { dangerouslySetInnerHTML: { __html: html } }) }); }); // EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js var objectSpread2 = __webpack_require__(26801); var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2); ;// CONCATENATED MODULE: ./src/components/markdown-editor/toolbar/index.less // extracted by mini-css-extract-plugin ;// CONCATENATED MODULE: ./src/components/markdown-editor/css/iconfont.css // extracted by mini-css-extract-plugin ;// CONCATENATED MODULE: ./src/components/markdown-editor/toolbar/index.tsx var DEFAULTICONS = [{ title: '粗体', icon: 'icon-bold', actionName: 'bold' }, { title: '斜体', icon: 'icon-italic', actionName: 'italic' }, '|', { title: '无序列表', icon: 'icon-unorder-list', actionName: 'list-ul' }, { title: '有序列表', icon: 'icon-order-list', actionName: 'list-ol' }, '|', { title: '行内代码', icon: 'icon-code', actionName: 'code' }, { title: '代码块(多语言风格)', icon: 'icon-file-code', actionName: 'code-block' }, { title: '链接', icon: 'icon-link', actionName: 'link' }, '|', { title: '行内公式', icon: 'icon-sum', actionName: 'inline-latex' }, { title: '多行公式', icon: 'icon-formula', actionName: 'latex' }, '|', { title: '添加图片', icon: 'icon-picture', actionName: 'upload-image' }, { title: '表格', icon: 'icon-table', actionName: 'add-table' }, '|', { title: '换行', icon: 'icon-minus', actionName: 'line-break' }, { title: '清空', icon: 'icon-eraser', actionName: 'eraser' }]; function AButton(_ref) { var onActionCallback = _ref.onActionCallback, title = _ref.title, icon = _ref.icon, actionName = _ref.actionName, _ref$className = _ref.className, className = _ref$className === void 0 ? '' : _ref$className, children = _ref.children; function onAction() { onActionCallback(actionName); } return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", { title: title, className: className, onClick: onAction, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "md-iconfont ".concat(icon) }), children] }); } /* harmony default export */ var toolbar = (function (_ref2) { var watch = _ref2.watch, showNullButton = _ref2.showNullButton, showNullProgramButton = _ref2.showNullProgramButton, onActionCallback = _ref2.onActionCallback, fullScreen = _ref2.fullScreen, insertTemp = _ref2.insertTemp, hidetoolBar = _ref2.hidetoolBar; var icons = [].concat(DEFAULTICONS, [{ title: "".concat(watch ? '关闭实时预览' : '开启实时预览'), icon: "".concat(watch ? 'icon-eye-slash' : 'icon-eye'), actionName: 'trigger-watch' }]); return /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", { className: "markdown-toolbar-container", children: [!hidetoolBar && icons.map(function (item, index) { return /*#__PURE__*/(0,jsx_runtime.jsx)("li", { children: item.actionName ? /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, objectSpread2_default()(objectSpread2_default()({}, item), {}, { onActionCallback: onActionCallback })) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "v-line" }) }, index); }), showNullButton ? /*#__PURE__*/(0,jsx_runtime.jsx)("li", { children: /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, { icon: "icon-edit insert-blank", className: "btn-null", title: "\u589E\u52A0\u586B\u7A7A", actionName: "add-null-ch", onActionCallback: onActionCallback, children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "fill-tip", children: "\u70B9\u51FB\u63D2\u5165\b\u586B\u7A7A\u9879" }) }) }) : null, showNullProgramButton ? /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsx)("li", { children: /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, { icon: "icon-edit insert-blank", className: "btn-null", title: "\u589E\u52A0\u586B\u7A7A", actionName: "add-signal", onActionCallback: onActionCallback, children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "fill-tip", children: "\u6DFB\u52A0\u5355\u884C\u586B\u7A7A\u9879" }) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)("li", { children: /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, { icon: "icon-uniE900 insert-blank", className: "btn-null", title: "\u589E\u52A0\u586B\u7A7A", actionName: "add-multiple", onActionCallback: onActionCallback, children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "fill-tip", children: "\u6DFB\u52A0\u591A\u884C\u586B\u7A7A\u9879" }) }) })] }) : null, insertTemp && /*#__PURE__*/(0,jsx_runtime.jsx)("li", { children: /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, { icon: "icon-edit", className: "btn-null", title: "\u63D2\u5165\u6A21\u677F", actionName: "inster-template-".concat(insertTemp), onActionCallback: onActionCallback, children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", { className: "fill-tip", children: "\u63D2\u5165\u6A21\u677F" }) }) }), /*#__PURE__*/(0,jsx_runtime.jsx)("li", { className: "btn-full-screen", children: /*#__PURE__*/(0,jsx_runtime.jsx)(AButton, { icon: "".concat(fullScreen ? 'icon-shrink' : 'icon-enlarge'), title: fullScreen ? '关闭全屏' : '开启全屏', actionName: "trigger-full-screen", onActionCallback: onActionCallback }) })] }); }); // EXTERNAL MODULE: ./src/components/modal.tsx var modal = __webpack_require__(44668); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules var es_form = __webpack_require__(78241); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules var input = __webpack_require__(1056); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js var es_button = __webpack_require__(3113); ;// CONCATENATED MODULE: ./src/components/markdown-editor/link/index.tsx var formItemLayout = { labelCol: { span: 4 }, wrapperCol: { span: 20 } }; /* harmony default export */ var markdown_editor_link = (function (_ref) { var callback = _ref.callback, onCancel = _ref.onCancel; function onSubmit(values) { callback(values); } return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, objectSpread2_default()(objectSpread2_default()({}, formItemLayout), {}, { initialValues: { link: 'http://', title: '' }, className: "link-panel", onFinish: onSubmit, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u94FE\u63A5\u5730\u5740", name: "link", rules: [{ required: true, message: '请输入链接地址' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u94FE\u63A5\u6807\u9898", name: "title", rules: [{ required: true, message: '请输入链接标题' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {}) }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "flex-container flex-end", children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "primary", htmlType: "submit", style: { marginRight: 10 }, children: "\u786E\u5B9A" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "ghost", onClick: onCancel, children: "\u53D6\u6D88" })] })] })); }); // EXTERNAL MODULE: ./src/components/markdown-editor/code-block/index.tsx var code_block = __webpack_require__(95635); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules var message = __webpack_require__(8591); ;// CONCATENATED MODULE: ./src/components/markdown-editor/upload-image/index.less // extracted by mini-css-extract-plugin // EXTERNAL MODULE: ./src/pages/tasks/util.js var util = __webpack_require__(56672); ;// CONCATENATED MODULE: ./src/components/markdown-editor/upload-image/index.tsx var useForm = es_form/* default */.Z.useForm; var style = { width: 280, marginRight: 10 }; var upload_image_formItemLayout = { labelCol: { span: 5 }, wrapperCol: { span: 19 } }; /* harmony default export */ var upload_image = (function (_ref) { var callback = _ref.callback, onCancel = _ref.onCancel; var _useForm = useForm(), _useForm2 = slicedToArray_default()(_useForm, 1), form = _useForm2[0]; function onSubmit(values) { callback(values); } function onAddUrl(data, file) { if (data.status === -1) { message/* default */.ZP.error(data.message); return; } form.setFieldsValue({ src: "/api/attachments/".concat(data.id), type: file.type }); } function onFileChange(e) { var file = e.target.files[0]; uploadImage(file, onAddUrl); } return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, objectSpread2_default()(objectSpread2_default()({ form: form }, upload_image_formItemLayout), {}, { className: "upload-image-panel", onFinish: onSubmit, style: { width: 470, overflow: "hidden" }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u56FE\u7247\u5730\u5740", required: true, children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "flex-container", children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { noStyle: true, name: "src", rules: [{ required: true, message: '请输入图片地址' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, { style: style }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(UploadButton, { onFileChange: onFileChange })] }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { label: "\u56FE\u7247\u63CF\u8FF0", name: "alt" // rules={[{ required: true, message: '请输入图片描述' }]} , children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, { style: { width: 264 } }) }), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z.Item, { style: { textAlign: "right" }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "primary", htmlType: "submit", style: { marginRight: 10 }, children: "\u786E\u5B9A" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "default", onClick: onCancel, children: "\u53D6\u6D88" })] })] })); }); function UploadButton(_ref2) { var onFileChange = _ref2.onFileChange; return /*#__PURE__*/(0,jsx_runtime.jsxs)("label", { className: "upload-button", style: { cursor: "pointer" }, children: ["\u672C\u5730\u4E0A\u4F20", /*#__PURE__*/(0,jsx_runtime.jsx)("input", { type: "file", onChange: onFileChange })] }); } function uploadImage(file, callback) { if (!file) { throw new String('没有文件'); return; } var formData = new FormData(); formData.append('editormd-image-file', file); formData.append('file_param_name', 'editormd-image-file'); formData.append('byxhr', 'true'); var xhr = new window.XMLHttpRequest(); xhr.withCredentials = true; xhr.addEventListener('load', function (response) { callback(JSON.parse(response.target.responseText), file); }, false); xhr.addEventListener('error', function (error) { console.error(error); }, false); xhr.open('POST', "".concat(util/* apiPref */.KI, "/api/attachments.json")); xhr.send(formData); } // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/radio/index.js + 5 modules var es_radio = __webpack_require__(5112); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input-number/index.js + 14 modules var input_number = __webpack_require__(85731); ;// CONCATENATED MODULE: ./src/components/markdown-editor/add-table-panel/index.tsx var RadioGroup = es_radio/* default.Group */.ZP.Group; var add_table_panel_style = { margin: '0 8px' }; /* harmony default export */ var add_table_panel = (function (_ref) { var callback = _ref.callback, onCancel = _ref.onCancel; function onSubmit(values) { callback(values); } return /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, { className: "add-table-panel", initialValues: { row: 3, col: 2, align: 'default' }, onFinish: onSubmit, children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "flex-container", style: { alignItems: "baseline" }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", { style: add_table_panel_style, children: "\u5355\u5143\u683C\u6570\uFF1A" }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", { style: add_table_panel_style, children: "\u884C\u6570" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: "row", rules: [{ required: true, message: '请输入行数' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input_number/* default */.Z, {}) }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", { style: add_table_panel_style, children: "\u5217\u6570" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: "col", rules: [{ required: true, message: '请输入列数' }], children: /*#__PURE__*/(0,jsx_runtime.jsx)(input_number/* default */.Z, {}) })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "flex-container", style: { marginTop: 12, alignItems: "baseline" }, children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", { style: add_table_panel_style, children: "\u5BF9\u9F50\u65B9\u5F0F\uFF1A" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, { name: "align", children: /*#__PURE__*/(0,jsx_runtime.jsxs)(RadioGroup, { children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, { value: "default", children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "fa fa-align-justify" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, { value: "left", children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "fa fa-align-left" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, { value: "center", children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "fa fa-align-center" }) }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_radio/* default */.ZP, { value: "right", children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", { className: "fa fa-align-right" }) })] }) })] }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "flex-container flex-end", children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "primary", htmlType: "submit", style: { marginRight: 10 }, children: "\u786E\u5B9A" }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, { type: "ghost", onClick: onCancel, children: "\u53D6\u6D88" })] })] }); }); // EXTERNAL MODULE: ./src/utils/env.ts + 1 modules var env = __webpack_require__(47015); // EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules var es_modal = __webpack_require__(43418); ;// CONCATENATED MODULE: ./src/components/markdown-editor/constant.ts var LINK = 'link'; var UPLOAD_IMAGE = 'upload-image'; var CODE_BLOCK = 'code-block'; var ADD_TABLE = 'add-table'; var HRLINE = '------------'; var ALIGNSIGN = { "default": HRLINE, left: ":".concat(HRLINE), center: ":".concat(HRLINE, ":"), right: "".concat(HRLINE, ":") }; // EXTERNAL MODULE: ./src/components/useInterval.tsx var useInterval = __webpack_require__(14332); ;// CONCATENATED MODULE: ./src/components/markdown-editor/index.tsx var _DEFAULTKEYMAP, _TitleDesc; function noop() {} var pending = 0; var StorageTimeTicket = 10000; var NULL_CH = '▁'; var ADD_MULTI = '@▁▁@'; var ADD_SINGLE = '@▁@'; var TEMP1 = '\n**模板标题**\n模板正文内容,可输入文本内容和粘贴图片等操作'; //课程须知模板 function processSize(size) { return !/^\d+$/.test(size) ? size : "".concat(size, "px"); } var isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0; var key = isMac ? 'Cmd' : 'Ctrl'; var DEFAULTKEYMAP = (_DEFAULTKEYMAP = {}, defineProperty_default()(_DEFAULTKEYMAP, key + '-B', 'bold'), defineProperty_default()(_DEFAULTKEYMAP, key + '-I', 'italic'), _DEFAULTKEYMAP); var TitleDesc = (_TitleDesc = {}, defineProperty_default()(_TitleDesc, LINK, '添加链接'), defineProperty_default()(_TitleDesc, CODE_BLOCK, '添加代码块'), defineProperty_default()(_TitleDesc, UPLOAD_IMAGE, '添加图片'), defineProperty_default()(_TitleDesc, ADD_TABLE, '添加表格'), _TitleDesc); //https://codemirror.net/demo //The height can be set through CSS (by giving the .CodeMirror class a height property), or by calling the cm's setSize method. /* harmony default export */ var markdown_editor = (function (_ref) { var _ref$defaultValue = _ref.defaultValue, defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue, onChange = _ref.onChange, _ref$width = _ref.width, width = _ref$width === void 0 ? '100%' : _ref$width, _ref$height = _ref.height, height = _ref$height === void 0 ? 400 : _ref$height, _ref$miniToolbar = _ref.miniToolbar, miniToolbar = _ref$miniToolbar === void 0 ? false : _ref$miniToolbar, _ref$isFocus = _ref.isFocus, isFocus = _ref$isFocus === void 0 ? false : _ref$isFocus, watch = _ref.watch, insertTemp = _ref.insertTemp, _ref$mode = _ref.mode, mode = _ref$mode === void 0 ? "markdown" : _ref$mode, _ref$id = _ref.id, id = _ref$id === void 0 ? 'markdown-editor-id' : _ref$id, _ref$showResizeBar = _ref.showResizeBar, showResizeBar = _ref$showResizeBar === void 0 ? false : _ref$showResizeBar, _ref$noStorage = _ref.noStorage, noStorage = _ref$noStorage === void 0 ? false : _ref$noStorage, _ref$showNullButton = _ref.showNullButton, showNullButton = _ref$showNullButton === void 0 ? false : _ref$showNullButton, _ref$showNullProgramB = _ref.showNullProgramButton, showNullProgramButton = _ref$showNullProgramB === void 0 ? false : _ref$showNullProgramB, _ref$hidetoolBar = _ref.hidetoolBar, hidetoolBar = _ref$hidetoolBar === void 0 ? false : _ref$hidetoolBar, _ref$fullScreen = _ref.fullScreen, fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen, onBlur = _ref.onBlur, onCMBeforeChange = _ref.onCMBeforeChange, onFullScreen = _ref.onFullScreen, _ref$className = _ref.className, className = _ref$className === void 0 ? '' : _ref$className, _ref$disablePaste = _ref.disablePaste, disablePaste = _ref$disablePaste === void 0 ? false : _ref$disablePaste, _ref$disabled = _ref.disabled, disabled = _ref$disabled === void 0 ? false : _ref$disabled, _ref$disabledFill = _ref.disabledFill, disabledFill = _ref$disabledFill === void 0 ? false : _ref$disabledFill, _ref$placeholder = _ref.placeholder, placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder, _ref$values = _ref.values, values = _ref$values === void 0 ? '' : _ref$values; var _useState = (0,_react_17_0_2_react.useState)(null), _useState2 = slicedToArray_default()(_useState, 2), cm = _useState2[0], setCm = _useState2[1]; var _useState3 = (0,_react_17_0_2_react.useState)(defaultValue), _useState4 = slicedToArray_default()(_useState3, 2), value = _useState4[0], setValue = _useState4[1]; var _useState5 = (0,_react_17_0_2_react.useState)(watch), _useState6 = slicedToArray_default()(_useState5, 2), preview = _useState6[0], setPreview = _useState6[1]; var _useState7 = (0,_react_17_0_2_react.useState)(fullScreen), _useState8 = slicedToArray_default()(_useState7, 2), isFull = _useState8[0], setIsFull = _useState8[1]; var _useState9 = (0,_react_17_0_2_react.useState)(''), _useState10 = slicedToArray_default()(_useState9, 2), action = _useState10[0], setAction = _useState10[1]; var _useState11 = (0,_react_17_0_2_react.useState)(0), _useState12 = slicedToArray_default()(_useState11, 2), lastedUpdateTime = _useState12[0], setLastedUpdateTime = _useState12[1]; var _useState13 = (0,_react_17_0_2_react.useState)(height), _useState14 = slicedToArray_default()(_useState13, 2), h = _useState14[0], setH = _useState14[1]; var _useState15 = (0,_react_17_0_2_react.useState)(false), _useState16 = slicedToArray_default()(_useState15, 2), tip = _useState16[0], setTip = _useState16[1]; var cmEl = (0,_react_17_0_2_react.useRef)(); var containerEl = (0,_react_17_0_2_react.useRef)(); var resizeBarEl = (0,_react_17_0_2_react.useRef)(); var previewEl = (0,_react_17_0_2_react.useRef)(); // useEffect(() => { // setValue(defaultValue) // cm?.setValue(defaultValue) // },[]) (0,_react_17_0_2_react.useEffect)(function () { var scrollTop = window.scrollY || window.pageYOffset; setValue(values); cm === null || cm === void 0 || cm.setValue(values); window.scrollTo(0, scrollTop); }, [values]); (0,_react_17_0_2_react.useEffect)(function () { onFullScreen === null || onFullScreen === void 0 || onFullScreen(isFull); }, [isFull]); (0,_react_17_0_2_react.useEffect)(function () { if (cmEl.current) { var onPaste = function onPaste(_, e) { if (disablePaste) { e.preventDefault(); return; } var clipboardData = e.clipboardData; if (clipboardData) { var types = clipboardData.types.toString(); var items = clipboardData.items; var officeSix = ["pptm", "pptx", "ppt", "pot", "pps", "ppa", "potx", "ppsx", "ppam", "pptm", "potm", "ppsm", "doc", "docx", "dot", "dotx", "docm", "dotm", "xls", "xlsx", "csv", "xlt", "xla", "xltx", "xlsm", "xltm", "xlam", "xlsb"]; if (types === 'Files' || clipboardData.types.indexOf("Files") > -1) { e.preventDefault(); if (mode == "stex") return; try { var _items$; var item = items[1]; if (((_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.kind) === 'file') { item = items[0]; } var file = item.getAsFile(); var fileSix = file.name.split(".").pop(); // console.log("item:", item, file, item?.type?.match(/^video\//i)) uploadImage(file, function (data) { if (data.id) { var _file$type, _file$type2, _file$type3; if ((file === null || file === void 0 || (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf("image")) > -1) { instance.replaceSelection("![,](/api/attachments/".concat(data.id, "?type=").concat(data.content_type, ")")); } else if ((file === null || file === void 0 || (_file$type2 = file.type) === null || _file$type2 === void 0 ? void 0 : _file$type2.indexOf("video")) > -1) { instance.replaceSelection("")); } else if ((file === null || file === void 0 || (_file$type3 = file.type) === null || _file$type3 === void 0 ? void 0 : _file$type3.indexOf("pdf")) > -1) { instance.replaceSelection("").concat(file.name, "")); } else if (officeSix.includes(fileSix)) { instance.replaceSelection("").concat(file.name, "")); } else { instance.replaceSelection("[".concat(file.name, "](").concat(env/* default */.Z.API_SERVER, "/api/attachments/").concat(data.id, "?type=").concat(data.content_type, ")")); } } else { if ((data === null || data === void 0 ? void 0 : data.status) === 401) document.location.href = '/user/login'; } }); } catch (e) { message/* default */.ZP.warning("请使用chrome浏览器粘贴"); } return true; } else { //toMarkdown ? // let html = clipboardData.getData('text/html') return true; } } return true; }; var instance = codemirror_default().fromTextArea(cmEl.current, { mode: mode, // inputStyle: 'contenteditable', lineNumbers: miniToolbar ? false : true, lineWrapping: true, value: defaultValue, autoCloseTags: true, autoCloseBrackets: true }); instance.on("keyup", function (cm, event) { if (event.keyCode === 8) { if (cm.getValue() == "") { instance.setOption("placeholder", placeholder); } else { instance.setOption("placeholder", null); } } }); instance.on("keydown", function (cm, event) { if (event.keyCode === 8) { var pos = deleteAtSymbol(cm); if (pos) { event.preventDefault(); } } }); isFocus && instance.focus(); instance.on('paste', onPaste); if (disabled) { instance.on("beforeChange", function (instances, change) { if (change.origin === "paste" || change.origin === "+input") { change.cancel(); } }); } setCm(instance); return function () { instance.off('paste', onPaste); }; } }, []); var resizeEditorBodyHeight = (0,_react_17_0_2_react.useCallback)(function () { if (containerEl.current) { try { // let toolH = containerEl.current.getElementsByClassName('markdown-toolbar-container')[0].offsetHeight // let mdBody = containerEl.current.getElementsByClassName('markdown-editor-body')[0] // if (!isFull) { // mdBody.style.height = `${h - toolH}px` // } else { // mdBody.style.height = `calc(100vh - ${toolH}px)` // } } catch (error) { console.log(error, '---- to set md editor body height'); } } }, [h, containerEl, isFull]); (0,_react_17_0_2_react.useEffect)(function () { function onLayout() { var ro = new ResizeObserver_es/* default */.Z(function (entries) { var _iterator = createForOfIteratorHelper_default()(entries), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var entry = _step.value; if (entry.target.offsetHeight > 0 || entry.target.offsetWidth > 0) { resizeEditorBodyHeight(); cm.setSize('100%', '100%'); cm.refresh(); } } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } }); ro.observe(cmEl.current.parentElement); return ro; } if (cm) { var ro = onLayout(); return function () { var _cmEl$current, _cmEl$current2; if ((_cmEl$current = cmEl.current) !== null && _cmEl$current !== void 0 && _cmEl$current.parentElement) ro.unobserve((_cmEl$current2 = cmEl.current) === null || _cmEl$current2 === void 0 ? void 0 : _cmEl$current2.parentElement); }; } }, [cm, resizeEditorBodyHeight]); //keymap (0,_react_17_0_2_react.useEffect)(function () { if (cm) { var keymap = []; var _loop = function _loop() { var _Object$entries$_i = slicedToArray_default()(_Object$entries[_i], 2), k = _Object$entries$_i[0], value = _Object$entries$_i[1]; var map = defineProperty_default()({}, k, function () { onActionCallback(value); }); keymap.push(map); cm.addKeyMap(map); }; for (var _i = 0, _Object$entries = Object.entries(DEFAULTKEYMAP); _i < _Object$entries.length; _i++) { _loop(); } return function () { for (var _i2 = 0, _keymap = keymap; _i2 < _keymap.length; _i2++) { var m = _keymap[_i2]; cm.removeKeyMap(m); } }; } }, [cm]); (0,_react_17_0_2_react.useEffect)(function () { if (fullScreen !== isFull) { setIsFull(fullScreen); } }, [fullScreen]); (0,useInterval/* default */.Z)(function () { if (!noStorage && lastedUpdateTime > 0) { var currentTime = new Date().getTime(); var lastedValue = window.sessionStorage.getItem(id); if (currentTime >= lastedUpdateTime + StorageTimeTicket && (!lastedValue || lastedValue !== value)) { window.sessionStorage.setItem(id, value); setTip(true); } } }, StorageTimeTicket); (0,_react_17_0_2_react.useEffect)(function () { setPreview(watch); }, [cm, watch]); (0,_react_17_0_2_react.useEffect)(function () { if (cm) { isFocus && cm.focus(); } }, [cm, isFocus]); (0,_react_17_0_2_react.useEffect)(function () { if (preview && cm) { var syncScroll = function syncScroll(e) { var target = e.target; if (previewEl.current) { var ratio = target.scrollTop / target.scrollHeight; previewEl.current.scrollTop = previewEl.current.scrollHeight * ratio; } }; var scrollEl = cm.getScrollerElement(); scrollEl.addEventListener('scroll', syncScroll); return function () { scrollEl.removeEventListener('scroll', syncScroll); }; } }, [cm, preview]); (0,_react_17_0_2_react.useEffect)(function () { if (cm && onCMBeforeChange) { var onChangeHandler = function onChangeHandler(cm, change) { onCMBeforeChange(cm, change); }; cm.on('beforeChange', onChangeHandler); return function () { cm.off('beforeChange', onChangeHandler); }; } }, [cm, onCMBeforeChange]); (0,_react_17_0_2_react.useEffect)(function () { if (cm && onBlur) { var onBlurHandler = function onBlurHandler() { onBlur(cm.getValue()); }; cm.on('blur', onBlurHandler); return function () { cm.off('blur', onBlurHandler); }; } }, [cm, onBlur]); function deleteAtSymbol(cm, change) { var doc = cm.getDoc(); var cursor = doc.getCursor(); var line = doc.getLine(cursor.line); var ch = line.charAt(cursor.ch - 1); var p1 = line.lastIndexOf("@▁@", cursor.ch); var p2 = line.lastIndexOf("@▁▁@", cursor.ch); var posStart = p1 > p2 ? p1 : p2; var n = p1 > p2 ? 3 : 4; if (ADD_MULTI.indexOf(ch) === -1) return null; console.log("change1:", change, cm, line, cursor, posStart, p1, p2, ch); if (posStart >= 0 && cursor.ch - posStart < 5) { var posEnd = posStart + n; doc.replaceRange("", { line: cursor.line, ch: posStart }, { line: cursor.line, ch: posEnd }); return { line: cursor.line, ch: posEnd }; } return null; } (0,_react_17_0_2_react.useEffect)(function () { if (cm) { var onChangeHandler = function onChangeHandler(cm, change) { var content = cm.getValue(); setValue(content); setLastedUpdateTime(new Date().getTime()); cm.getScrollerElement().dispatchEvent(new CustomEvent('scroll')); if (onChange) { if (showNullProgramButton) { onChange(content, formatProgramFill(content)); } else { onChange(content); } } }; cm.on('change', onChangeHandler); return function () { cm.off('change', onChangeHandler); }; } }, [cm, onChange]); (0,_react_17_0_2_react.useEffect)(function () { if (cm) { // isFocus && cm.focus() if (defaultValue === null || defaultValue === undefined) { cm.setValue(''); setValue(''); } else { var scrollTop = window.scrollY || window.pageYOffset; if (defaultValue !== cm.getValue()) { cm.setValue(defaultValue); setValue(defaultValue); cm.setCursor(disabled ? 1 : cm.lineCount(), 0); window.scrollTo(0, scrollTop); } } } }, [cm, defaultValue]); var onActionCallback = (0,_react_17_0_2_react.useCallback)(function (actionName) { var cursor = cm.getCursor(); var selection = cm.getSelection(); var selectionText = selection.split('\n'); switch (actionName) { case 'bold': cm.replaceSelection('**' + selection + '**'); if (selection === '') { cm.setCursor(cursor.line, cursor.ch + 2); } return cm.focus(); case 'italic': cm.replaceSelection('*' + selection + '*'); if (selection === '') { cm.setCursor(cursor.line, cursor.ch + 1); } return cm.focus(); case 'code': cm.replaceSelection('`' + selection + '`'); if (selection === '') { cm.setCursor(cursor.line, cursor.ch + 1); } return cm.focus(); case 'inline-latex': cm.replaceSelection('`$$' + selection + '$$`'); if (selection === '') { cm.setCursor(cursor.line, cursor.ch + 3); } return cm.focus(); case 'latex': cm.replaceSelection("```latex\n" + selection + "\n```"); cm.setCursor(cursor.line + 1, selection.length + 1); return cm.focus(); case 'line-break': cm.replaceSelection('
\n'); return cm.focus(); case 'list-ul': if (selection === '') { cm.replaceSelection('- ' + selection); } else { cm.replaceSelection(selectionText.map(function (item) { return item === '' ? '' : "- ".concat(item); }).join('\n')); } return cm.focus(); case 'list-ol': if (selection === '') { cm.replaceSelection('1. ' + selection); } else { cm.replaceSelection(selectionText.map(function (item, index) { return item === '' ? '' : "".concat(index + 1, ". ").concat(item); }).join('\n')); } return cm.focus(); case 'add-null-ch': if (selection === '') { cm.setCursor(cursor.line, cursor.ch); } cm.replaceSelection(NULL_CH); return cm.focus(); case 'add-signal': if (selection === '') { cm.setCursor(cursor.line, cursor.ch); } cm.replaceSelection(ADD_SINGLE); return cm.focus(); case 'add-multiple': if (selection === '') { cm.setCursor(cursor.line, cursor.ch); } cm.replaceSelection(ADD_MULTI); return cm.focus(); case 'inster-template-1': if (selection === '') { cm.setCursor(cursor.line, cursor.ch); } cm.replaceSelection(TEMP1); return cm.focus(); case 'eraser': cm.setValue(''); return cm.focus(); case 'trigger-watch': setPreview(!preview); return cm.focus(); case 'trigger-full-screen': setIsFull(!isFull); return cm.focus(); case LINK: setAction(LINK); return; case CODE_BLOCK: setAction(CODE_BLOCK); return; case UPLOAD_IMAGE: setAction(UPLOAD_IMAGE); return; case ADD_TABLE: setAction(ADD_TABLE); return; default: throw new Error(); } }, [cm, preview, isFull]); var ExecutePluginAction = (0,_react_17_0_2_react.useCallback)(function (values) { setAction(''); switch (action) { case LINK: var title = values.title, link = values.link; cm.replaceSelection("[".concat(title, "](").concat(link, ")")); return cm.focus(); case CODE_BLOCK: var language = values.language, content = values.content; cm.replaceSelection(['```' + language, content, '```'].join('\n')); return cm.focus(); case UPLOAD_IMAGE: var src = values.src, alt = values.alt; if (alt) { cm.replaceSelection("![ ".concat(alt, " ]( ").concat(src, " \"").concat(alt, "\" )")); } else { cm.replaceSelection("![,](".concat(src, ")")); } return cm.focus(); case ADD_TABLE: var row = values.row, col = values.col, align = values.align; var table = '\n'; for (var r = 0; r < row; r++) { var rows = []; var heads = []; for (var c = 0; c < col; c++) { if (r === 1) { heads.push(ALIGNSIGN[align]); } rows.push(' '); } if (r === 1) { table += "| ".concat(heads.join(' | '), " |\n"); } table += "| ".concat(rows.join(col === 1 ? '' : ' | '), " |\n"); } cm.replaceSelection(table + '\n'); return cm.focus(); default: throw new Error(); } }, [cm, action]); var PluginEl = (0,_react_17_0_2_react.useMemo)(function () { switch (action) { case LINK: return /*#__PURE__*/(0,jsx_runtime.jsx)(markdown_editor_link, { callback: ExecutePluginAction, onCancel: onCancel }); case CODE_BLOCK: return /*#__PURE__*/(0,jsx_runtime.jsx)(code_block/* default */.Z, { callback: ExecutePluginAction, onCancel: onCancel }); case UPLOAD_IMAGE: return /*#__PURE__*/(0,jsx_runtime.jsx)(upload_image, { callback: ExecutePluginAction, onCancel: onCancel }); case ADD_TABLE: return /*#__PURE__*/(0,jsx_runtime.jsx)(add_table_panel, { callback: ExecutePluginAction, onCancel: onCancel }); default: return null; } }, [action]); function onCancel() { setAction(''); } (0,_react_17_0_2_react.useEffect)(function () { if (resizeBarEl.current) { var onMouseDown = function onMouseDown(e) { dragging = true; startY = e.pageY; }; var onMouseUp = function onMouseUp() { dragging = false; }; var onMouseMove = function onMouseMove(e) { if (dragging) { var delta = e.pageY - startY; if (delta < 0) { delta = 0; } if (delta > 300) { delta = 300; } var resizeH = height + delta + 'px'; setH(resizeH); } }; var resizeBar = resizeBarEl.current; var dragging = false; var startY = 0; resizeBar.addEventListener('mousedown', onMouseDown); document.addEventListener('mousemove', onMouseMove); document.addEventListener('mouseup', onMouseUp); return function () { resizeBar.removeEventListener('mousedown', onMouseDown); document.removeEventListener('mousemove', onMouseMove); document.removeEventListener('mouseup', onMouseUp); }; } }, [cm, resizeBarEl]); (0,_react_17_0_2_react.useEffect)(function () { setH(height); }, [height]); var fixedWidth = processSize(width); var fixedHeight = processSize(h); var style = { width: fixedWidth, height: fixedHeight }; var saveTime = (0,_react_17_0_2_react.useMemo)(function () { if (lastedUpdateTime) { var d = new Date(lastedUpdateTime); var _h = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); _h = _h < 10 ? '0' + _h : _h; m = m < 10 ? '0' + m : m; s = s < 10 ? '0' + s : s; return "".concat(_h, ":").concat(m, ":").concat(s); } return 0; }, [lastedUpdateTime]); var formatProgramFill = function formatProgramFill(str) { var arr = []; if (showNullProgramButton) { var num = -1; str = str.replace(/(@▁▁@|@▁@)/g, function (a, b, c) { arr.push({ multiLine: !(a === ADD_SINGLE) }); }); } return arr; }; function onCancelStorage() { window.sessionStorage.removeItem(id); setTip(false); setLastedUpdateTime(0); } function onReset() { setTip(false); setLastedUpdateTime(0); cm.setValue(window.sessionStorage.getItem(id)); } return /*#__PURE__*/(0,jsx_runtime.jsxs)(_react_17_0_2_react.Fragment, { children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: "markdown-editor-wrapper", ref: containerEl, children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "markdown-editor-container ".concat(className, " ").concat(preview ? 'on-preview' : '', " ").concat(miniToolbar ? 'mini' : '', " ").concat(isFull ? 'full-screen' : ''), style: style, children: [/*#__PURE__*/(0,jsx_runtime.jsx)(toolbar, { insertTemp: insertTemp, watch: preview, fullScreen: isFull, showNullButton: showNullButton, showNullProgramButton: showNullProgramButton, onActionCallback: onActionCallback, hidetoolBar: hidetoolBar }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { className: "markdown-editor-body", children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", { className: "codemirror-container", children: /*#__PURE__*/(0,jsx_runtime.jsx)("textarea", { ref: cmEl, placeholder: placeholder }) }), preview ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", { ref: previewEl, className: "preview-container", children: [mode === "stex" && /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml_stex, { value: value }), mode !== "stex" && /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, { disabledFill: disabledFill, showProgramFill: showNullProgramButton, value: value })] }) : null] })] }) }), showResizeBar ? /*#__PURE__*/(0,jsx_runtime.jsx)("a", { ref: resizeBarEl, className: "editor-resize" }) : null, /*#__PURE__*/(0,jsx_runtime.jsx)(modal/* default */.Z, { children: TitleDesc[action] ? /*#__PURE__*/(0,jsx_runtime.jsx)(es_modal/* default */.Z, { centered: true, title: TitleDesc[action], open: true, onCancel: onCancel, footer: null, className: "markdown-popup-form", children: PluginEl }) : null })] }); }); /***/ }), /***/ 44668: /*!**********************************!*\ !*** ./src/components/modal.tsx ***! \**********************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Z: function() { return /* binding */ Dialog; } /* harmony export */ }); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/classCallCheck.js */ 94312); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/createClass.js */ 24127); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/inherits.js */ 93242); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/createSuper.js */ 10564); /* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ 59301); /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-dom */ 4676); var Dialog = /*#__PURE__*/function (_React$Component) { _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2___default()(Dialog, _React$Component); var _super = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3___default()(Dialog); function Dialog(props) { var _this; _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0___default()(this, Dialog); _this = _super.call(this, props); var doc = window.document; _this.node = doc.createElement('div'); doc.body.appendChild(_this.node); return _this; } _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1___default()(Dialog, [{ key: "render", value: function render() { var children = this.props.children; return /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_5__.createPortal)(children, this.node); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { window.document.body.removeChild(this.node); } }]); return Dialog; }(react__WEBPACK_IMPORTED_MODULE_4__.Component); /***/ }), /***/ 14332: /*!****************************************!*\ !*** ./src/components/useInterval.tsx ***! \****************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Z: function() { return /* binding */ useInterval; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301); function useInterval(callback, delay) { var savedCallback = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); // 保存新回调 (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { savedCallback.current = callback; }); // 建立 interval (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () { function tick() { savedCallback.current(); } if (delay !== null) { var id = setInterval(tick, delay); return function () { return clearInterval(id); }; } }, [delay]); } /***/ }) }]);