@ctzhian/tiptap 1.5.0 → 1.5.2

package/dist/component/CustomDragHandle/index.js

@@ -1,1345 +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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-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 { AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, ArrowDownSLineIcon, AttachmentLineIcon, BrushLineIcon, DeleteLineIcon, DownloadLineIcon, DraggableIcon, FontSizeIcon, FormatClearIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, IndentDecreaseIcon, IndentIncreaseIcon, Information2LineIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MovieLineIcon, Music2LineIcon, QuoteTextIcon, Repeat2LineIcon, ScissorsCutLineIcon, SeparatorIcon, TextIcon, TextWrapIcon } from "../Icons";
-import { NODE_TYPE_LABEL, NodeTypeEnum } from "../../contants/enums";
-import { Box, Divider, Stack, Typography, useTheme } from '@mui/material';
-import DragHandle from '@tiptap/extension-drag-handle-react';
-import { Fragment, Slice } from '@tiptap/pm/model';
-import { NodeSelection } from '@tiptap/pm/state';
-import React, { useCallback, useState } from 'react';
-import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources } from "../../util";
-import { FileCopyLineIcon } from "../Icons/file-copy-line-icon";
-import Menu from "../Menu";
-import { ToolbarItem } from "../Toolbar";
-var DragIcon = function DragIcon(_ref) {
-  var onClick = _ref.onClick;
-  return /*#__PURE__*/React.createElement(Box, {
-    onClick: onClick,
-    sx: {
-      width: '1.25rem',
-      height: '1.25rem',
-      borderRadius: '0.25rem',
-      border: '1px solid',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      mr: 1,
-      color: 'text.tertiary',
-      cursor: 'grab',
-      borderColor: 'divider',
-      bgcolor: 'background.paper',
-      transition: 'all 0.2s ease-in-out',
-      '&:hover': {
-        color: 'text.secondary',
-        bgcolor: 'divider'
-      },
-      '&:active': {
-        color: 'text.primary',
-        cursor: 'grabbing'
-      }
-    }
-  }, /*#__PURE__*/React.createElement(DraggableIcon, {
-    sx: {
-      fontSize: '1.25rem'
-    }
-  }));
-};
-var CustomDragHandle = function CustomDragHandle(_ref2) {
-  var _current$node3, _current$node4, _current$node5, _current$node6, _current$node7, _current$node8, _current$node9, _current$node10, _current$node11, _current$node12, _current$node13, _current$node14, _current$node15, _current$node16;
-  var editor = _ref2.editor,
-    more = _ref2.more,
-    onTip = _ref2.onTip;
-  var theme = useTheme();
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    showFormat = _useState2[0],
-    setShowFormat = _useState2[1];
-  var _useState3 = useState({
-      editor: editor,
-      node: null,
-      pos: -1
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    current = _useState4[0],
-    setCurrent = _useState4[1];
-  var _useState5 = useState({
-      videos: [],
-      audios: [],
-      images: [],
-      attachments: []
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    resources = _useState6[0],
-    setResources = _useState6[1];
-  var _useState7 = useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    currentNode = _useState8[0],
-    setCurrentNode = _useState8[1];
-  var THEME_TEXT_COLOR = [{
-    label: '默认色',
-    value: theme.palette.text.primary
-  }, {
-    label: '主题色',
-    value: theme.palette.primary.main
-  }, {
-    label: '成功色',
-    value: theme.palette.success.main
-  }, {
-    label: '警告色',
-    value: theme.palette.warning.main
-  }, {
-    label: '错误色',
-    value: theme.palette.error.main
-  }, {
-    label: '黑色',
-    value: theme.palette.common.black
-  }, {
-    label: '灰色',
-    value: theme.palette.text.disabled
-  }, {
-    label: '白色',
-    value: theme.palette.common.white
-  }];
-  var THEME_TEXT_BG_COLOR = [{
-    label: '默认背景',
-    value: theme.palette.background.paper
-  }, {
-    label: '灰色背景',
-    value: '#f8f8f7'
-  }, {
-    label: '棕色背景',
-    value: '#f4eeee'
-  }, {
-    label: '橙色背景',
-    value: '#fbecdd'
-  }, {
-    label: '黄色背景',
-    value: '#fef9c3'
-  }, {
-    label: '绿色背景',
-    value: '#dcfce7'
-  }, {
-    label: '蓝色背景',
-    value: '#e0f2fe'
-  }, {
-    label: '紫色背景',
-    value: '#f3e8ff'
-  }, {
-    label: '粉色背景',
-    value: '#fcf1f6'
-  }, {
-    label: '红色背景',
-    value: '#ffe4e6'
-  }];
-  var cancelNodeType = function cancelNodeType() {
-    var _current$node;
-    var type = (_current$node = current.node) === null || _current$node === void 0 ? void 0 : _current$node.type.name;
-    switch (type) {
-      case NodeTypeEnum.Paragraph:
-        current.editor.commands.setParagraph();
-        break;
-      case NodeTypeEnum.Heading:
-        current.editor.commands.setParagraph();
-        break;
-      case NodeTypeEnum.BulletList:
-        current.editor.commands.toggleBulletList();
-        break;
-      case NodeTypeEnum.OrderedList:
-        current.editor.commands.toggleOrderedList();
-        break;
-      case NodeTypeEnum.TaskList:
-        current.editor.commands.toggleTaskList();
-        break;
-      case NodeTypeEnum.Blockquote:
-        current.editor.commands.toggleBlockquote();
-        break;
-      case NodeTypeEnum.CodeBlock:
-        current.editor.commands.toggleCodeBlock();
-        break;
-      case NodeTypeEnum.Alert:
-        current.editor.commands.setParagraph();
-        break;
-    }
-  };
-  var selectCurrentNode = function selectCurrentNode() {
-    var _current$editor = current.editor,
-      state = _current$editor.state,
-      view = _current$editor.view;
-    var tr = state.tr;
-    var pos = current.pos;
-    if (pos >= 0) {
-      var selection = NodeSelection.create(tr.doc, pos);
-      tr.setSelection(selection);
-      view.dispatch(tr);
-      view.focus();
-    }
-  };
-  var hasMarksDeep = function hasMarksDeep(node) {
-    var _content;
-    if (!node) return false;
-    if (node.marks && node.marks.length > 0) return true;
-    var children = (_content = node.content) === null || _content === void 0 ? void 0 : _content.content;
-    if (!children || children.length === 0) return false;
-    return children.some(function (child) {
-      return hasMarksDeep(child);
-    });
-  };
-  var canCurrentNodeIndent = function canCurrentNodeIndent() {
-    return !!(current.node && current.node.type);
-  };
-  var getCurrentIndentLevel = function getCurrentIndentLevel() {
-    if (!canCurrentNodeIndent()) return 0;
-    var node = current.node;
-    var attrs = current.editor.getAttributes(node.type.name);
-    return Number(attrs.indent) || 0;
-  };
-  var shouldShowButton = function shouldShowButton(_ref3) {
-    var editor = _ref3.editor,
-      data = _ref3.data;
-    if (!editor || !editor.isEditable) return false;
-    var currentNode = data.node;
-    var empty = (currentNode === null || currentNode === void 0 ? void 0 : currentNode.textContent) === '';
-    if (empty) return false;
-    var content = currentNode === null || currentNode === void 0 ? void 0 : currentNode.content.content;
-    if (content && content.length > 0) {
-      return content.some(function (item) {
-        return hasMarksDeep(item);
-      });
-    }
-    return false;
-  };
-  var updateNodeChange = useCallback(function (data) {
-    var _data$node, _current$node2;
-    if ((data.pos !== current.pos || ((_data$node = data.node) === null || _data$node === void 0 ? void 0 : _data$node.type.name) !== ((_current$node2 = current.node) === null || _current$node2 === void 0 ? void 0 : _current$node2.type.name)) && data.pos !== -1 || data.node === null && data.pos >= 0) {
-      var _data$node2;
-      var allResources = data.node ? getAllResources(data.node) : [];
-      var videos = filterResourcesByType(allResources, [NodeTypeEnum.Video]);
-      var audios = filterResourcesByType(allResources, [NodeTypeEnum.Audio]);
-      var images = filterResourcesByType(allResources, [NodeTypeEnum.Image]);
-      var attachments = filterResourcesByType(allResources, [NodeTypeEnum.InlineAttachment, NodeTypeEnum.BlockAttachment]);
-      setCurrent(data);
-      setCurrentNode(NODE_TYPE_LABEL[((_data$node2 = data.node) === null || _data$node2 === void 0 ? void 0 : _data$node2.type.name) || 'paragraph']);
-      setResources({
-        videos: videos,
-        audios: audios,
-        images: images,
-        attachments: attachments
-      });
-      setShowFormat(shouldShowButton({
-        editor: editor,
-        data: data
-      }));
-    }
-  }, [current.pos, current.node]);
-  return /*#__PURE__*/React.createElement(DragHandle, {
-    editor: editor,
-    onNodeChange: updateNodeChange
-  }, currentNode ? /*#__PURE__*/React.createElement(Menu, {
-    context: /*#__PURE__*/React.createElement(DragIcon, null),
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'left'
-    },
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'left'
-    },
-    arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
-      sx: {
-        fontSize: '1rem',
-        transform: 'rotate(-90deg)'
-      }
-    }),
-    header: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
-      direction: 'row',
-      flexWrap: 'wrap',
-      sx: {
-        fontSize: 14
-      }
-    }, /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'indent-decrease',
-      onClick: function onClick() {
-        if (!canCurrentNodeIndent()) return;
-        selectCurrentNode();
-        current.editor.chain().focus().decreaseIndent().run();
-        setCurrent(function (prev) {
-          return _objectSpread({}, prev);
-        });
-      },
-      icon: /*#__PURE__*/React.createElement(IndentDecreaseIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: '减少缩进',
-      disabled: getCurrentIndentLevel() <= 0
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'indent-increase',
-      onClick: function onClick() {
-        if (!canCurrentNodeIndent()) return;
-        selectCurrentNode();
-        current.editor.chain().focus().increaseIndent().run();
-        setCurrent(function (prev) {
-          return _objectSpread({}, prev);
-        });
-      },
-      icon: /*#__PURE__*/React.createElement(IndentIncreaseIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: '增加缩进',
-      disabled: !canCurrentNodeIndent()
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'insert-divider',
-      onClick: function onClick() {
-        if (current.node && current.pos !== undefined) {
-          var afterPos = current.pos + current.node.nodeSize;
-          current.editor.chain().focus().insertContentAt(afterPos, {
-            type: 'horizontalRule'
-          }).run();
-        }
-      },
-      icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: '分割线'
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'copy',
-      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var content, textContent, htmlContent, blob, clipboardItem;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(current.node && current.pos !== undefined)) {
-                _context.next = 17;
-                break;
-              }
-              content = new Slice(Fragment.from(current.node), 0, 0);
-              textContent = current.node.textContent;
-              htmlContent = editor.view.serializeForClipboard(content).dom.innerHTML;
-              _context.prev = 4;
-              if (!(htmlContent && navigator.clipboard && "write" in navigator.clipboard)) {
-                _context.next = 11;
-                break;
-              }
-              blob = new Blob([htmlContent], {
-                type: "text/html"
-              });
-              clipboardItem = new ClipboardItem({
-                "text/html": blob
-              });
-              _context.next = 10;
-              return navigator.clipboard.write([clipboardItem]);
-            case 10:
-              onTip === null || onTip === void 0 || onTip('success', '复制成功');
-            case 11:
-              _context.next = 17;
-              break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](4);
-              _context.next = 17;
-              return navigator.clipboard.writeText(textContent);
-            case 17:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[4, 13]]);
-      })),
-      icon: /*#__PURE__*/React.createElement(FileCopyLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: "\u590D\u5236".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label)
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'cut',
-      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var content, textContent, htmlContent, blob, clipboardItem;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(current.node && current.pos !== undefined)) {
-                _context2.next = 23;
-                break;
-              }
-              _context2.prev = 1;
-              content = new Slice(Fragment.from(current.node), 0, 0);
-              textContent = current.node.textContent;
-              htmlContent = editor.view.serializeForClipboard(content).dom.innerHTML;
-              _context2.prev = 5;
-              if (!(htmlContent && navigator.clipboard && "write" in navigator.clipboard)) {
-                _context2.next = 11;
-                break;
-              }
-              blob = new Blob([htmlContent], {
-                type: "text/html"
-              });
-              clipboardItem = new ClipboardItem({
-                "text/html": blob
-              });
-              _context2.next = 11;
-              return navigator.clipboard.write([clipboardItem]);
-            case 11:
-              _context2.next = 17;
-              break;
-            case 13:
-              _context2.prev = 13;
-              _context2.t0 = _context2["catch"](5);
-              _context2.next = 17;
-              return navigator.clipboard.writeText(textContent);
-            case 17:
-              current.editor.chain().focus().deleteRange({
-                from: current.pos,
-                to: current.pos + current.node.nodeSize
-              }).run();
-              _context2.next = 23;
-              break;
-            case 20:
-              _context2.prev = 20;
-              _context2.t1 = _context2["catch"](1);
-              onTip === null || onTip === void 0 || onTip('error', '剪切失败');
-            case 23:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[1, 20], [5, 13]]);
-      })),
-      icon: /*#__PURE__*/React.createElement(ScissorsCutLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: "\u526A\u5207".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label)
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'delete',
-      onClick: function onClick() {
-        if (current.node && current.pos !== undefined) {
-          current.editor.chain().focus().deleteRange({
-            from: current.pos,
-            to: current.pos + current.node.nodeSize
-          }).run();
-        }
-      },
-      icon: /*#__PURE__*/React.createElement(DeleteLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      tip: "\u5220\u9664".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label)
-    })), /*#__PURE__*/React.createElement(Stack, {
-      direction: 'row',
-      flexWrap: 'wrap',
-      sx: {
-        fontSize: 14
-      }
-    }, /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'insert-line-break-top',
-      onClick: function onClick() {
-        if (current.node && current.pos !== undefined) {
-          var afterPos = current.pos;
-          current.editor.chain().focus().insertContentAt(afterPos, {
-            type: 'paragraph'
-          }, {
-            updateSelection: true
-          }).run();
-        }
-      },
-      icon: /*#__PURE__*/React.createElement(TextWrapIcon, {
-        sx: {
-          fontSize: '1rem',
-          transform: 'rotate(180deg)'
-        }
-      }),
-      text: '上方插入行'
-    }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'insert-line-break',
-      onClick: function onClick() {
-        if (current.node && current.pos !== undefined) {
-          var afterPos = current.pos + current.node.nodeSize;
-          current.editor.chain().focus().insertContentAt(afterPos, {
-            type: 'paragraph'
-          }).run();
-        }
-      },
-      icon: /*#__PURE__*/React.createElement(TextWrapIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      text: '下方插入行'
-    })), /*#__PURE__*/React.createElement(Divider, {
-      sx: {
-        my: 0.5
-      }
-    })),
-    list: [{
-      customLabel: /*#__PURE__*/React.createElement(Typography, {
-        sx: {
-          p: 1,
-          fontSize: '0.75rem',
-          color: 'text.secondary',
-          fontWeight: 'bold'
-        }
-      }, currentNode === null || currentNode === void 0 ? void 0 : currentNode.label),
-      key: 'current-node'
-    }].concat(_toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.color ? [{
-      key: 'color',
-      label: '颜色',
-      maxHeight: 400,
-      icon: /*#__PURE__*/React.createElement(BrushLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      children: [{
-        customLabel: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            p: 1,
-            fontSize: '0.75rem',
-            color: 'text.secondary',
-            fontWeight: 'bold'
-          }
-        }, "\u6587\u5B57\u989C\u8272"),
-        key: 'text-color'
-      }].concat(_toConsumableArray(THEME_TEXT_COLOR.map(function (it) {
-        return {
-          label: it.label,
-          key: it.value,
-          icon: /*#__PURE__*/React.createElement(Box, {
-            sx: {
-              color: it.value,
-              width: '1rem',
-              height: '1rem',
-              borderRadius: '50%',
-              bgcolor: it.value,
-              border: '1px solid',
-              borderColor: it.value === theme.palette.common.white ? 'divider' : 'transparent'
-            }
-          }),
-          onClick: function onClick() {
-            if (current.node && current.pos !== undefined) {
-              var from = current.pos;
-              var to = current.pos + current.node.nodeSize;
-              current.editor.chain().setTextSelection({
-                from: from,
-                to: to
-              }).setColor(it.value).run();
-            }
-          }
-        };
-      })), [{
-        customLabel: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            p: 1,
-            fontSize: '0.75rem',
-            color: 'text.secondary',
-            fontWeight: 'bold'
-          }
-        }, "\u80CC\u666F\u989C\u8272"),
-        key: 'background-color'
-      }], _toConsumableArray(THEME_TEXT_BG_COLOR.map(function (it) {
-        return {
-          label: it.label,
-          key: it.value,
-          icon: /*#__PURE__*/React.createElement(Box, {
-            sx: {
-              width: '1rem',
-              height: '1rem',
-              borderRadius: '50%',
-              bgcolor: it.value,
-              border: '1px solid',
-              borderColor: 'divider'
-            }
-          }),
-          onClick: function onClick() {
-            if (current.node && current.pos !== undefined) {
-              var from = current.pos;
-              var to = current.pos + current.node.nodeSize;
-              current.editor.chain().setTextSelection({
-                from: from,
-                to: to
-              }).setBackgroundColor(it.value).run();
-            }
-          }
-        };
-      })))
-    }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.fontSize ? [{
-      key: 'fontSize',
-      label: '字号',
-      icon: /*#__PURE__*/React.createElement(FontSizeIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      minWidth: 100,
-      maxHeight: 200,
-      children: _toConsumableArray([10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60].map(function (it) {
-        return {
-          label: it,
-          key: "".concat(it, "px"),
-          textSx: {
-            textAlign: 'center'
-          },
-          onClick: function onClick() {
-            if (current.node && current.pos !== undefined) {
-              var from = current.pos;
-              var to = current.pos + current.node.nodeSize;
-              current.editor.chain().setTextSelection({
-                from: from,
-                to: to
-              }).setFontSize("".concat(it, "px")).run();
-            }
-          }
-        };
-      }))
-    }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.align ? [{
-      key: 'align',
-      label: '对齐方式',
-      icon: /*#__PURE__*/React.createElement(AlignLeftIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      children: [{
-        customLabel: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            p: 1,
-            fontSize: '0.75rem',
-            color: 'text.secondary',
-            fontWeight: 'bold'
-          }
-        }, "\u6C34\u5E73\u5BF9\u9F50\u65B9\u5F0F"),
-        key: 'align-horizontal'
-      }, {
-        label: '左侧对齐',
-        key: 'align-horizontal-left',
-        icon: /*#__PURE__*/React.createElement(AlignLeftIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleTextAlign('left').run();
-          }
-        }
-      }, {
-        label: '居中对齐',
-        key: 'align-horizontal-center',
-        icon: /*#__PURE__*/React.createElement(AlignCenterIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleTextAlign('center').run();
-          }
-        }
-      }, {
-        label: '右侧对齐',
-        key: 'align-horizontal-right',
-        icon: /*#__PURE__*/React.createElement(AlignRightIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleTextAlign('right').run();
-          }
-        }
-      }, {
-        label: '两端对齐',
-        key: 'align-horizontal-justify',
-        icon: /*#__PURE__*/React.createElement(AlignJustifyIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleTextAlign('justify').run();
-          }
-        }
-      }, {
-        customLabel: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            p: 1,
-            fontSize: '0.75rem',
-            color: 'text.secondary',
-            fontWeight: 'bold'
-          }
-        }, "\u5782\u76F4\u5BF9\u9F50\u65B9\u5F0F"),
-        key: 'align-vertical'
-      }, {
-        label: '顶部对齐',
-        key: 'align-vertical-top',
-        icon: /*#__PURE__*/React.createElement(AlignTopIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleVerticalAlign('top').run();
-          }
-        }
-      }, {
-        label: '居中对齐',
-        key: 'align-vertical-center',
-        icon: /*#__PURE__*/React.createElement(AlignCenterIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleVerticalAlign('middle').run();
-          }
-        }
-      }, {
-        label: '底部对齐',
-        key: 'align-vertical-bottom',
-        icon: /*#__PURE__*/React.createElement(AlignBottomIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
-            var from = current.pos;
-            var to = current.pos + current.node.nodeSize;
-            current.editor.chain().setTextSelection({
-              from: from,
-              to: to
-            }).toggleVerticalAlign('bottom').run();
-          }
-        }
-      }]
-    }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.convert ? [{
-      label: '转换',
-      key: 'convert',
-      maxHeight: 400,
-      icon: /*#__PURE__*/React.createElement(Repeat2LineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      children: [{
-        label: '文本',
-        selected: ((_current$node3 = current.node) === null || _current$node3 === void 0 ? void 0 : _current$node3.type.name) === 'paragraph',
-        key: 'convert-to-paragraph',
-        icon: /*#__PURE__*/React.createElement(TextIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'paragraph'
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.setParagraph();
-          }
-        }
-      }, {
-        label: '一级标题',
-        selected: ((_current$node4 = current.node) === null || _current$node4 === void 0 ? void 0 : _current$node4.type.name) === 'heading' && ((_current$node5 = current.node) === null || _current$node5 === void 0 ? void 0 : _current$node5.attrs.level) === 1,
-        key: 'convert-to-heading-1',
-        icon: /*#__PURE__*/React.createElement(H1Icon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'heading',
-              level: 1
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.setHeading({
-              level: 1
-            });
-          }
-        }
-      }, {
-        label: '二级标题',
-        selected: ((_current$node6 = current.node) === null || _current$node6 === void 0 ? void 0 : _current$node6.type.name) === 'heading' && ((_current$node7 = current.node) === null || _current$node7 === void 0 ? void 0 : _current$node7.attrs.level) === 2,
-        key: 'convert-to-heading-2',
-        icon: /*#__PURE__*/React.createElement(H2Icon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'heading',
-              level: 2
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.setHeading({
-              level: 2
-            });
-          }
-        }
-      }, {
-        label: '三级标题',
-        selected: ((_current$node8 = current.node) === null || _current$node8 === void 0 ? void 0 : _current$node8.type.name) === 'heading' && ((_current$node9 = current.node) === null || _current$node9 === void 0 ? void 0 : _current$node9.attrs.level) === 3,
-        key: 'convert-to-heading-3',
-        icon: /*#__PURE__*/React.createElement(H3Icon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'heading',
-              level: 3
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.setHeading({
-              level: 3
-            });
-          }
-        }
-      }, {
-        customLabel: /*#__PURE__*/React.createElement(Divider, {
-          sx: {
-            my: 0.5
-          }
-        }),
-        key: 'divider2'
-      }, {
-        label: '有序列表',
-        selected: ((_current$node10 = current.node) === null || _current$node10 === void 0 ? void 0 : _current$node10.type.name) === 'orderedList',
-        key: 'convert-to-ordered-list',
-        icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'orderedList'
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.toggleOrderedList();
-          }
-        }
-      }, {
-        label: '无序列表',
-        selected: ((_current$node11 = current.node) === null || _current$node11 === void 0 ? void 0 : _current$node11.type.name) === 'bulletList',
-        key: 'convert-to-bullet-list',
-        icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'bulletList'
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.toggleBulletList();
-          }
-        }
-      }, {
-        label: '任务列表',
-        selected: ((_current$node12 = current.node) === null || _current$node12 === void 0 ? void 0 : _current$node12.type.name) === 'taskList',
-        key: 'convert-to-task-list',
-        icon: /*#__PURE__*/React.createElement(ListCheck3Icon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'taskList'
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.toggleTaskList();
-          }
-        }
-      }, {
-        customLabel: /*#__PURE__*/React.createElement(Divider, {
-          sx: {
-            my: 0.5
-          }
-        }),
-        key: 'divider3'
-      }, {
-        label: '引用块',
-        selected: ((_current$node13 = current.node) === null || _current$node13 === void 0 ? void 0 : _current$node13.type.name) === 'blockquote',
-        key: 'convert-to-blockquote',
-        icon: /*#__PURE__*/React.createElement(QuoteTextIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'blockquote'
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.toggleBlockquote();
-          }
-        }
-      }, {
-        label: '警告提示',
-        selected: ((_current$node14 = current.node) === null || _current$node14 === void 0 ? void 0 : _current$node14.type.name) === 'alert',
-        key: 'convert-to-alert',
-        icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          if (!current.node) return;
-          var type = current.node.type.name;
-          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
-          if (groupTypes.includes(type)) {
-            convertNodeAt(current.editor, current.pos, current.node, {
-              type: 'alert',
-              attrs: {
-                variant: 'info',
-                type: 'icon'
-              }
-            });
-          } else {
-            selectCurrentNode();
-            cancelNodeType();
-            current.editor.commands.toggleAlert({
-              type: 'icon',
-              variant: 'info'
-            });
-          }
-        }
-      }]
-    }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.download && ((_current$node15 = current.node) !== null && _current$node15 !== void 0 && _current$node15.attrs.src || (_current$node16 = current.node) !== null && _current$node16 !== void 0 && _current$node16.attrs.src) ? [{
-      label: "\u4E0B\u8F7D".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label),
-      key: 'download',
-      icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function () {
-        var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-          var _current$node17, node, nodeFile, nodeBlob, nodeUrl, nodeName, a;
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                if (!(current.node && current.pos !== undefined)) {
-                  _context3.next = 16;
-                  break;
-                }
-                if (![NodeTypeEnum.Video, NodeTypeEnum.Audio, NodeTypeEnum.BlockAttachment].includes((_current$node17 = current.node) === null || _current$node17 === void 0 ? void 0 : _current$node17.type.name)) {
-                  _context3.next = 16;
-                  break;
-                }
-                node = current.node;
-                _context3.next = 5;
-                return fetch(node.attrs.src || node.attrs.url);
-              case 5:
-                nodeFile = _context3.sent;
-                _context3.next = 8;
-                return nodeFile.blob();
-              case 8:
-                nodeBlob = _context3.sent;
-                nodeUrl = URL.createObjectURL(nodeBlob);
-                nodeName = node.attrs.title || "".concat(node.type.name, ".").concat(node.attrs.src.split('.').pop());
-                a = document.createElement('a');
-                a.href = nodeUrl;
-                a.download = nodeName;
-                a.click();
-                URL.revokeObjectURL(nodeUrl);
-              case 16:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function onClick() {
-          return _onClick.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : [].concat(_toConsumableArray(resources.images.length > 0 ? [{
-      label: '下载图片',
-      key: 'download-img',
-      icon: /*#__PURE__*/React.createElement(ImageLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      extra: /*#__PURE__*/React.createElement(Box, {
-        sx: {
-          lineHeight: '0.75rem',
-          fontSize: '0.75rem',
-          color: 'text.disabled',
-          border: '1px solid',
-          borderColor: 'text.disabled',
-          borderRadius: 'var(--mui-shape-borderRadius)',
-          py: 0,
-          px: 0.5,
-          minWidth: '1.25rem',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, resources.images.length),
-      onClick: function () {
-        var _onClick2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-          var imageInfos;
-          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.prev = 0;
-                imageInfos = resources.images.map(function (img) {
-                  return {
-                    src: img.attrs.src,
-                    filename: img.attrs.alt || img.attrs.title || undefined
-                  };
-                });
-                _context4.next = 4;
-                return downloadFiles(imageInfos, 'img');
-              case 4:
-                _context4.next = 9;
-                break;
-              case 6:
-                _context4.prev = 6;
-                _context4.t0 = _context4["catch"](0);
-                console.error('下载图片失败:', _context4.t0);
-              case 9:
-              case "end":
-                return _context4.stop();
-            }
-          }, _callee4, null, [[0, 6]]);
-        }));
-        function onClick() {
-          return _onClick2.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : []), _toConsumableArray(resources.videos.length > 0 ? [{
-      label: '下载视频',
-      key: 'download-video',
-      icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      extra: /*#__PURE__*/React.createElement(Box, {
-        sx: {
-          lineHeight: '0.75rem',
-          fontSize: '0.75rem',
-          color: 'text.disabled',
-          border: '1px solid',
-          borderColor: 'text.disabled',
-          borderRadius: 'var(--mui-shape-borderRadius)',
-          py: 0,
-          px: 0.5,
-          minWidth: '1.25rem',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, resources.videos.length),
-      onClick: function () {
-        var _onClick3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-          var videoInfos;
-          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                _context5.prev = 0;
-                videoInfos = resources.videos.map(function (video) {
-                  return {
-                    src: video.attrs.src,
-                    filename: video.attrs.alt || video.attrs.title || undefined
-                  };
-                });
-                _context5.next = 4;
-                return downloadFiles(videoInfos, 'video');
-              case 4:
-                _context5.next = 9;
-                break;
-              case 6:
-                _context5.prev = 6;
-                _context5.t0 = _context5["catch"](0);
-                console.error('下载视频失败:', _context5.t0);
-              case 9:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5, null, [[0, 6]]);
-        }));
-        function onClick() {
-          return _onClick3.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : []), _toConsumableArray(resources.audios.length > 0 ? [{
-      label: '下载音频',
-      key: 'download-audio',
-      icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      extra: /*#__PURE__*/React.createElement(Box, {
-        sx: {
-          lineHeight: '0.75rem',
-          fontSize: '0.75rem',
-          color: 'text.disabled',
-          border: '1px solid',
-          borderColor: 'text.disabled',
-          borderRadius: 'var(--mui-shape-borderRadius)',
-          py: 0,
-          px: 0.5,
-          minWidth: '1.25rem',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, resources.audios.length),
-      onClick: function () {
-        var _onClick4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-          var audioInfos;
-          return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-            while (1) switch (_context6.prev = _context6.next) {
-              case 0:
-                _context6.prev = 0;
-                audioInfos = resources.audios.map(function (audio) {
-                  return {
-                    src: audio.attrs.src,
-                    filename: audio.attrs.alt || audio.attrs.title || undefined
-                  };
-                });
-                _context6.next = 4;
-                return downloadFiles(audioInfos, 'audio');
-              case 4:
-                _context6.next = 9;
-                break;
-              case 6:
-                _context6.prev = 6;
-                _context6.t0 = _context6["catch"](0);
-                console.error('下载音频失败:', _context6.t0);
-              case 9:
-              case "end":
-                return _context6.stop();
-            }
-          }, _callee6, null, [[0, 6]]);
-        }));
-        function onClick() {
-          return _onClick4.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : []), _toConsumableArray(resources.attachments.length > 0 ? [{
-      label: '下载附件',
-      key: 'download-attachment',
-      icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      extra: /*#__PURE__*/React.createElement(Box, {
-        sx: {
-          lineHeight: '0.75rem',
-          fontSize: '0.75rem',
-          color: 'text.disabled',
-          border: '1px solid',
-          borderColor: 'text.disabled',
-          borderRadius: 'var(--mui-shape-borderRadius)',
-          py: 0,
-          px: 0.5,
-          minWidth: '1.25rem',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, resources.attachments.length),
-      onClick: function () {
-        var _onClick5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-          var attachmentInfos;
-          return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-            while (1) switch (_context7.prev = _context7.next) {
-              case 0:
-                _context7.prev = 0;
-                attachmentInfos = resources.attachments.map(function (attachment) {
-                  return {
-                    src: attachment.attrs.url,
-                    filename: attachment.attrs.title || undefined
-                  };
-                });
-                _context7.next = 4;
-                return downloadFiles(attachmentInfos, 'attachment');
-              case 4:
-                _context7.next = 9;
-                break;
-              case 6:
-                _context7.prev = 6;
-                _context7.t0 = _context7["catch"](0);
-                console.error('下载附件失败:', _context7.t0);
-              case 9:
-              case "end":
-                return _context7.stop();
-            }
-          }, _callee7, null, [[0, 6]]);
-        }));
-        function onClick() {
-          return _onClick5.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : []))), _toConsumableArray(more ? more : []), _toConsumableArray(showFormat ? [{
-      label: '文本格式化',
-      key: 'format',
-      icon: /*#__PURE__*/React.createElement(FormatClearIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function () {
-        var _onClick6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-          var tr, _currentNode, empty, content;
-          return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-            while (1) switch (_context8.prev = _context8.next) {
-              case 0:
-                if (current.node && current.pos !== undefined) {
-                  tr = current.editor.state.tr;
-                  _currentNode = current.node;
-                  empty = (_currentNode === null || _currentNode === void 0 ? void 0 : _currentNode.textContent) === '';
-                  if (!empty) {
-                    content = _currentNode === null || _currentNode === void 0 ? void 0 : _currentNode.content.content;
-                    if (content && content.length > 0) {
-                      tr.doc.nodesBetween(current.pos, current.pos + current.node.nodeSize, function (node, pos) {
-                        if (!node.isInline) return true;
-                        node.marks.forEach(function (mark) {
-                          tr.removeMark(pos, pos + node.nodeSize, mark.type);
-                        });
-                        return true;
-                      });
-                    }
-                  }
-                  editor.view.dispatch(tr);
-                }
-              case 1:
-              case "end":
-                return _context8.stop();
-            }
-          }, _callee8);
-        }));
-        function onClick() {
-          return _onClick6.apply(this, arguments);
-        }
-        return onClick;
-      }()
-    }] : []))
-  }) : /*#__PURE__*/React.createElement(DragIcon, null));
-};
-export default CustomDragHandle;