NewEduCoderBuild/86701.async.js

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[86701],{

/***/ 96403:
/*!*********************************!*\
  !*** ./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 */ 59758);

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"].API_SERVER */ .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';

/***/ }),

/***/ 36579:
/*!*********************************************************!*\
  !*** ./src/components/PreviewAll/index.tsx + 1 modules ***!
  \*********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {


// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "Z": function() { return /* binding */ PreviewAll; }
});

// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
var style = __webpack_require__(29913);
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
var es_button = __webpack_require__(71577);
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js + 1 modules
var tooltip_style = __webpack_require__(38390);
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(84908);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(42122);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(17061);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(17156);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(27424);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
;// CONCATENATED MODULE: ./src/components/PreviewAll/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var PreviewAllmodules = ({"wrp":"wrp___dq7YK","bgBlack":"bgBlack___ARIUV","monaco":"monaco___VnZC3","darkBlue":"darkBlue___UprA9","close":"close___LKoWu","embed":"embed___hvpEJ"});
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/ArrowDownOutlined.js + 1 modules
var ArrowDownOutlined = __webpack_require__(77171);
// EXTERNAL MODULE: ./src/components/monaco-editor/index.jsx + 3 modules
var monaco_editor = __webpack_require__(8691);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(29427);
// EXTERNAL MODULE: ./src/service/exercise.ts
var exercise = __webpack_require__(51412);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(59758);
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
var jsx_runtime = __webpack_require__(85893);
;// CONCATENATED MODULE: ./src/components/PreviewAll/index.tsx



















