@ctzhian/tiptap 0.4.0 → 0.5.0

package/dist/Editor/demo.js

@@ -2,8 +2,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }); }; }
-import { Box } from '@mui/material';
 import { Editor, EditorThemeProvider, EditorToolbar, useTiptap } from "./..";
+import { Box } from '@mui/material';
 import React from 'react';
 import { AiGenerate2Icon } from "../component/Icons";
 import "../index.css";
@@ -12,6 +12,7 @@ var Reader = function Reader() {
       editable: true,
       exclude: ['invisibleCharacters'],
       onSave: function onSave(editor) {
+        console.log(editor.getHTML());
         editor.commands.setContent(editor.getHTML());
       },
       // onTocUpdate: handleTocUpdate,
@@ -80,14 +81,17 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: ''
+      content: "<p>demo.tsx:12</p><p>\u98DE\u673A\u554A\u7684\u6570<code>\u91CF\u5496\u5561\u5C31\u62C9\u4E0A\u98DE\u673A</code>\u554A\u8001<a target=\"_blank\" type=\"icon\" href=\"https://www.baidu.com\" title=\"\u5E08\u7684\u98DE\u673A\u62C9\u591A\">\u5E08\u7684\u98DE\u673A\u62C9\u591A</a>\u5C11\u5206\uFF0C\u98DE<a target=\"_blank\" type=\"text\" href=\"https://remixicon.com/\" title=\"\u673A\u554A\u4E0A\u98DE\u673A\u62C9\u5FB7\">\u673A\u554A\u4E0A\u98DE\u673A\u62C9\u5FB7</a>\u65AF\u57FA\u5F17\u62C9\u7D22\u592B\u5362\u5361\u65AF\u5230\u5BB6\u4E86\u98DE\u673A\u554A\u7684\u6570\u91CF\u5496\u5561\u5C31\u62C9\u4E0A\u98DE\u673A\u554A\u8001\u5E08\u7684\u98DE\u673A\u62C9\u591A\u5C11\u5206\uFF0C\u98DE\u673A\u554A\u4E0A\u98DE\u673A\u62C9\u5FB7\u65AF\u57FA\u5206\uFF0C\u98DE\u673A\u554A\u4E0A<a target=\"_blank\" type=\"icon\" href=\"afsd\" title=\"\u98DE\u673A\u62C9\u5FB7\u65AF\">\u98DE\u673A\u62C9\u5FB7\u65AF</a>\u57FA\u5F17\u62C9\u7D22</p><div class=\"tableWrapper\"><table style=\"min-width: 436px;\"><colgroup><col style=\"width: 136px;\"><col style=\"min-width: 100px;\"><col style=\"min-width: 100px;\"><col style=\"min-width: 100px;\"></colgroup><tbody><tr class=\"table-row\"><th class=\"table-header\" colspan=\"1\" rowspan=\"1\" colwidth=\"136\"><p>\u6587\u672C\u4E00</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>\u6587\u672C\u800C</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>\u6587\u672C\u4E09</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>\u6587\u672C\u56DB</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"136\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u6D4B\u8BD5\u6570\u636E</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u5386\u53F2\u4E8B\u4EF6</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u798F\u514B\u65AF</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u62C9\u8428</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" colwidth=\"136\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u6536\u62FE\u6536\u62FE</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u798F\u514B\u65AF\u5566\u53D1\u5927\u6C34</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u91CD\u65B0\u4F60\u54E6\u95EE\u7C89\u4E1D</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>\u98DE\u673A\u554A\u5723\u8BDE\u5FEB\u4E50</p></td></tr></tbody></table></div><p></p>"
     }),
     editor = _useTiptap.editor;
