' + (escaped ? code : (0,helpers.escape)(code, true)) + '".concat(code, "
"); + } else { + return "").concat(escaped ? code : (0,helpers.escape)(code, true), "[TOC]
', getTocContent()); + cleanToc(); + } + rs = rs.replace(/(__special_katext_id_\d+__)/g, function (_match, capture) { + var _math_expressions$cap = math_expressions[capture], + type = _math_expressions$cap.type, + expression = _math_expressions$cap.expression; + return (0,katex.renderToString)(_unescape(expression) || '', { + displayMode: type === 'block', + throwOnError: false, + output: 'html' + }); + }); + rs = rs.replace(/▁/g, '▁▁▁'); + resetMathExpressions(); + // return dompurify.sanitize(rs) + var dom = document.createElement('div'); + dom.innerHTML = rs; + if (highlightKeywords) { + var escapedKeywords = highlightKeywords.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"); + findKeyword(dom, escapedKeywords); + return dom.innerHTML; + } + if (showTextOnly) { + return dom.innerText; + } + setTimeout(function () { + return onLoad(); + }, 500); + console.log("dom.innerHTML:", dom.innerHTML); + return dom.innerHTML; + }, [str, highlightKeywords]); + (0,react.useEffect)(function () { + if (el.current) { + var inputs = el.current.querySelectorAll(["input", "textarea"]); + inputs.forEach(function (input) { + input.oninput = onInput; + input.onblur = onBlur; + }); + } + }, [projectValue]); + (0,react.useEffect)(function () { + if (!!(programFillValue !== null && programFillValue !== void 0 && programFillValue.length)) { + var scoreDom = el.current.querySelectorAll(".edu-program-fill-score"); + var dom = el.current.querySelectorAll('[name="edu-program-fill"]'); + var _iterator = createForOfIteratorHelper_default()(dom.entries()), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done;) { + var _programFillValue$k; + var _step$value = slicedToArray_default()(_step.value, 2), + k = _step$value[0], + i = _step$value[1]; + i.value = (_programFillValue$k = programFillValue[k]) === null || _programFillValue$k === void 0 ? void 0 : _programFillValue$k.value; + if (programFillValue[k].type === "warning") { + i.className = "program-fill-warning"; + } else if (programFillValue[k].type === "success") { + i.className = "program-fill-success"; + } else { + i.className = ""; + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + var _iterator2 = createForOfIteratorHelper_default()(scoreDom.entries()), + _step2; + try { + for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { + var _programFillValue$_k, _programFillValue$_k2; + var _step2$value = slicedToArray_default()(_step2.value, 2), + _k = _step2$value[0], + _i = _step2$value[1]; + _i.innerHTML = (_programFillValue$_k = programFillValue[_k]) !== null && _programFillValue$_k !== void 0 && _programFillValue$_k.score ? "".concat((_programFillValue$_k2 = programFillValue[_k]) === null || _programFillValue$_k2 === void 0 ? void 0 : _programFillValue$_k2.score, "\u5206") : ""; + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + setProjectValue(programFillValue); + } + }, [programFillValue]); + var onInput = function onInput(e) { + projectValue[e.target.dataset.id] = projectValue[e.target.dataset.id] || {}; + projectValue[e.target.dataset.id]["value"] = e.target.value; + setProjectValue(toConsumableArray_default()(projectValue)); + onFillChange(projectValue, e.target.dataset.id); + }; + var onBlur = function onBlur(e) { + projectValue[e.target.dataset.id] = projectValue[e.target.dataset.id] || {}; + projectValue[e.target.dataset.id]["value"] = e.target.value; + setProjectValue(toConsumableArray_default()(projectValue)); + onFillBlur(projectValue, e.target.dataset.id); + }; + function findKeyword(node, keyword) { + return node.childNodes.forEach(function (childNode) { + if (childNode.childNodes.length > 0) { + findKeyword(childNode, keyword); + } else if (childNode.nodeName !== "IMG") { + if (childNode.innerHTML) { + var _childNode$innerHTML; + childNode.innerHTML = (_childNode$innerHTML = childNode.innerHTML) === null || _childNode$innerHTML === void 0 ? void 0 : _childNode$innerHTML.replace(new RegExp(keyword, "gi"), '$&'); + } else { + var dom = document.createElement("span"); + dom.innerHTML = childNode.textContent.replace(new RegExp(keyword, "gi"), '$&'); + childNode.replaceWith(dom); + } + } + }); + + // return dom.childNodes.forEach((node:any) => { + // console.log("nodeLen:",node.childNodes.length) + // if(node.childNodes.length > 0){ + // debugger + // // findKeyword(dom.childNodes,keyword) + // }else{ + // if(node.nodeName !== "#text"){ + // node.innerHTML = node.innerHTML.replaceAll(keyword,`${keyword}`) + // console.log("node:",node,dom,node.nodeName,node.innerHTML,node.childNodes.length) + // debugger + // } + // } + + // return node + // }); + } + + var el = (0,react.useRef)(); + lines.WebkitLineClamp = showLines; + if (showLines) { + style = objectSpread2_default()(objectSpread2_default()({}, style), lines); + } + function onAncherHandler(e) { + var target = e.target; + if (target.tagName.toUpperCase() === 'A') { + var ancher = target.getAttribute('href'); + if (ancher.indexOf("office") > -1) { + e.preventDefault(); + setData(ancher); + setType("office"); + } else if (ancher.indexOf("application/pdf") > -1) { + e.preventDefault(); + setData(ancher); + setType("pdf"); + } else if (ancher.indexOf("text/html") > -1) { + e.preventDefault(); + setData(ancher); + setType("html"); + } else if (ancher.startsWith('#')) { + e.preventDefault(); + var viewEl = document.getElementById(ancher.replace('#', '')); + if (viewEl) { + viewEl.scrollIntoView(true); + } + } + } + } + var onLoad = function onLoad() { + var _el$current; + var videoElement = (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.querySelectorAll('video'); + videoElement === null || videoElement === void 0 ? void 0 : videoElement.forEach(function (item) { + item.oncontextmenu = function () { + return false; + }; + if (item.src.indexOf('.m3u8') > -1) { + if (item.canPlayType('application/vnd.apple.mpegurl')) {} else if (hls_default().isSupported()) { + var hls = new (hls_default())(); + hls.loadSource(item.src); + hls.attachMedia(item); + } + } + }); + }; + (0,react.useEffect)(function () { + if (el.current && html) { + if (html.match(preRegex)) { + window.PR.prettyPrint(); + } + } + if (el.current) { + el.current.addEventListener('click', onAncherHandler); + return function () { + var _el$current2; + (_el$current2 = el.current) === null || _el$current2 === void 0 ? void 0 : _el$current2.removeEventListener('click', onAncherHandler); + resetMathExpressions(); + cleanToc(); + }; + } + }, [html, el.current, onAncherHandler]); + return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { + children: [showTextOnly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", { + ref: el, + children: html + }), !showTextOnly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", { + ref: el, + style: objectSpread2_default()({}, style), + className: "".concat(className ? className : '', " ").concat(disabledFill ? "disabled-fill" : "", " markdown-body ").concat(classNamesRef.current), + dangerouslySetInnerHTML: { + __html: html + } + }), /*#__PURE__*/(0,jsx_runtime.jsx)(PreviewAll/* default */.Z, { + close: true, + data: data, + type: !!(data !== null && data !== void 0 && data.length) ? type : "", + style: objectSpread2_default()({}, stylesPrev), + onClose: function onClose() { + return setData(""); + } + })] + }); +}); + +/***/ }), + +/***/ 97501: +/*!*************************************************************!*\ + !*** ./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_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/objectSpread2.js */ 42122); +/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/slicedToArray.js */ 27424); +/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 67294); +/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! antd */ 79035); +/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! antd */ 25159); +/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! antd */ 71577); +/* harmony import */ var codemirror__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! codemirror */ 4631); +/* 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 */ 71749); +/* harmony import */ var codemirror_theme_blackboard_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! codemirror/theme/blackboard.css */ 30483); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react/jsx-runtime */ 85893); + + + + + + + + + +var Option = antd__WEBPACK_IMPORTED_MODULE_7__/* ["default"].Option */ .Z.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_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_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_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"].Item */ .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"] */ .Z, { + 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"].Item */ .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_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_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 + }) + }); +} + +/***/ }), + +/***/ 55373: +/*!***************************************************************!*\ + !*** ./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/helpers/createForOfIteratorHelper.js +var createForOfIteratorHelper = __webpack_require__(74704); +var createForOfIteratorHelper_default = /*#__PURE__*/__webpack_require__.n(createForOfIteratorHelper); +// 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/@babel/runtime/helpers/defineProperty.js +var defineProperty = __webpack_require__(38416); +var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty); +// EXTERNAL MODULE: ./node_modules/react/index.js +var react = __webpack_require__(67294); +// EXTERNAL MODULE: ./node_modules/codemirror/lib/codemirror.js +var codemirror = __webpack_require__(4631); +var codemirror_default = /*#__PURE__*/__webpack_require__.n(codemirror); +// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +var ResizeObserver_es = __webpack_require__(91033); +// EXTERNAL MODULE: ./node_modules/codemirror/lib/codemirror.css +var lib_codemirror = __webpack_require__(71749); +// EXTERNAL MODULE: ./node_modules/codemirror/addon/edit/closetag.js +var closetag = __webpack_require__(57341); +// EXTERNAL MODULE: ./node_modules/codemirror/addon/edit/closebrackets.js +var closebrackets = __webpack_require__(82801); +// EXTERNAL MODULE: ./node_modules/codemirror/addon/display/placeholder.js +var placeholder = __webpack_require__(88386); +// EXTERNAL MODULE: ./node_modules/codemirror/mode/markdown/markdown.js +var markdown = __webpack_require__(49047); +// EXTERNAL MODULE: ./node_modules/codemirror/mode/stex/stex.js +var stex = __webpack_require__(80785); +;// 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__(12768); +// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js +var jsx_runtime = __webpack_require__(85893); +;// 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.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/helpers/objectSpread2.js +var objectSpread2 = __webpack_require__(42122); +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__(12264); +// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules +var es_form = __webpack_require__(25159); +// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules +var input = __webpack_require__(79531); +// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js +var es_button = __webpack_require__(71577); +;// 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.Item */.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.Item */.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__(97501); +// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 4 modules +var message = __webpack_require__(2453); +;// 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__(96403); +;// CONCATENATED MODULE: ./src/components/markdown-editor/upload-image/index.tsx + + + + + + + + +var useForm = es_form/* default.useForm */.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.error */.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.Item */.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.Item */.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.Item */.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.Item */.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/es/radio/index.js + 5 modules +var es_radio = __webpack_require__(78045); +// EXTERNAL MODULE: ./node_modules/antd/es/input-number/index.js + 21 modules +var input_number = __webpack_require__(31795); +;// 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.Item */.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.Item */.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.Item */.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__(59758); +// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 39 modules +var es_modal = __webpack_require__(72423); +;// 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__(61891); +;// 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.useState)(null), + _useState2 = slicedToArray_default()(_useState, 2), + cm = _useState2[0], + setCm = _useState2[1]; + var _useState3 = (0,react.useState)(defaultValue), + _useState4 = slicedToArray_default()(_useState3, 2), + value = _useState4[0], + setValue = _useState4[1]; + var _useState5 = (0,react.useState)(watch), + _useState6 = slicedToArray_default()(_useState5, 2), + preview = _useState6[0], + setPreview = _useState6[1]; + var _useState7 = (0,react.useState)(fullScreen), + _useState8 = slicedToArray_default()(_useState7, 2), + isFull = _useState8[0], + setIsFull = _useState8[1]; + var _useState9 = (0,react.useState)(''), + _useState10 = slicedToArray_default()(_useState9, 2), + action = _useState10[0], + setAction = _useState10[1]; + var _useState11 = (0,react.useState)(0), + _useState12 = slicedToArray_default()(_useState11, 2), + lastedUpdateTime = _useState12[0], + setLastedUpdateTime = _useState12[1]; + var _useState13 = (0,react.useState)(height), + _useState14 = slicedToArray_default()(_useState13, 2), + h = _useState14[0], + setH = _useState14[1]; + var _useState15 = (0,react.useState)(false), + _useState16 = slicedToArray_default()(_useState15, 2), + tip = _useState16[0], + setTip = _useState16[1]; + var cmEl = (0,react.useRef)(); + var containerEl = (0,react.useRef)(); + var resizeBarEl = (0,react.useRef)(); + var previewEl = (0,react.useRef)(); + + // useEffect(() => { + // setValue(defaultValue) + // cm?.setValue(defaultValue) + // },[]) + (0,react.useEffect)(function () { + var scrollTop = window.scrollY || window.pageYOffset; + setValue(values); + cm === null || cm === void 0 ? void 0 : cm.setValue(values); + window.scrollTo(0, scrollTop); + }, [values]); + (0,react.useEffect)(function () { + onFullScreen === null || onFullScreen === void 0 ? void 0 : onFullScreen(isFull); + }, [isFull]); + (0,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 ? 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 ? 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 ? 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.API_SERVER */.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.warning */.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.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.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.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.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.useEffect)(function () { + setPreview(watch); + }, [cm, watch]); + (0,react.useEffect)(function () { + if (cm) { + isFocus && cm.focus(); + } + }, [cm, isFocus]); + (0,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.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.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.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.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.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('