/* harmony default export */ var PreviewAll = (function (_ref) {
  var _data, _data2, _data3, _data4, _data5, _data6;
  var _ref$editOffice = _ref.editOffice,
    editOffice = _ref$editOffice === void 0 ? 'view' : _ref$editOffice,
    data = _ref.data,
    theme = _ref.theme,
    type = _ref.type,
    filename = _ref.filename,
    monacoEditor = _ref.monacoEditor,
    className = _ref.className,
    style = _ref.style,
    close = _ref.close,
    onClose = _ref.onClose,
    hasMask = _ref.hasMask,
    disabledDownload = _ref.disabledDownload;
  var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
    _useState2 = slicedToArray_default()(_useState, 2),
    src = _useState2[0],
    setSrc = _useState2[1];
  var _useState3 = (0,react.useState)(""),
    _useState4 = slicedToArray_default()(_useState3, 2),
    token = _useState4[0],
    setToken = _useState4[1];
  var _useState5 = (0,react.useState)(),
    _useState6 = slicedToArray_default()(_useState5, 2),
    officeData = _useState6[0],
    setOfficeData = _useState6[1];
  var officePath = window.ENV === "build" ? "/react/build" : "";
  var apiServer = location.host.startsWith("localhost") ? env/* default.PROXY_SERVER */.Z.PROXY_SERVER : env/* default.API_SERVER */.Z.API_SERVER;
  var size;
  var unit = 1024 * 1024;
  var maxSize = 10 * unit;
  var closeRef = (0,react.useRef)();
  if ((_data = data) !== null && _data !== void 0 && _data.startsWith("/api") && type !== "txt") {
    data = env/* default.API_SERVER */.Z.API_SERVER + data;
  }
  if (type === "office") {
    size = (0,util/* parseUrl */.en)(data).filesize;
    if (size > maxSize) {
      type = "other";
    }
  }
  if (filename) monacoEditor.filename = filename;
  (0,react.useEffect)(function () {
    var _document$cookie, _document$cookie$repl;
    var cookies = (_document$cookie = document.cookie) === null || _document$cookie === void 0 ? void 0 : (_document$cookie$repl = _document$cookie.replace(/\s/g, "")) === null || _document$cookie$repl === void 0 ? void 0 : _document$cookie$repl.split(";");
    cookies === null || cookies === void 0 ? void 0 : cookies.map(function (item) {
      var i = item.split("=");
      if (i[0] === '_educoder_session') {
        setToken(i[1]);
      }
    });
  }, []);
  (0,react.useEffect)(function () {
    if (type === "office") getData();
  }, [type, data]);
  var getData = /*#__PURE__*/function () {
    var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
      var _url, _id, res;
      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            console.log("data:", data);
            _url = data;
            if (!data.startsWith("http")) {
              _url = location.origin + _url;
            }
            _id = new URL(_url).pathname.split("/").pop();
            _context.next = 6;
            return (0,exercise/* setEcsAttachment */.gJ)({
              attachment_id: _id
            });
          case 6:
            res = _context.sent;
            setOfficeData(res);
          case 8:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function getData() {
      return _ref2.apply(this, arguments);
    };
  }();
  var handleClick = function handleClick() {
    if (data.startsWith("http") || data.startsWith('blob:')) {
      handleDown();
      return;
    }
    (0,util/* downloadFile */.Sv)(filename || 'educoder', data, filename);
  };
  var handleDown = function handleDown() {
    (0,util/* downLoadLink */.Nd)(filename || 'educoder', decodeURIComponent(data));
  };
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
    style: objectSpread2_default()({}, style || {}),
    className: "".concat(hasMask && PreviewAllmodules.bgBlack, " ").concat(!!type ? PreviewAllmodules.wrp : "hide"),
    children: [close && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
      className: PreviewAllmodules.close,
      ref: closeRef,
      children: [!disabledDownload && /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
        title: "\u70B9\u51FB\u4E0B\u8F7D\u6B64\u6587\u4EF6",
        getPopupContainer: function getPopupContainer() {
          return closeRef.current;
        },
        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
          onClick: handleDown,
          children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
            className: "icon-quxiaozhiding"
          })
        })
      }), /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
        title: "\u5173\u95ED",
        getPopupContainer: function getPopupContainer() {
          return closeRef.current;
        },
        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
          className: "",
          onClick: onClose,
          children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
            className: "icon-guanbi1"
          })
        })
      })]
    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
      className: "".concat(PreviewAllmodules[className], " ").concat(className, " ").concat(PreviewAllmodules.monaco, " ").concat(type === "txt" ? "show" : "hide"),
      children: type === "txt" && /*#__PURE__*/(0,jsx_runtime.jsx)(monaco_editor/* default */.ZP, objectSpread2_default()({}, monacoEditor))
    }), type === "audio" && /*#__PURE__*/(0,jsx_runtime.jsx)("audio", {
      src: "".concat(((_data2 = data) === null || _data2 === void 0 ? void 0 : _data2.indexOf("http://")) > -1 || ((_data3 = data) === null || _data3 === void 0 ? void 0 : _data3.indexOf("https://")) > -1 ? "" : "data:audio/mp3;base64,").concat(data),
      autoPlay: true
    }), type === "video" && /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
      children: ((_data4 = data) === null || _data4 === void 0 ? void 0 : _data4.indexOf("http")) > -1 ? /*#__PURE__*/(0,jsx_runtime.jsx)("video", {
        controls: true,
        src: "".concat(data),
        autoPlay: true
      }) : /*#__PURE__*/(0,jsx_runtime.jsx)("video", {
        controls: true,
        src: "data:video/mp4;base64,".concat(data),
        autoPlay: true
      })
    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
      src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
    }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
      src: data + '&disposition=inline'
    }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
      src: "".concat(officePath, "/js/pdfview/index.html?url=").concat(data, "&disabledDownload=").concat(!!disabledDownload)
    }) //<embed className={styles.embed + "#toolbar=0"} src={data} />
    , type === "image" && /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
      src: "".concat(((_data5 = data) === null || _data5 === void 0 ? void 0 : _data5.indexOf("http://")) > -1 || ((_data6 = data) === null || _data6 === void 0 ? void 0 : _data6.indexOf("https://")) > -1 ? "" : "data:image/png;base64,").concat(data)
    }), type === "other" && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
      children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.Z, {
        type: "primary",
        size: "large",
        onClick: handleClick,
        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ArrowDownOutlined/* default */.Z, {}), "\u70B9\u51FB\u4E0B\u8F7D"]
      })
    }), type === "download" && /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.Z, {
      type: "primary",
      size: "large",
      onClick: handleClick,
      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(ArrowDownOutlined/* default */.Z, {}), "\u70B9\u51FB\u4E0B\u8F7D"]
    })]
  });
});

/***/ }),