-  return /*#__PURE__*/React.createElement(EditorThemeProvider, null, /*#__PURE__*/React.createElement("div", {
-    style: {
+  return /*#__PURE__*/React.createElement(EditorThemeProvider, {
+    mode: "light"
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
       border: '1px solid #eee',
       borderRadius: '10px',
-      padding: '0 10px 10px'
+      padding: '0 10px 10px',
+      bgcolor: 'var(--mui-palette-background-default)'
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -110,7 +114,6 @@ var Reader = function Reader() {
     }]
   })), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      backgroundColor: '#fff',
       '.tiptap': {
         minHeight: '500px',
         '.tableWrapper': {

package/dist/asset/css/index.css

@@ -104,8 +104,6 @@
 .tiptap.ProseMirror .video-wrapper,
 .tiptap.ProseMirror .image-wrapper {
   line-height: 0;
-  margin: 0 0.25rem;
-  padding: 0.25rem;
 }
 
 .tiptap.ProseMirror .video-wrapper,
@@ -113,6 +111,7 @@
   display: inline-block;
 }
 
+.tiptap.ProseMirror .codeblock-wrapper.ProseMirror-selectednode>pre,
 .tiptap.ProseMirror .audio-wrapper.ProseMirror-selectednode>div,
 .tiptap.ProseMirror .video-wrapper.ProseMirror-selectednode>div,
 .tiptap.ProseMirror .image-wrapper.ProseMirror-selectednode>span {

package/dist/component/CustomBubbleMenu/SelectionText.d.ts

@@ -1,5 +1,5 @@
-import { Editor } from '@tiptap/react';
 import { MenuItem } from "../../type";
+import { Editor } from '@tiptap/react';
 import React from 'react';
 export interface SelectionTextProps {
     editor: Editor;

package/dist/component/CustomBubbleMenu/SelectionText.js

@@ -4,9 +4,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { BoldIcon, CodeLineIcon, ItalicIcon, LinkIcon, ResetLeftFillIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon } from "../Icons";
 import { Box, IconButton, Paper, Stack, useTheme } from '@mui/material';
 import { BubbleMenu } from '@tiptap/react/menus';
-import { BoldIcon, CodeLineIcon, ItalicIcon, LinkIcon, ResetLeftFillIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon } from "../Icons";
 import React, { useEffect, useState } from 'react';
 import { ToolbarItem } from "../Toolbar";
 var SelectionText = function SelectionText(_ref) {
@@ -15,7 +15,11 @@ var SelectionText = function SelectionText(_ref) {
   var theme = useTheme();
   var THEME_TEXT_COLOR = [theme.palette.primary.main, theme.palette.success.main, theme.palette.warning.main, theme.palette.error.main, '#D8A47F', '#73B5F0', '#CDDFA0', theme.palette.text.primary, theme.palette.text.secondary, theme.palette.text.disabled, theme.palette.common.white];
   var THEME_TEXT_BG_COLOR = ['#e7bdff', '#FFE0B2', '#F8BBD0', '#FFCDD2', '#FFECB3', '#FFCCBC', '#B3E5FC', '#C8E6C9', '#B2EBF2', '#BBDEFB', '#DCEDC8'];
-  var _useState = useState({
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hideColor = _useState2[0],
+    setHideColor = _useState2[1];
+  var _useState3 = useState({
       quote: false,
       bold: false,
       italic: false,
@@ -25,9 +29,9 @@ var SelectionText = function SelectionText(_ref) {
       superscript: false,
       subscript: false
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
   // const [showColorPicker, setShowColorPicker] = useState(false)
 
   var updateSelection = function updateSelection() {
@@ -41,6 +45,7 @@ var SelectionText = function SelectionText(_ref) {
       superscript: editor.isActive('superscript'),
       subscript: editor.isActive('subscript')
     });
+    setHideColor(editor.isActive('code') || editor.isActive('codeBlock') || editor.isActive('inlineMath') || editor.isActive('blockMath'));
   };
   useEffect(function () {
     editor.on('selectionUpdate', updateSelection);
@@ -50,7 +55,7 @@ var SelectionText = function SelectionText(_ref) {
       editor.off('transaction', updateSelection);
     };
   }, [editor]);
-  if (!editor.isEditable) {
+  if (!editor.isEditable || hideColor) {
     return null;
   }
   return /*#__PURE__*/React.createElement(BubbleMenu, {

package/dist/component/CustomDragHandle/index.d.ts

@@ -1,5 +1,5 @@
-import { Editor } from '@tiptap/react';
 import { MenuItem, OnTipFunction } from "../../type";
+import { Editor } from '@tiptap/react';
 import React from 'react';
 declare const CustomDragHandle: ({ editor, more, onTip }: {
     editor: Editor;

package/dist/component/CustomDragHandle/index.js

@@ -12,11 +12,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, CodeBoxLineIcon, DeleteLineIcon, DownloadLineIcon, DraggableIcon, FontSizeIcon, FormatClearIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, InsertColumnLeftIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MovieLineIcon, Music2LineIcon, QuoteTextIcon, Repeat2LineIcon, ScissorsCutLineIcon, TextIcon, TextWrapIcon } from "../Icons";
+import { NODE_TYPE_LABEL, NodeTypeEnum } from "../../contants/enums";
 import { Box, Divider, Typography, useTheme } from '@mui/material';
 import DragHandle from '@tiptap/extension-drag-handle-react';
 import { Fragment, Slice } from '@tiptap/pm/model';
-import { AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, ArrowDownSLineIcon, AttachmentLineIcon, BrushLineIcon, CodeBoxLineIcon, DeleteLineIcon, DownloadLineIcon, DraggableIcon, FontSizeIcon, FormatClearIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MovieLineIcon, Music2LineIcon, QuoteTextIcon, Repeat2LineIcon, ScissorsCutLineIcon, TextIcon } from "../Icons";
-import { NODE_TYPE_LABEL, NodeTypeEnum } from "../../contants/enums";
 import React, { useCallback, useState } from 'react';
 import { downloadFiles, filterResourcesByType, getAllResources } from "../../util";
 import { FileCopyLineIcon } from "../Icons/file-copy-line-icon";
@@ -1014,6 +1014,30 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
         return onClick;
       }()
     }] : []), [{
+      label: '插入',
+      key: 'insert',
+      icon: /*#__PURE__*/React.createElement(InsertColumnLeftIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      children: [{
+        label: '插入高亮块',
+        key: 'insert-highlight-block',
+        icon: /*#__PURE__*/React.createElement(TextWrapIcon, {
+          sx: {
+            fontSize: '1rem'
+          }
+        }),
+        onClick: function onClick() {
+          if (current.node && current.pos !== undefined) {
+            current.editor.chain().focus().setAlert({
+              type: 'info'
+            }).run();
+          }
+        }
+      }]
+    }, {
       label: "\u590D\u5236".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label),
       key: 'copy',
       icon: /*#__PURE__*/React.createElement(FileCopyLineIcon, {

package/dist/component/Icons/checkbox-circle-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const CheckboxCircleFillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/checkbox-circle-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var CheckboxCircleFillIcon = function CheckboxCircleFillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM17.4571 9.45711L11 15.9142L6.79289 11.7071L8.20711 10.2929L11 13.0858L16.0429 8.04289L17.4571 9.45711Z"
+  }));
+};
+CheckboxCircleFillIcon.displayName = 'icon-checkbox-circle-fill';

package/dist/component/Icons/close-circle-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const CloseCircleFillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/close-circle-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var CloseCircleFillIcon = function CloseCircleFillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z"
+  }));
+};
+CloseCircleFillIcon.displayName = 'icon-close-circle-fill';

package/dist/component/Icons/error-warning-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const ErrorWarningFillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/error-warning-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var ErrorWarningFillIcon = function ErrorWarningFillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z"
+  }));
+};
+ErrorWarningFillIcon.displayName = 'icon-error-warning-fill';

package/dist/component/Icons/index.d.ts

@@ -19,8 +19,10 @@ export { BoldIcon } from './bold-icon';
 export { BrushLineIcon } from './brush-line-icon';
 export { CarouselViewIcon } from './carousel-view-icon';
 export { CheckboxBlankCircleLineIcon } from './checkbox-blank-circle-line-icon';
+export { CheckboxCircleFillIcon } from './checkbox-circle-fill-icon';
 export { CheckboxCircleLineIcon } from './checkbox-circle-line-icon';
 export { ClockwiseLineIcon } from './clockwise-line-icon';
+export { CloseCircleFillIcon } from './close-circle-fill-icon';
 export { CodeBoxLineIcon } from './code-box-line-icon';
 export { CodeLineIcon } from './code-line-icon';
 export { CodeSSlashLineIcon } from './code-s-slash-line-icon';
@@ -33,6 +35,7 @@ export { DoubleQuotesLIcon } from './double-quotes-l-icon';
 export { DownloadLineIcon } from './download-line-icon';
 export { DraggableIcon } from './draggable-icon';
 export { EditBoxLineIcon } from './edit-box-line-icon';
+export { ErrorWarningFillIcon } from './error-warning-fill-icon';
 export { ExportLineIcon } from './export-line-icon';
 export { FileCopyLineIcon } from './file-copy-line-icon';
 export { FileUploadLineIcon } from './file-upload-line-icon';
@@ -56,6 +59,7 @@ export { HeadingIcon } from './heading-icon';
 export { ImageAddLineIcon } from './image-add-line-icon';
 export { ImageLineIcon } from './image-line-icon';
 export { ImportLineIcon } from './import-line-icon';
+export { Information2FillIcon } from './information-2-fill-icon';
 export { InsertColumnLeftIcon } from './insert-column-left-icon';
 export { InsertColumnRightIcon } from './insert-column-right-icon';
 export { InsertRowBottomIcon } from './insert-row-bottom-icon';
@@ -83,6 +87,7 @@ export { Notification3LineIcon } from './notification-3-line-icon';
 export { OrganizationChartIcon } from './organization-chart-icon';
 export { PauseLineIcon } from './pause-line-icon';
 export { PlayLineIcon } from './play-line-icon';
+export { QuestionFillIcon } from './question-fill-icon';
 export { QuoteTextIcon } from './quote-text-icon';
 export { Repeat2LineIcon } from './repeat-2-line-icon';
 export { ResetLeftFillIcon } from './reset-left-fill-icon';

package/dist/component/Icons/index.js

@@ -22,8 +22,10 @@ export { BoldIcon } from "./bold-icon";
 export { BrushLineIcon } from "./brush-line-icon";
 export { CarouselViewIcon } from "./carousel-view-icon";
 export { CheckboxBlankCircleLineIcon } from "./checkbox-blank-circle-line-icon";
+export { CheckboxCircleFillIcon } from "./checkbox-circle-fill-icon";
 export { CheckboxCircleLineIcon } from "./checkbox-circle-line-icon";
 export { ClockwiseLineIcon } from "./clockwise-line-icon";
+export { CloseCircleFillIcon } from "./close-circle-fill-icon";
 export { CodeBoxLineIcon } from "./code-box-line-icon";
 export { CodeLineIcon } from "./code-line-icon";
 export { CodeSSlashLineIcon } from "./code-s-slash-line-icon";
@@ -36,6 +38,7 @@ export { DoubleQuotesLIcon } from "./double-quotes-l-icon";
 export { DownloadLineIcon } from "./download-line-icon";
 export { DraggableIcon } from "./draggable-icon";
 export { EditBoxLineIcon } from "./edit-box-line-icon";
+export { ErrorWarningFillIcon } from "./error-warning-fill-icon";
 export { ExportLineIcon } from "./export-line-icon";
 export { FileCopyLineIcon } from "./file-copy-line-icon";
 export { FileUploadLineIcon } from "./file-upload-line-icon";
@@ -59,6 +62,7 @@ export { HeadingIcon } from "./heading-icon";
 export { ImageAddLineIcon } from "./image-add-line-icon";
 export { ImageLineIcon } from "./image-line-icon";
 export { ImportLineIcon } from "./import-line-icon";
+export { Information2FillIcon } from "./information-2-fill-icon";
 export { InsertColumnLeftIcon } from "./insert-column-left-icon";
 export { InsertColumnRightIcon } from "./insert-column-right-icon";
 export { InsertRowBottomIcon } from "./insert-row-bottom-icon";
@@ -86,6 +90,7 @@ export { Notification3LineIcon } from "./notification-3-line-icon";
 export { OrganizationChartIcon } from "./organization-chart-icon";
 export { PauseLineIcon } from "./pause-line-icon";
 export { PlayLineIcon } from "./play-line-icon";
+export { QuestionFillIcon } from "./question-fill-icon";
 export { QuoteTextIcon } from "./quote-text-icon";
 export { Repeat2LineIcon } from "./repeat-2-line-icon";
 export { ResetLeftFillIcon } from "./reset-left-fill-icon";

package/dist/component/Icons/information-2-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const Information2FillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/information-2-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var Information2FillIcon = function Information2FillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 9.5C12.8284 9.5 13.5 8.82843 13.5 8C13.5 7.17157 12.8284 6.5 12 6.5C11.1716 6.5 10.5 7.17157 10.5 8C10.5 8.82843 11.1716 9.5 12 9.5ZM14 15H13V10.5H10V12.5H11V15H10V17H14V15Z"
+  }));
+};
+Information2FillIcon.displayName = 'icon-information-2-fill';

