pro-comp-x 0.0.1 → 0.0.2

package/dist/esm/components/MdPlainText/index.js

@@ -1,717 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/message/style";
-import _message from "antd/es/message";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useState, useCallback, useImperativeHandle, forwardRef, memo, useEffect } from 'react';
-import { createEditor, Transforms, Range, Editor, Text, Node as SlateNode } from 'slate';
-import { Slate, Editable, ReactEditor, withReact } from 'slate-react';
-import { isKeyHotkey } from 'is-hotkey';
-import classnames from 'classnames';
-import { withHistory, HistoryEditor } from 'slate-history';
-import { serialize, deserialize, splitWords } from "./utils";
-import { withInlines } from "./planinShortcuts";
-import { STYLE_ATTR } from "./constants";
-import MarkdownView from "../MarkdownView";
-import { FontColorsOutlined, HighlightOutlined, ItalicOutlined, StrikethroughOutlined, BoldOutlined, EyeInvisibleOutlined, ApiOutlined, EyeOutlined, ClearOutlined, RedoOutlined, UndoOutlined } from '@ant-design/icons';
-import ActionConfigForm from "../ActionConfigForm";
-import ColorPalette from "../ColorPalette";
-import { ConfigContext } from 'antd/es/config-provider';
-import getClassPrefix from "../../utils/getClassPrefix";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var MdPlainText = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var prefixCls = _ref.prefixCls,
-    value = _ref.value,
-    _onChange = _ref.onChange,
-    className = _ref.className,
-    onCompositionStart = _ref.onCompositionStart,
-    onCompositionEnd = _ref.onCompositionEnd,
-    onKeyDown = _ref.onKeyDown,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    hotKeys = _ref.hotKeys,
-    setPopverOpen = _ref.setPopverOpen,
-    actionWidgetItems = _ref.actionWidgetItems,
-    _ref$tools = _ref.tools,
-    tools = _ref$tools === void 0 ? ['color', 'backgroundColor', 'title', 'bold', 'italic', 'delete', 'fontSize', 'preview', 'clear', 'action', 'redo', 'undo'] : _ref$tools,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$preview = _ref.preview,
-    preview = _ref$preview === void 0 ? true : _ref$preview,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
-    toggleMouseWheel = _ref.toggleMouseWheel,
-    extra = _ref.extra;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    actionFormVisible = _useState2[0],
-    setActionFormVisible = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    actionValues = _useState4[0],
-    setActionValues = _useState4[1];
-  var _React$useContext = React.useContext(ConfigContext),
-    antGetPrefixCls = _React$useContext.getPrefixCls;
-  var antPrefixCls = antGetPrefixCls(prefixCls);
-  var clsPrefix = getClassPrefix(antPrefixCls, 'plain-markdown');
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    markdownContent = _useState6[0],
-    setMarkdownContent = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    showPreview = _useState8[0],
-    setShowPreview = _useState8[1];
-  var editor = useMemo(function () {
-    return withInlines(withHistory(withReact(createEditor())));
-  }, []);
-  var isDisabled = useMemo(function () {
-    return readOnly || disabled;
-  }, [readOnly, disabled]);
-  var initialValue = useMemo(function () {
-    var initValue = value || '';
-    setMarkdownContent(initValue);
-    return deserialize(initValue);
-  }, []);
-  var onHandleKeyDown = function onHandleKeyDown(event) {
-    var selection = editor.selection;
-    if (event.key === 'Tab') {
-      event.preventDefault();
-      Transforms.insertText(editor, '  ');
-      return;
-    }
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-
-    /**
-     * 默认左/右行为为 unit:'character'.
-     * 无法区分两个游标位置, 如:
-     * <inline>foo<cursor/></inline> vs <inline>foo</inline><cursor/>
-     * 这里我们将行为修改为 unit:'offset'
-     */
-    if (selection && Range.isCollapsed(selection)) {
-      var nativeEvent = event.nativeEvent;
-      if (isKeyHotkey('left', nativeEvent)) {
-        event.preventDefault();
-        Transforms.move(editor, {
-          unit: 'offset',
-          reverse: true
-        });
-        return;
-      }
-      if (isKeyHotkey('right', nativeEvent)) {
-        event.preventDefault();
-        Transforms.move(editor, {
-          unit: 'offset'
-        });
-      }
-    }
-  };
-
-  // 监听文本坐标变化
-  var watchPreviousCharacter = function watchPreviousCharacter() {
-    var selection = editor.selection;
-    if (!selection) return;
-    // 获取当前路径上的文本节点
-    var textNode = Editor.node(editor, selection)[0];
-    if (Text.isText(textNode)) {
-      var _selection$focus;
-      var nodeStr = SlateNode.string(textNode);
-      var lastStr = nodeStr && nodeStr.length > 0 ? nodeStr[(selection === null || selection === void 0 || (_selection$focus = selection.focus) === null || _selection$focus === void 0 ? void 0 : _selection$focus.offset) - 1] : null;
-      if (Array.isArray(hotKeys) && hotKeys.length > 0 && lastStr && hotKeys.includes(lastStr)) {
-        setPopverOpen === null || setPopverOpen === void 0 || setPopverOpen(true);
-      } else {
-        setPopverOpen === null || setPopverOpen === void 0 || setPopverOpen(false);
-      }
-    }
-  };
-  var getEditorMarks = function getEditorMarks(editor) {
-    var marks = Editor.marks(editor);
-    return marks;
-  };
-  var InlineChromiumBugfix = function InlineChromiumBugfix() {
-    return /*#__PURE__*/_jsx("span", {
-      contentEditable: false,
-      className: "".concat(clsPrefix, "-inline-chromium-bug-fix"),
-      children: String.fromCodePoint(160) /* Non-breaking space */
-    });
-  };
-  var getLeafStyle = function getLeafStyle(leafProps) {
-    var styleResult = {};
-    STYLE_ATTR.forEach(function (item) {
-      if (leafProps !== null && leafProps !== void 0 && leafProps[item]) {
-        styleResult[item] = leafProps === null || leafProps === void 0 ? void 0 : leafProps[item];
-      }
-    });
-    return styleResult;
-  };
-  var renderLeaf = function renderLeaf(props) {
-    var attributes = props.attributes,
-      children = props.children,
-      leaf = props.leaf;
-    if (leaf !== null && leaf !== void 0 && leaf.action) {
-      var attrsObj = {};
-      Object.keys(leaf === null || leaf === void 0 ? void 0 : leaf.action).forEach(function (item) {
-        var _leaf$action;
-        attrsObj["data-".concat(item)] = leaf === null || leaf === void 0 || (_leaf$action = leaf.action) === null || _leaf$action === void 0 ? void 0 : _leaf$action[item];
-      });
-      var styles = getLeafStyle(leaf);
-      return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, attributes), attrsObj), {}, {
-        onClick: function onClick(ev) {
-          ev.stopPropagation();
-          ev.preventDefault();
-        },
-        style: styles,
-        children: [/*#__PURE__*/_jsx(InlineChromiumBugfix, {}), children, /*#__PURE__*/_jsx(InlineChromiumBugfix, {})]
-      }));
-    }
-    if (leaf !== null && leaf !== void 0 && leaf.color || leaf !== null && leaf !== void 0 && leaf.backgroundColor || leaf !== null && leaf !== void 0 && leaf.fontSize) {
-      var _styles = getLeafStyle(leaf);
-      return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, attributes), {}, {
-        style: _styles,
-        children: [/*#__PURE__*/_jsx(InlineChromiumBugfix, {}), children, /*#__PURE__*/_jsx(InlineChromiumBugfix, {})]
-      }));
-    }
-    return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, attributes), {}, {
-      className: leaf.highlight ? "".concat(clsPrefix, "-badge") : '',
-      children: children
-    }));
-  };
-  var onWrapText = function onWrapText(textCont) {
-    var selection = editor.selection;
-    if (textCont && selection) {
-      var selectedText = Editor.string(editor, selection);
-      if (selectedText && selectedText.length > 0) {
-        Transforms.delete(editor);
-        Transforms.insertText(editor, "".concat(textCont).concat(selectedText).concat(textCont));
-      }
-    }
-  };
-  var checkSyntax = function checkSyntax(callback) {
-    var selection = editor.selection;
-    if (!selection) {
-      return;
-    }
-    var selectedText = Editor.string(editor, selection);
-    var selectedMatch = selectedText.trim().match(/^\#{1,6}|\>|[-\+\*\|]|\d+\./);
-    if (selectedMatch) {
-      var _selectedMatch$;
-      _message.warn("\u8BF7\u4E0D\u8981\u9009\u4E2D".concat(selectedMatch === null || selectedMatch === void 0 || (_selectedMatch$ = selectedMatch[0]) === null || _selectedMatch$ === void 0 ? void 0 : _selectedMatch$.trim(), ",\u5426\u5219\u683C\u5F0F\u5C06\u5931\u6548,\u9009\u62E9\u666E\u901A\u6587\u672C"));
-    } else if (callback) {
-      callback();
-    }
-  };
-  var renderTools = function renderTools() {
-    var toolBtnProps = {
-      type: 'text',
-      size: 'small',
-      disabled: isDisabled
-    };
-    var toolTooltipProps = {
-      placement: 'top'
-    };
-    var marks = getEditorMarks(editor);
-    var toolItems = [{
-      type: 'color',
-      content: /*#__PURE__*/_jsx(ColorPalette, {
-        disabled: isDisabled,
-        onChange: function onChange(val) {
-          checkSyntax(function () {
-            Editor.addMark(editor, 'color', val);
-          });
-        },
-        onClear: function onClear() {
-          if (marks !== null && marks !== void 0 && marks.color) {
-            Editor.removeMark(editor, 'color');
-          }
-        },
-        children: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-          title: "\u6587\u5B57\u989C\u8272",
-          children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-            icon: /*#__PURE__*/_jsx(FontColorsOutlined, {})
-          }))
-        }))
-      })
-    }, {
-      type: 'backgroundColor',
-      content: /*#__PURE__*/_jsx(ColorPalette, {
-        disabled: isDisabled,
-        onClear: function onClear() {
-          if (marks !== null && marks !== void 0 && marks.backgroundColor) {
-            Editor.removeMark(editor, 'backgroundColor');
-          }
-        },
-        onChange: function onChange(val) {
-          checkSyntax(function () {
-            if (!(marks !== null && marks !== void 0 && marks.backgroundColor)) {
-              Editor.addMark(editor, 'backgroundColor', val);
-            }
-          });
-        },
-        children: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-          title: "\u6587\u5B57\u80CC\u666F",
-          children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-            icon: /*#__PURE__*/_jsx(HighlightOutlined, {})
-          }))
-        }))
-      })
-    }, {
-      type: 'bold',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u52A0\u7C97",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: /*#__PURE__*/_jsx(BoldOutlined, {}),
-          onClick: function onClick() {
-            onWrapText('**');
-          }
-        }))
-      }))
-    }, {
-      type: 'italic',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u659C\u4F53",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: /*#__PURE__*/_jsx(ItalicOutlined, {}),
-          onClick: function onClick() {
-            onWrapText('*');
-          }
-        }))
-      }))
-    }, {
-      type: 'delete',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u5220\u9664",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: /*#__PURE__*/_jsx(StrikethroughOutlined, {}),
-          onClick: function onClick() {
-            onWrapText('~~');
-          }
-        }))
-      }))
-    }, {
-      type: 'title',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u6807\u9898",
-        children: /*#__PURE__*/_jsx(_Select, {
-          disabled: isDisabled,
-          bordered: false,
-          defaultValue: "default",
-          className: "".concat(clsPrefix, "-font-size"),
-          size: "small",
-          options: [{
-            label: '正文',
-            value: 'default'
-          }, {
-            label: 'H1',
-            value: '1'
-          }, {
-            label: 'H2',
-            value: '2'
-          }, {
-            label: 'H3',
-            value: '3'
-          }, {
-            label: 'H4',
-            value: '4'
-          }, {
-            label: 'H5',
-            value: '5'
-          }, {
-            label: 'H6',
-            value: '6'
-          }],
-          onChange: function onChange(selected) {
-            var _matchTit$;
-            if (!editor.selection) return;
-            var start = Range.start(editor.selection);
-            var startPoint = Editor.start(editor, start.path);
-            var range = {
-              anchor: startPoint,
-              focus: start
-            };
-            var currentLineText = Editor.string(editor, range);
-            var titReg = /^\#{1,6} /;
-            var matchTit = currentLineText.match(titReg);
-            if (matchTit && matchTit !== null && matchTit !== void 0 && (_matchTit$ = matchTit[0]) !== null && _matchTit$ !== void 0 && _matchTit$.length) {
-              var _matchTit$2;
-              Transforms.delete(editor, {
-                at: _objectSpread(_objectSpread({}, range), {}, {
-                  focus: _objectSpread(_objectSpread({}, range === null || range === void 0 ? void 0 : range.focus), {}, {
-                    offset: matchTit === null || matchTit === void 0 || (_matchTit$2 = matchTit[0]) === null || _matchTit$2 === void 0 ? void 0 : _matchTit$2.length
-                  })
-                })
-              });
-            }
-            if (selected !== 'default' && !isNaN(Number(selected))) {
-              var symbols = '#'.repeat(Number(selected));
-              Transforms.insertText(editor, "".concat(symbols, " "), {
-                at: startPoint
-              });
-            }
-          }
-        })
-      }))
-    }, {
-      type: 'fontSize',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u5B57\u53F7",
-        children: /*#__PURE__*/_jsx(_Select, {
-          disabled: isDisabled,
-          bordered: false,
-          defaultValue: "default",
-          className: "".concat(clsPrefix, "-font-size"),
-          size: "small",
-          options: [{
-            label: '默认',
-            value: 'default'
-          }, {
-            label: '12px',
-            value: '12px'
-          }, {
-            label: '16px',
-            value: '16px'
-          }, {
-            label: '18px',
-            value: '18px'
-          }, {
-            label: '20px',
-            value: '20px'
-          }, {
-            label: '24px',
-            value: '24px'
-          }, {
-            label: '28px',
-            value: '28px'
-          }, {
-            label: '32px',
-            value: '32px'
-          }, {
-            label: '40px',
-            value: '40px'
-          }],
-          onChange: function onChange(selectedSize) {
-            if (selectedSize === 'default' && marks !== null && marks !== void 0 && marks.fontSize) {
-              Editor.removeMark(editor, 'fontSize');
-            } else {
-              checkSyntax(function () {
-                Editor.addMark(editor, 'fontSize', selectedSize);
-              });
-            }
-          }
-        })
-      }))
-    }, {
-      type: 'action',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u4E8B\u4EF6",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: /*#__PURE__*/_jsx(ApiOutlined, {}),
-          onClick: function onClick() {
-            try {
-              checkSyntax(function () {
-                var selection = editor.selection;
-                var selectedText = Editor.string(editor, selection);
-                var marks = Editor.marks(editor);
-                if (selectedText) {
-                  if (marks !== null && marks !== void 0 && marks.action) {
-                    setActionValues(marks === null || marks === void 0 ? void 0 : marks.action);
-                  } else {
-                    setActionValues({
-                      message: selectedText
-                    });
-                  }
-                  setActionFormVisible(true);
-                } else {
-                  throw Error();
-                }
-              });
-            } catch (_unused) {
-              _message.warn('请先选择文本');
-            }
-          }
-        }))
-      }))
-    }, {
-      type: 'preview',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u9884\u89C8",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: showPreview ? /*#__PURE__*/_jsx(EyeInvisibleOutlined, {}) : /*#__PURE__*/_jsx(EyeOutlined, {}),
-          onClick: function onClick() {
-            setShowPreview(!showPreview);
-          }
-        }))
-      }))
-    }, {
-      type: 'clear',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u683C\u5F0F\u626B",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          icon: /*#__PURE__*/_jsx(ClearOutlined, {}),
-          onClick: function onClick() {
-            var marks = getEditorMarks(editor);
-            if (marks) {
-              Object.keys(marks).forEach(function (mKey) {
-                Editor.removeMark(editor, mKey);
-              });
-            }
-          }
-        }))
-      }))
-    }, {
-      type: 'undo',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u64A4\u9500",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          disabled: editor.history.undos.length <= 0,
-          icon: /*#__PURE__*/_jsx(UndoOutlined, {}),
-          onClick: function onClick() {
-            if (editor.history.undos.length > 0) {
-              HistoryEditor.undo(editor);
-            }
-          }
-        }))
-      }))
-    }, {
-      type: 'redo',
-      content: /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({}, toolTooltipProps), {}, {
-        title: "\u91CD\u505A",
-        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, toolBtnProps), {}, {
-          disabled: editor.history.redos.length <= 0,
-          icon: /*#__PURE__*/_jsx(RedoOutlined, {}),
-          onClick: function onClick() {
-            if (editor.history.redos.length > 0) {
-              HistoryEditor.redo(editor);
-            }
-          }
-        }))
-      }))
-    }];
-    var renderToolsBtn = function renderToolsBtn(btnRecord) {
-      if (Array.isArray(tools) && tools.includes(btnRecord === null || btnRecord === void 0 ? void 0 : btnRecord.type)) {
-        if (!(marks !== null && marks !== void 0 && marks[btnRecord === null || btnRecord === void 0 ? void 0 : btnRecord.type]) && btnRecord !== null && btnRecord !== void 0 && btnRecord.wraper) {
-          return btnRecord === null || btnRecord === void 0 ? void 0 : btnRecord.wraper(btnRecord === null || btnRecord === void 0 ? void 0 : btnRecord.content);
-        }
-        return btnRecord === null || btnRecord === void 0 ? void 0 : btnRecord.content;
-      }
-      return null;
-    };
-    return !isDisabled && (Array.isArray(tools) && tools.length > 0 || extra) ? /*#__PURE__*/_jsxs("div", {
-      className: "".concat(clsPrefix, "-header"),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "".concat(clsPrefix, "-header-cell"),
-        children: toolItems.map(function (item) {
-          return renderToolsBtn(item);
-        })
-      }), extra && /*#__PURE__*/_jsx("div", {
-        children: extra
-      })]
-    }) : null;
-  };
-
-  // 插入文字
-  var onInsertText = function onInsertText(textContent) {
-    var _selection$focus2;
-    var deleteBackward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var selection = editor.selection;
-    if (!selection || !textContent) {
-      return;
-    }
-    var newOffsetLength = (selection === null || selection === void 0 || (_selection$focus2 = selection.focus) === null || _selection$focus2 === void 0 ? void 0 : _selection$focus2.offset) + textContent.length;
-    if (deleteBackward) {
-      newOffsetLength -= 1;
-      editor.deleteBackward(editor, {
-        unit: 'word'
-      });
-    }
-    Transforms.insertText(editor, textContent);
-    // 创建新的选区
-    var newSelection = {
-      anchor: {
-        path: selection.anchor.path,
-        offset: newOffsetLength
-      },
-      focus: {
-        path: selection.focus.path,
-        offset: newOffsetLength
-      }
-    };
-    // 设置新的选区
-    Transforms.select(editor, newSelection);
-    ReactEditor.focus(editor);
-  };
-
-  // 插入节点
-  var onInsertNode = function onInsertNode(node) {
-    var deleteBackward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var selection = editor.selection;
-    if (!selection || !node) {
-      return;
-    }
-    if (deleteBackward) {
-      editor.deleteBackward(editor, {
-        unit: 'character'
-      });
-    }
-    Transforms.insertNodes(editor, node);
-  };
-
-  // 文本内容装饰器,处理markdown文本语法及变量高亮
-  var decorate = useCallback(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      node = _ref3[0],
-      path = _ref3[1];
-    try {
-      var ranges = [];
-      if (!Text.isText(node)) {
-        return ranges;
-      }
-      // 对文字分片装饰
-      var tokens = splitWords(node.text);
-      var start = 0;
-      tokens.forEach(function (token, idx) {
-        var _token$text;
-        var length = (token === null || token === void 0 || (_token$text = token.text) === null || _token$text === void 0 ? void 0 : _token$text.length) || 0;
-        var end = start + length;
-        var tokenObj = {
-          anchor: {
-            path: path,
-            offset: start
-          },
-          focus: {
-            path: path,
-            offset: end
-          }
-        };
-        if (token !== null && token !== void 0 && token.highlight) {
-          tokenObj.highlight = token === null || token === void 0 ? void 0 : token.highlight;
-        }
-        ranges.push(tokenObj);
-        start = end;
-      });
-      return ranges;
-    } catch (err) {
-      console.log(err);
-      return [];
-    }
-  }, []);
-  var imperactiveHandle = {
-    onInsertText: onInsertText,
-    onInsertNode: onInsertNode
-  };
-  var previewContent = /*#__PURE__*/_jsx("div", {
-    className: "".concat(clsPrefix, "-main"),
-    children: /*#__PURE__*/_jsx(MarkdownView, {
-      content: markdownContent
-    })
-  });
-  useImperativeHandle(ref, function () {
-    return imperactiveHandle;
-  });
-  useEffect(function () {
-    if (preview) {
-      setShowPreview(true);
-    }
-  }, []);
-  var onMouseEnter = function onMouseEnter(e) {
-    var _e$currentTarget = e.currentTarget,
-      scrollTop = _e$currentTarget.scrollTop,
-      scrollHeight = _e$currentTarget.scrollHeight,
-      clientHeight = _e$currentTarget.clientHeight;
-    toggleMouseWheel === null || toggleMouseWheel === void 0 || toggleMouseWheel(false, scrollTop + scrollHeight > clientHeight);
-  };
-  var onMouseLeave = function onMouseLeave(e) {
-    var _e$currentTarget2 = e.currentTarget,
-      scrollTop = _e$currentTarget2.scrollTop,
-      scrollHeight = _e$currentTarget2.scrollHeight,
-      clientHeight = _e$currentTarget2.clientHeight;
-    toggleMouseWheel === null || toggleMouseWheel === void 0 || toggleMouseWheel(true, scrollTop + scrollHeight > clientHeight);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: classnames("".concat(clsPrefix, "-wrap"), className),
-    children: [renderTools(), /*#__PURE__*/_jsx("div", {
-      className: classnames("".concat(clsPrefix, "-container"), isDisabled ? 'onlyPreview' : '', !showPreview ? 'onlyEditer' : ''),
-      children: !isDisabled ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "".concat(clsPrefix, "-main"),
-          children: /*#__PURE__*/_jsx(Slate, {
-            editor: editor,
-            initialValue: initialValue,
-            onChange: function onChange(nodes) {
-              var textContent = serialize(nodes);
-              // console.log('nodes', nodes);
-              // console.log('serialize', textContent, textContent.includes('\n'));
-              // console.log('deserialize', deserialize(textContent));
-              setMarkdownContent(textContent);
-              watchPreviousCharacter();
-              if (_onChange) {
-                _onChange(textContent, nodes);
-              }
-            },
-            children: /*#__PURE__*/_jsx(Editable, {
-              autoFocus: true,
-              spellCheck: true,
-              className: "".concat(clsPrefix, "-text"),
-              onCompositionStart: onCompositionStart,
-              onCompositionEnd: onCompositionEnd,
-              decorate: decorate,
-              placeholder: placeholder,
-              onKeyDown: onHandleKeyDown,
-              renderLeaf: renderLeaf,
-              renderElement: function renderElement(_ref4) {
-                var attributes = _ref4.attributes,
-                  children = _ref4.children,
-                  element = _ref4.element;
-                return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, attributes), {}, {
-                  style: (element === null || element === void 0 ? void 0 : element.style) || {},
-                  children: children
-                }));
-              },
-              onFocus: onFocus,
-              onBlur: onBlur,
-              onClick: function onClick() {
-                ReactEditor.focus(editor);
-              },
-              onMouseEnter: onMouseEnter,
-              onMouseLeave: onMouseLeave,
-              readOnly: readOnly
-            })
-          })
-        }), showPreview && previewContent]
-      }) : previewContent
-    }), /*#__PURE__*/_jsx(ActionConfigForm, {
-      widgetItems: actionWidgetItems,
-      initValues: actionValues,
-      open: actionFormVisible,
-      onCancel: function onCancel() {
-        setActionFormVisible(false);
-      },
-      onOk: function onOk(vals) {
-        checkSyntax(function () {
-          Editor.addMark(editor, 'action', vals);
-        });
-      }
-    })]
-  });
-});
-export default /*#__PURE__*/memo(MdPlainText);