/***/ 12768:
/*!*********************************************************!*\
  !*** ./src/components/RenderHtml/index.tsx + 1 modules ***!
  \*********************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {


// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "Z": function() { return /* binding */ RenderHtml; }
});

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(42122);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(27424);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./node_modules/katex/dist/katex.min.css
var katex_min = __webpack_require__(81897);
// EXTERNAL MODULE: ./node_modules/marked/lib/marked.js
var marked = __webpack_require__(47084);
var marked_default = /*#__PURE__*/__webpack_require__.n(marked);
// EXTERNAL MODULE: ./node_modules/marked/src/helpers.js
var helpers = __webpack_require__(90621);
;// CONCATENATED MODULE: ./src/utils/marked.ts



function indentCodeCompensation(raw, text) {
  var matchIndentToCode = raw.match(/^(\s+)(?:```)/);
  if (matchIndentToCode === null) {
    return text;
  }
  var indentToCode = matchIndentToCode[1];
  return text.split('\n').map(function (node) {
    var matchIndentInNode = node.match(/^\s+/);
    if (matchIndentInNode === null) {
      return node;
    }
    var _matchIndentInNode = slicedToArray_default()(matchIndentInNode, 1),
      indentInNode = _matchIndentInNode[0];
    if (indentInNode.length >= indentToCode.length) {
      return node.slice(indentToCode.length);
    }
    return node;
  }).join('\n');
}
//兼容之前的 ##标题式写法
var toc = [];
var ctx = ["<ul>"];
var renderer = new (marked_default()).Renderer();
var headingRegex = /^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/;
function cleanToc() {
  toc.length = 0;
  ctx = ["<ul>"];
}
var lines = {
  overflow: "hidden",
  WebkitBoxOrient: "vertical",
  display: "-webkit-box",
  WebkitLineClamp: 2
};
function buildToc(coll, k, level, ctx) {
  if (k >= coll.length || coll[k].level <= level) {
    return k;
  }
  var node = coll[k];
  ctx.push("<li><a href='#" + node.anchor + "'>" + node.text + "</a>");
  k++;
  var childCtx = [];
  k = buildToc(coll, k, node.level, childCtx);
  if (childCtx.length > 0) {
    ctx.push("<ul>");
    childCtx.forEach(function (idm) {
      ctx.push(idm);
    });
    ctx.push("</ul>");
  }
  ctx.push("</li>");
  k = buildToc(coll, k, level, ctx);
  return k;
}
function getTocContent() {
  buildToc(toc, 0, 0, ctx);
  ctx.push("</ul>");
  return ctx.join("");
}
var tokenizer = {
  heading: function heading(src) {
    var cap = headingRegex.exec(src);
    if (cap) {
      return {
        type: 'heading',
        raw: cap[0],
        depth: cap[1].length,
        text: cap[2]
      };
    }
  },
  fences: function fences(src) {
    var cap = this.rules.block.fences.exec(src);
    if (cap) {
      var raw = cap[0];
      var text = indentCodeCompensation(raw, cap[3] || '');
      var lang = cap[2] ? cap[2].trim() : cap[2];
      if (['latex', 'katex', 'math'].indexOf(lang) >= 0) {
        var id = next_id();
        var expression = text;
        text = id;
        math_expressions[id] = {
          type: 'block',
          expression: expression
        };
      }
      return {
        type: 'code',
        raw: raw,
        lang: lang,
        text: text
      };
    }
  }
};
var latexRegex = /(?:\${2})([^\n`]+?)(?:\${2})/gi;
var katex_count = 0;
var next_id = function next_id() {
  return "__special_katext_id_".concat(katex_count++, "__");
};
var math_expressions = {};
function getMathExpressions() {
  return math_expressions;
}
function resetMathExpressions() {
  katex_count = 0;
  math_expressions = {};
}
function replace_math_with_ids(text) {
  text = text.replace(latexRegex, function (_match, expression) {
    var id = next_id();
    math_expressions[id] = {
      type: 'inline',
      expression: expression
    };
    return id;
  });
  return text;
}
var original_listitem = renderer.listitem;
renderer.listitem = function (text) {
  return original_listitem(replace_math_with_ids(text));
};
var original_paragraph = renderer.paragraph;
renderer.paragraph = function (text) {
  return original_paragraph(replace_math_with_ids(text));
};
var original_tablecell = renderer.tablecell;
renderer.tablecell = function (content, flags) {
  return original_tablecell(replace_math_with_ids(content), flags);
};
renderer.code = function (code, infostring, escaped) {
  var lang = (infostring || '').match(/\S*/)[0];
  if (!lang) {
    return '<pre class="prettyprint linenums"><code>' + (escaped ? code : (0,helpers.escape)(code, true)) + '</code></pre>';
  }
  if (['latex', 'katex', 'math'].indexOf(lang) >= 0) {
    return "<p class='editormd-tex'>".concat(code, "</p>");
  } else {
    return "<pre class=\"prettyprint linenums\"><code class=\"language-".concat(infostring, "\">").concat(escaped ? code : (0,helpers.escape)(code, true), "</code></pre>\n");
  }
};
renderer.heading = function (text, level, raw) {
  var anchor = this.options.headerPrefix + raw.toLowerCase().replace(/[^\w\\u4e00-\\u9fa5]]+/g, '-');
  toc.push({
    anchor: anchor,
    level: level,
    text: text
  });
  return '<h' + level + ' id="' + anchor + '">' + text + '</h' + level + '>';
};
marked_default().setOptions({
  silent: true,
  gfm: true,
  pedantic: false
});
marked_default().use({
  tokenizer: tokenizer,
  renderer: renderer
});
/* harmony default export */ var utils_marked = ((marked_default()));
// EXTERNAL MODULE: ./node_modules/code-prettify/src/prettify.js
var prettify = __webpack_require__(11771);
// EXTERNAL MODULE: ./node_modules/hls.js/dist/hls.js
var dist_hls = __webpack_require__(67631);
var hls_default = /*#__PURE__*/__webpack_require__.n(dist_hls);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(59758);
// EXTERNAL MODULE: ./node_modules/katex/dist/katex.js
var katex = __webpack_require__(20527);
// EXTERNAL MODULE: ./src/components/PreviewAll/index.tsx + 1 modules
var PreviewAll = __webpack_require__(36579);
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
var jsx_runtime = __webpack_require__(85893);
;// CONCATENATED MODULE: ./src/components/RenderHtml/index.tsx