package/dist/component/Icons/question-fill-icon.d.ts

@@ -0,0 +1,6 @@
+import { SvgIconProps } from "@mui/material";
+import * as React from "react";
+export declare const QuestionFillIcon: {
+    (props: SvgIconProps): React.JSX.Element;
+    displayName: string;
+};

package/dist/component/Icons/question-fill-icon.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { SvgIcon } from "@mui/material";
+import * as React from "react";
+export var QuestionFillIcon = function QuestionFillIcon(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    viewBox: "0 0 24 24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM13 13.3551C14.4457 12.9248 15.5 11.5855 15.5 10C15.5 8.067 13.933 6.5 12 6.5C10.302 6.5 8.88637 7.70919 8.56731 9.31346L10.5288 9.70577C10.6656 9.01823 11.2723 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.4477 11.5 11 11.9477 11 12.5V14H13V13.3551Z"
+  }));
+};
+QuestionFillIcon.displayName = 'icon-question-fill';

package/dist/component/ListHover/index.js

@@ -14,8 +14,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Paper, Select, Stack } from '@mui/material';
 import { ArrowDownSLineIcon, ArrowGoForwardLineIcon, ArrowLeftWideLineIcon, DeleteLineIcon, FontSizeIcon, ListOrdered2Icon, ListUnorderedIcon } from "../Icons";