var preRegex = /<pre[^>]*>/g;
function _unescape(str) {
  var div = document.createElement('div');
  div.innerHTML = str;
  return div.childNodes.length === 0 ? '' : div.childNodes[0].nodeValue;
}
/* harmony default export */ var RenderHtml = (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,
    _ref$stylesPrev = _ref.stylesPrev,
    stylesPrev = _ref$stylesPrev === void 0 ? {} : _ref$stylesPrev;
  var str = String(value);
  var _useState = (0,react.useState)(""),
    _useState2 = slicedToArray_default()(_useState, 2),
    data = _useState2[0],
    setData = _useState2[1];
  var _useState3 = (0,react.useState)("office"),
    _useState4 = slicedToArray_default()(_useState3, 2),
    type = _useState4[0],
    setType = _useState4[1];
  var html = (0,react.useMemo)(function () {
    try {
      var reg = /\(\s+\/api\/attachments\/|\(\/api\/attachments\/|\(\/attachments\/download\//g;
      var reg2 = /\"\/api\/attachments\/|\"\/attachments\/download\//g;
      var reg3 = /\(\s+\/files\/uploads\/|\"\/files\/uploads\//g;
      str = str.replace(reg, "(" + env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/").replace(reg2, '"' + env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/").replace(reg3, '"' + env/* default.API_SERVER */.Z.API_SERVER + "/files/uploads/").replaceAll("http://video.educoder", "https://video.educoder").replaceAll("http://www.educoder.net/api", "https://data.educoder.net/api").replaceAll("https://www.educoder.net/api", "https://data.educoder.net/api").replace(/\r\n/g, "\n");
      // str = str.replace(new RegExp("(?<!\\n)\\n(?!\\n)", "g"), "  \n")
    } catch (e) {}
    ;
    var rs = utils_marked(str);
    var math_expressions = getMathExpressions();
    if (str.match(/\[TOC\]/)) {
      rs = rs.replace('<p>[TOC]</p>', 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)
    if (showTextOnly) {
      var dom = document.createElement('div');
      dom.innerHTML = rs;
      return dom.innerText;
    }
    setTimeout(function () {
      return onLoad();
    }, 500);
    return rs;
  }, [str]);
  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: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
      ref: el,
      style: objectSpread2_default()({}, style),
      className: "".concat(className ? className : '', " markdown-body "),
      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 antd_es_button_style__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/es/button/style */ 29913);
/* harmony import */ var antd_es_button__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! antd/es/button */ 71577);
/* harmony import */ var antd_es_form_style__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd/es/form/style */ 75627);
/* harmony import */ var antd_es_form__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! antd/es/form */ 51018);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__ = __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_3___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var antd_es_select_style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd/es/select/style */ 95985);
/* harmony import */ var antd_es_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! antd/es/select */ 34041);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ 67294);
/* harmony import */ var codemirror__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! codemirror */ 4631);
/* harmony import */ var codemirror__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(codemirror__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var codemirror_lib_codemirror_css__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! codemirror/lib/codemirror.css */ 71749);
/* harmony import */ var codemirror_theme_blackboard_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! codemirror/theme/blackboard.css */ 30483);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react/jsx-runtime */ 85893);