+import { Box, MenuItem, Paper, Select, Stack } from '@mui/material';
 import React, { useEffect, useRef, useState } from 'react';
 import { ToolbarItem } from "../Toolbar";
 var ListHover = function ListHover(_ref) {

package/dist/component/Toolbar/EditorAlignSelect.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowDownSLineIcon } from "../Icons";
 import ToolbarItem from "./Item";

package/dist/component/Toolbar/EditorCode.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon } from "../Icons";
 import ToolbarItem from "./Item";

package/dist/component/Toolbar/EditorHeading.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HeadingIcon } from "../Icons";
 import ToolItem from "./Item";

package/dist/component/Toolbar/EditorInsert/index.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, AttachmentLineIcon, ImageLineIcon, MovieLineIcon, Music2LineIcon, UploadIcon } from "../../Icons";
 import ToolbarItem from "../Item";

package/dist/component/Toolbar/EditorListSelect.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon } from "../Icons";
 import ToolItem from "./Item";

package/dist/component/Toolbar/EditorMath.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, FormulaIcon, FunctionsIcon, SquareRootIcon } from "../Icons";
 import ToolbarItem from "./Item";

package/dist/component/Toolbar/EditorMore/NotificationDialog.js

@@ -4,9 +4,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, Dialog, DialogContent, DialogTitle, Stack } from "@mui/material";
 import { SHORTCUT_KEYS } from "../../../contants/shortcut-key";
 import { getShortcutKeyText } from "../../../util";