var Option = antd_es_select__WEBPACK_IMPORTED_MODULE_10__/* ["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_5__.useState)('python'),
    _useState2 = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3___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_9__.jsxs)(antd_es_form__WEBPACK_IMPORTED_MODULE_11__/* ["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_9__.jsx)(antd_es_form__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Item */ .Z.Item, {
      label: "\u4EE3\u7801\u8BED\u8A00",
      name: "language",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(antd_es_select__WEBPACK_IMPORTED_MODULE_10__/* ["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_9__.jsx)(Option, {
            value: item,
            children: LanguageDesc[item][0]
          }, item);
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(antd_es_form__WEBPACK_IMPORTED_MODULE_11__/* ["default"].Item */ .Z.Item, {
      label: "\u4EE3\u7801\u5185\u5BB9",
      name: "content",
      rules: [{
        required: true,
        message: '请输入代码内容'
      }],
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(MyCodeMirror, {
        mode: mode
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
      className: "flex-container flex-end",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(antd_es_button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
        type: "primary",
        htmlType: "submit",
        style: {
          marginRight: 10
        },
        children: "\u786E\u5B9A"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(antd_es_button__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z, {
        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_5__.useRef)();
  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(),
    _useState4 = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
    cm = _useState4[0],
    setCm = _useState4[1];
  (0,react__WEBPACK_IMPORTED_MODULE_5__.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_5__.useEffect)(function () {
    if (cm) {
      cm.setOption('mode', mode);
    }
  }, [cm, mode]);
  (0,react__WEBPACK_IMPORTED_MODULE_5__.useEffect)(function () {
    if (cm) {
      if (value !== cm.getValue() || value === '') {
        setTimeout(function () {
          cm.setValue(value || ' ');
        }, 300);
      }
    }
  }, [cm, value]);
  (0,react__WEBPACK_IMPORTED_MODULE_5__.useEffect)(function () {
    if (el.current && !cm) {
      var instance = codemirror__WEBPACK_IMPORTED_MODULE_6___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_9__.jsx)("div", {
    className: "my-codemirror-container",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.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/antd/es/modal/style/index.js + 1 modules
var style = __webpack_require__(35611);
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
var modal = __webpack_require__(85402);
// 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/antd/es/message/style/index.js + 1 modules
var message_style = __webpack_require__(14934);
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
var message = __webpack_require__(12461);
// 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,
    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",
        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, 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 components_modal = __webpack_require__(12264);
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
var button_style = __webpack_require__(29913);
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
var es_button = __webpack_require__(71577);
// EXTERNAL MODULE: ./node_modules/antd/es/form/style/index.js + 1 modules
var form_style = __webpack_require__(75627);
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules
var es_form = __webpack_require__(51018);
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules
var input_style = __webpack_require__(69463);
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
var input = __webpack_require__(75008);
;// 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 */.Z, {
        type: "primary",
        htmlType: "submit",
        style: {
          marginRight: 10
        },
        children: "\u786E\u5B9A"
      }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
        type: "ghost",
        onClick: onCancel,
        children: "\u53D6\u6D88"
      })]
    })]
  }));
});
// EXTERNAL MODULE: ./src/components/markdown-editor/code-block/index.tsx
var code_block = __webpack_require__(97501);
;// 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 upload_image_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,
    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: upload_image_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 */.Z, {
        type: "primary",
        htmlType: "submit",
        style: {
          marginRight: 10
        },
        children: "\u786E\u5B9A"
      }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
        type: "ghost",
        onClick: onCancel,
        children: "\u53D6\u6D88"
      })]
    })]
  }));
});
function UploadButton(_ref2) {
  var onFileChange = _ref2.onFileChange;
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", {
    className: "upload-button",
    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/input-number/style/index.js + 1 modules
var input_number_style = __webpack_require__(25359);
// EXTERNAL MODULE: ./node_modules/antd/es/input-number/index.js + 9 modules
var input_number = __webpack_require__(87799);
// EXTERNAL MODULE: ./node_modules/antd/es/radio/style/index.js + 1 modules
var radio_style = __webpack_require__(83822);
// EXTERNAL MODULE: ./node_modules/antd/es/radio/index.js + 4 modules
var es_radio = __webpack_require__(29924);
;// 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 */.Z, {
        type: "primary",
        htmlType: "submit",
        style: {
          marginRight: 10
        },
        children: "\u786E\u5B9A"
      }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
        type: "ghost",
        onClick: onCancel,
        children: "\u53D6\u6D88"
      })]
    })]
  });
});
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(59758);
;// 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 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$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$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 () {
    setValue(values);
    cm === null || cm === void 0 ? void 0 : cm.setValue(values);
  }, [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("<video width=\"100%\" controls src=\"".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments/").concat(data.id, "\"></video>"));
                  } 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("<a href=\"".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments/").concat(data.id, "?type=").concat(file.type, "&disposition=inline\" target=\"_blank\">").concat(file.name, "</a>"));
                  } else if (officeSix.includes(fileSix)) {
                    instance.replaceSelection("<a href=\"".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments/").concat(data.id, "?type=office&disposition=inline\" target=\"_blank\">").concat(file.name, "</a>"));
                  } 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.warn */.ZP.warn("请使用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
      });
      isFocus && instance.focus();
      instance.on('paste', onPaste);
      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]);
  (0,react.useEffect)(function () {
    if (cm) {
      var onChangeHandler = function onChangeHandler(cm) {
        var content = cm.getValue();
        setValue(content);
        setLastedUpdateTime(new Date().getTime());
        cm.getScrollerElement().dispatchEvent(new CustomEvent('scroll'));
        onChange && 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 {
        if (defaultValue !== cm.getValue()) {
          cm.setValue(defaultValue);
          setValue(defaultValue);
          cm.setCursor(cm.lineCount(), 0);
        }
      }
    }
  }, [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('<br/>\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 '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.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.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.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.useEffect)(function () {
    setH(height);
  }, [height]);
  var fixedWidth = processSize(width);
  var fixedHeight = processSize(h);
  var style = {
    width: fixedWidth,
    height: fixedHeight
  };
  var saveTime = (0,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]);
  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.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,
          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, {
              value: value
            })]
          }) : null]
        })]
      })
    }), showResizeBar ? /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
      ref: resizeBarEl,
      className: "editor-resize"
    }) : null, /*#__PURE__*/(0,jsx_runtime.jsx)(components_modal/* default */.Z, {
      children: TitleDesc[action] ? /*#__PURE__*/(0,jsx_runtime.jsx)(modal/* default */.Z, {
        centered: true,
        title: TitleDesc[action],
        open: true,
        onCancel: onCancel,
        footer: null,
        className: "markdown-popup-form",
        children: PluginEl
      }) : null
    })]
  });
});

/***/ }),

/***/ 12264:
/*!**********************************!*\
  !*** ./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_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/classCallCheck.js */ 56690);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_classCallCheck_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/createClass.js */ 89728);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createClass_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/inherits.js */ 61655);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/createSuper.js */ 26389);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_createSuper_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ 67294);
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-dom */ 73935);






var Dialog = /*#__PURE__*/function (_React$Component) {
  _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_inherits_js__WEBPACK_IMPORTED_MODULE_2___default()(Dialog, _React$Component);
  var _super = _root_workspace_ppte5yg23_SJ5m_develop_node_modules_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_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_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);


/***/ }),

/***/ 61891:
/*!****************************************!*\
  !*** ./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 */ 67294);

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]);
}

/***/ })

}]);