+import { Box, Dialog, DialogContent, DialogTitle, Stack } from "@mui/material";
 import React from "react";
 var NotificationDialog = function NotificationDialog(_ref) {
   var open = _ref.open,

package/dist/component/Toolbar/EditorMore/index.js

@@ -8,9 +8,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack } from "@mui/material";
 import { MoreLineIcon, Notification3LineIcon } from "../../Icons";
 import ToolbarItem from "../Item";
+import { Box, MenuItem, Select, Stack } from "@mui/material";
 import React, { useState } from "react";
 import NotificationDialog from "./NotificationDialog";
 var EditorMore = function EditorMore(_ref) {

package/dist/component/Toolbar/EditorScript.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { ArrowDownSLineIcon, SubscriptIcon, SuperscriptIcon } from "../Icons";
 import ToolbarItem from "./Item";

package/dist/component/Toolbar/EditorVerticalAlignSelect.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import { getShortcutKeyText } from "../../util";
+import { Box, MenuItem, Select, Stack, Tooltip } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { AlignBottomIcon, AlignTopIcon, AlignVerticallyIcon, ArrowDownSLineIcon } from "../Icons";
 import ToolbarItem from "./Item";

package/dist/component/Toolbar/Item.js

@@ -8,8 +8,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Box, Button, Stack, Tooltip } from '@mui/material';
 import { getShortcutKeyText } from "../../util";
+import { Box, Button, Stack, Tooltip } from '@mui/material';
 import React from 'react';
 var ToolbarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var tip = _ref.tip,

package/dist/extension/component/Alert/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface AlertViewWrapperProps {
+    node: any;
+    updateAttributes: any;
+    selected: boolean;
+    editor: any;
+    onUpload?: (file: File) => Promise<string>;
+    onError?: (error: string) => void;
+}
+declare const AlertViewWrapper: React.FC<AlertViewWrapperProps>;
+export default AlertViewWrapper;