@ctzhian/tiptap 1.12.20 → 1.12.23

package/dist/component/CustomBubbleMenu/index.js

@@ -97,10 +97,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     alignItems: 'center'
-  }, /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='加粗'
-  // shortcutKey={['ctrl', 'B']}
-  , {
+  }, /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(BoldIcon, {
       sx: {
         fontSize: '1rem'
@@ -110,10 +107,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       return editor.chain().focus().toggleBold().run();
     },
     className: isBold ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='斜体'
-  // shortcutKey={['ctrl', 'I']}
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(ItalicIcon, {
       sx: {
         fontSize: '1rem'
@@ -123,10 +117,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       return editor.chain().focus().toggleItalic().run();
     },
     className: isItalic ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='删除线'
-  // shortcutKey={['ctrl', 'shift', 'S']}
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(StrikethroughIcon, {
       sx: {
         fontSize: '1rem'
@@ -136,10 +127,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       return editor.chain().focus().toggleStrike().run();
     },
     className: isStrike ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='下划线'
-  // shortcutKey={['ctrl', 'U']}
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(UnderlineIcon, {
       sx: {
         fontSize: '1rem'
@@ -149,10 +137,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       return editor.chain().focus().toggleUnderline().run();
     },
     className: isUnderline ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='高亮'
-  // shortcutKey={['ctrl', 'shift', 'H']}
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(MarkPenLineIcon, {
       sx: {
         fontSize: '1rem'
@@ -162,10 +147,7 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       return editor.chain().focus().toggleHighlight().run();
     },
     className: isHighlight ? "tool-active" : ""
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='行内代码'
-  // shortcutKey={['ctrl', 'E']}
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(CodeLineIcon, {
       sx: {
         fontSize: '1rem'
@@ -183,14 +165,13 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       height: 20,
       alignSelf: 'center'
     }
-  }), /*#__PURE__*/React.createElement(ToolbarItem
-  // tip='文本格式化'
-  , {
+  }), /*#__PURE__*/React.createElement(ToolbarItem, {
     icon: /*#__PURE__*/React.createElement(EraserLineIcon, {
       sx: {
         fontSize: '1rem'
       }
     }),
+    text: "\u6E05\u9664\u683C\u5F0F",
     onClick: function onClick() {
       return editor.chain().focus().unsetAllMarks().run();
     },

package/dist/component/CustomDragHandle/index.js

@@ -17,15 +17,14 @@ 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 { AddLineIcon, AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, ArrowDownSLineIcon, AttachmentLineIcon, BrushLineIcon, DeleteLineIcon, DownloadLineIcon, DraggableIcon, EraserLineIcon, FileCopyLineIcon, FontSizeIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, IndentDecreaseIcon, IndentIncreaseIcon, Information2LineIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MovieLineIcon, Music2LineIcon, QuoteTextIcon, Repeat2LineIcon, ScissorsCutLineIcon, SeparatorIcon, TextIcon, TextWrapIcon } from "../Icons";
+import { AddLineIcon, AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, ArrowDownSLineIcon, AttachmentLineIcon, BrushLineIcon, DeleteLineIcon, DownloadLineIcon, DraggableIcon, EraserLineIcon, FileCopyLineIcon, FontSizeIcon, H1Icon, H2Icon, H3Icon, ImageLineIcon, IndentDecreaseIcon, IndentIncreaseIcon, Information2LineIcon, ListCheck3Icon, ListOrdered2Icon, ListUnorderedIcon, MovieLineIcon, Music2LineIcon, QuoteTextIcon, Repeat2LineIcon, ScissorsCutLineIcon, 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 { useEditorState } from '@tiptap/react';
 import React, { useCallback, useState } from 'react';
-import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText, hasMarksInSelection } from "../../util";
+import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText, hasMarksInBlock } from "../../util";
 import Menu from "../Menu";
 import { ToolbarItem } from "../Toolbar";
 var DragIcon = function DragIcon(_ref) {
@@ -93,7 +92,7 @@ var AddIcon = function AddIcon(_ref2) {
   }));
 };
 var CustomDragHandle = function CustomDragHandle(_ref3) {
-  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 _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, _current$node17;
   var editor = _ref3.editor,
     more = _ref3.more,
     onTip = _ref3.onTip;
@@ -119,6 +118,10 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
     _useState6 = _slicedToArray(_useState5, 2),
     currentNode = _useState6[0],
     setCurrentNode = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hasMarks = _useState8[0],
+    setHasMarks = _useState8[1];
   var THEME_TEXT_COLOR = [{
     label: '默认色',
     value: theme.palette.text.primary
@@ -218,16 +221,6 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
       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);
   };
@@ -254,17 +247,11 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         images: images,
         attachments: attachments
       });
+      if (data.node) {
+        setHasMarks(hasMarksInBlock(data.node));
+      }
     }
   }, [current.pos, current.node]);
-  var _useEditorState = useEditorState({
-      editor: editor,
-      selector: function selector(ctx) {
-        return {
-          hasMarks: hasMarksInSelection(ctx.editor.state)
-        };
-      }
-    }),
-    hasMarks = _useEditorState.hasMarks;
   return /*#__PURE__*/React.createElement(DragHandle, {
     editor: editor,
     onNodeChange: updateNodeChange
@@ -353,7 +340,14 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         transform: 'rotate(-90deg)'
       }
     }),
-    header: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+    header: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      sx: {
+        p: 1,
+        fontSize: '0.75rem',
+        color: 'text.secondary',
+        fontWeight: 'bold'
+      }
+    }, currentNode === null || currentNode === void 0 ? void 0 : currentNode.label), /*#__PURE__*/React.createElement(Stack, {
       direction: 'row',
       flexWrap: 'wrap',
       sx: {
@@ -394,18 +388,26 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
       tip: '增加缩进',
       disabled: !canCurrentNodeIndent()
     }), /*#__PURE__*/React.createElement(ToolbarItem, {
-      key: 'insert-divider',
+      key: 'format',
+      disabled: !hasMarks,
       onClick: function onClick() {
         if (current.node && current.pos !== undefined) {
-          current.editor.chain().focus().setHorizontalRule().run();
+          var _current$node3;
+          var selection = current.editor.commands.setTextSelection({
+            from: current.pos,
+            to: current.pos + ((_current$node3 = current.node) === null || _current$node3 === void 0 ? void 0 : _current$node3.nodeSize)
+          });
+          if (selection) {
+            current.editor.chain().unsetAllMarks().focus(current.pos - 1).run();
+          }
         }
       },
-      icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
+      icon: /*#__PURE__*/React.createElement(EraserLineIcon, {
         sx: {
           fontSize: '1rem'
         }
       }),
-      tip: '分割线'
+      tip: '清除格式'
     }), /*#__PURE__*/React.createElement(ToolbarItem, {
       key: 'copy',
       onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -535,17 +537,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         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 ? [{
+    list: [].concat(_toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.color ? [{
       key: 'color',
       label: '颜色',
       maxHeight: 400,
@@ -866,7 +858,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
       }),
       children: [{
         label: '文本',
-        selected: ((_current$node3 = current.node) === null || _current$node3 === void 0 ? void 0 : _current$node3.type.name) === 'paragraph',
+        selected: ((_current$node4 = current.node) === null || _current$node4 === void 0 ? void 0 : _current$node4.type.name) === 'paragraph',
         key: 'convert-to-paragraph',
         icon: /*#__PURE__*/React.createElement(TextIcon, {
           sx: {
@@ -889,7 +881,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '标题1',
-        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,
+        selected: ((_current$node5 = current.node) === null || _current$node5 === void 0 ? void 0 : _current$node5.type.name) === 'heading' && ((_current$node6 = current.node) === null || _current$node6 === void 0 ? void 0 : _current$node6.attrs.level) === 1,
         key: 'convert-to-heading-1',
         icon: /*#__PURE__*/React.createElement(H1Icon, {
           sx: {
@@ -915,7 +907,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '标题2',
-        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,
+        selected: ((_current$node7 = current.node) === null || _current$node7 === void 0 ? void 0 : _current$node7.type.name) === 'heading' && ((_current$node8 = current.node) === null || _current$node8 === void 0 ? void 0 : _current$node8.attrs.level) === 2,
         key: 'convert-to-heading-2',
         icon: /*#__PURE__*/React.createElement(H2Icon, {
           sx: {
@@ -941,7 +933,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '标题3',
-        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,
+        selected: ((_current$node9 = current.node) === null || _current$node9 === void 0 ? void 0 : _current$node9.type.name) === 'heading' && ((_current$node10 = current.node) === null || _current$node10 === void 0 ? void 0 : _current$node10.attrs.level) === 3,
         key: 'convert-to-heading-3',
         icon: /*#__PURE__*/React.createElement(H3Icon, {
           sx: {
@@ -974,7 +966,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         key: 'divider2'
       }, {
         label: '有序列表',
-        selected: ((_current$node10 = current.node) === null || _current$node10 === void 0 ? void 0 : _current$node10.type.name) === 'orderedList',
+        selected: ((_current$node11 = current.node) === null || _current$node11 === void 0 ? void 0 : _current$node11.type.name) === 'orderedList',
         key: 'convert-to-ordered-list',
         icon: /*#__PURE__*/React.createElement(ListOrdered2Icon, {
           sx: {
@@ -997,7 +989,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '无序列表',
-        selected: ((_current$node11 = current.node) === null || _current$node11 === void 0 ? void 0 : _current$node11.type.name) === 'bulletList',
+        selected: ((_current$node12 = current.node) === null || _current$node12 === void 0 ? void 0 : _current$node12.type.name) === 'bulletList',
         key: 'convert-to-bullet-list',
         icon: /*#__PURE__*/React.createElement(ListUnorderedIcon, {
           sx: {
@@ -1020,7 +1012,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '任务列表',
-        selected: ((_current$node12 = current.node) === null || _current$node12 === void 0 ? void 0 : _current$node12.type.name) === 'taskList',
+        selected: ((_current$node13 = current.node) === null || _current$node13 === void 0 ? void 0 : _current$node13.type.name) === 'taskList',
         key: 'convert-to-task-list',
         icon: /*#__PURE__*/React.createElement(ListCheck3Icon, {
           sx: {
@@ -1050,7 +1042,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         key: 'divider3'
       }, {
         label: '引用',
-        selected: ((_current$node13 = current.node) === null || _current$node13 === void 0 ? void 0 : _current$node13.type.name) === 'blockquote',
+        selected: ((_current$node14 = current.node) === null || _current$node14 === void 0 ? void 0 : _current$node14.type.name) === 'blockquote',
         key: 'convert-to-blockquote',
         icon: /*#__PURE__*/React.createElement(QuoteTextIcon, {
           sx: {
@@ -1073,7 +1065,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
       }, {
         label: '警告块',
-        selected: ((_current$node14 = current.node) === null || _current$node14 === void 0 ? void 0 : _current$node14.type.name) === 'alert',
+        selected: ((_current$node15 = current.node) === null || _current$node15 === void 0 ? void 0 : _current$node15.type.name) === 'alert',
         key: 'convert-to-alert',
         icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
           sx: {
@@ -1102,7 +1094,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
           }
         }
       }]
-    }] : []), _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) ? [{
+    }] : []), _toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.download && ((_current$node16 = current.node) !== null && _current$node16 !== void 0 && _current$node16.attrs.src || (_current$node17 = current.node) !== null && _current$node17 !== void 0 && _current$node17.attrs.src) ? [{
       label: "\u4E0B\u8F7D".concat(currentNode === null || currentNode === void 0 ? void 0 : currentNode.label),
       key: 'download',
       icon: /*#__PURE__*/React.createElement(DownloadLineIcon, {
@@ -1112,7 +1104,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
       }),
       onClick: function () {
         var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-          var _current$node17, node, nodeFile, nodeBlob, nodeUrl, nodeName, a;
+          var _current$node18, node, nodeFile, nodeBlob, nodeUrl, nodeName, a;
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
@@ -1120,7 +1112,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
                   _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)) {
+                if (![NodeTypeEnum.Video, NodeTypeEnum.Audio, NodeTypeEnum.BlockAttachment].includes((_current$node18 = current.node) === null || _current$node18 === void 0 ? void 0 : _current$node18.type.name)) {
                   _context3.next = 16;
                   break;
                 }
@@ -1383,27 +1375,7 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
         }
         return onClick;
       }()
-    }] : []))), _toConsumableArray(more ? more : []), _toConsumableArray(hasMarks ? [{
-      label: '文本格式化',
-      key: 'format',
-      icon: /*#__PURE__*/React.createElement(EraserLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        if (current.node && current.pos !== undefined) {
-          var _current$node18;
-          var selection = current.editor.commands.setTextSelection({
-            from: current.pos,
-            to: current.pos + ((_current$node18 = current.node) === null || _current$node18 === void 0 ? void 0 : _current$node18.nodeSize)
-          });
-          if (selection) {
-            current.editor.chain().unsetAllMarks().focus(current.pos - 1).run();
-          }
-        }
-      }
-    }] : []))
+    }] : []))), _toConsumableArray(more ? more : []))
   }) : /*#__PURE__*/React.createElement(DragIcon, null)));
 };
 export default CustomDragHandle;

package/dist/component/Icons/emotion-line-icon.d.ts

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

package/dist/component/Icons/emotion-line-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 EmotionLineIcon = function EmotionLineIcon(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 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8 13H16C16 15.2091 14.2091 17 12 17C9.79086 17 8 15.2091 8 13ZM8 11C7.17157 11 6.5 10.3284 6.5 9.5C6.5 8.67157 7.17157 8 8 8C8.82843 8 9.5 8.67157 9.5 9.5C9.5 10.3284 8.82843 11 8 11ZM16 11C15.1716 11 14.5 10.3284 14.5 9.5C14.5 8.67157 15.1716 8 16 8C16.8284 8 17.5 8.67157 17.5 9.5C17.5 10.3284 16.8284 11 16 11Z"
+  }));
+};
+EmotionLineIcon.displayName = 'icon-emotion-line';

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

@@ -42,6 +42,7 @@ export { DownloadLineIcon } from './download-line-icon';
 export { DraggableIcon } from './draggable-icon';
 export { EditBoxLineIcon } from './edit-box-line-icon';
 export { EditLineIcon } from './edit-line-icon';
+export { EmotionLineIcon } from './emotion-line-icon';
 export { EraserLineIcon } from './eraser-line-icon';
 export { ErrorWarningFillIcon } from './error-warning-fill-icon';
 export { ExpendIcon } from './expend-icon';

package/dist/component/Icons/index.js

@@ -45,6 +45,7 @@ export { DownloadLineIcon } from "./download-line-icon";
 export { DraggableIcon } from "./draggable-icon";
 export { EditBoxLineIcon } from "./edit-box-line-icon";
 export { EditLineIcon } from "./edit-line-icon";
+export { EmotionLineIcon } from "./emotion-line-icon";
 export { EraserLineIcon } from "./eraser-line-icon";
 export { ErrorWarningFillIcon } from "./error-warning-fill-icon";
 export { ExpendIcon } from "./expend-icon";

package/dist/component/Menu/NestedList.d.ts

@@ -3,7 +3,7 @@ import { PopoverOrigin } from '@mui/material';
 import React from 'react';
 export interface NestedMenuListProps {
     list: MenuItem[];
-    width?: number;
+    width?: React.CSSProperties['width'];
     arrowIcon?: React.ReactNode;
     childrenProps?: {
         anchorOrigin?: PopoverOrigin;

package/dist/component/Menu/index.js

@@ -11,6 +11,7 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? 'menu-select' : _ref$id,
     width = _ref.width,
+    maxHeight = _ref.maxHeight,
     arrowIcon = _ref.arrowIcon,
     list = _ref.list,
     _ref$header = _ref.header,
@@ -84,7 +85,9 @@ var Menu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     } : undefined
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
-      p: 0.5
+      p: 0.5,
+      maxHeight: maxHeight,
+      overflowY: 'auto'
     }
   }, /*#__PURE__*/React.createElement(Box, {
     onClick: handleClose

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

@@ -1,7 +1,7 @@
 import { getShortcutKeyText } from "../../../util";
 import { Typography } from '@mui/material';
 import React from 'react';
-import { AddCircleFillIcon, ArrowDownSLineIcon, AttachmentLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon, DoubleQuotesLIcon, ErrorWarningFillIcon, Folder2LineIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, UserSmileFillIcon, WindowFillIcon } from "../../Icons";
+import { AddCircleFillIcon, ArrowDownSLineIcon, AttachmentLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, CodeBoxLineIcon, CodeLineIcon, CodeSSlashLineIcon, DoubleQuotesLIcon, EmotionLineIcon, ErrorWarningFillIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, UserSmileFillIcon, WindowFillIcon } from "../../Icons";
 import Menu from "../../Menu";
 import ToolbarItem from "../Item";
 import TableSizePicker from "../TableSizePicker";
@@ -9,6 +9,7 @@ var EditorInsert = function EditorInsert(_ref) {
   var editor = _ref.editor;
   return /*#__PURE__*/React.createElement(Menu, {
     width: 224,
+    maxHeight: 'calc(100vh - 312px)',
     context: /*#__PURE__*/React.createElement(ToolbarItem, {
       tip: '插入',
       text: '插入',
@@ -36,12 +37,30 @@ var EditorInsert = function EditorInsert(_ref) {
       customLabel: /*#__PURE__*/React.createElement(Typography, {
         sx: {
           px: 1,
-          pt: 2,
+          pt: 1,
           fontSize: '12px',
           color: 'text.disabled'
         }
       }, "\u901A\u7528"),
       key: 'current-node'
+    }, {
+      label: '表情',
+      key: 'emotion',
+      icon: /*#__PURE__*/React.createElement(EmotionLineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      extra: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, ":"),
+      onClick: function onClick() {
+        var pos = editor.state.selection.from;
+        editor.chain().insertContentAt(pos, ' : ').focus(pos + 2).run();
+      }
     }, {
       label: '图片',
       key: 'image',
@@ -62,6 +81,70 @@ var EditorInsert = function EditorInsert(_ref) {
           width: 760
         });
       }
+    }, {
+      label: '视频',
+      key: 'video',
+      extra: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, getShortcutKeyText(['ctrl', '3'], '+')),
+      icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return editor.commands.setVideo({
+          src: '',
+          width: 760,
+          controls: true,
+          autoplay: false
+        });
+      }
+    }, {
+      label: '音频',
+      key: 'audio',
+      extra: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, getShortcutKeyText(['ctrl', '4'], '+')),
+      icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return editor.commands.setAudio({
+          src: '',
+          controls: true,
+          autoplay: false
+        });
+      }
+    }, {
+      label: '附件',
+      key: 'attachment',
+      extra: /*#__PURE__*/React.createElement(Typography, {
+        sx: {
+          fontSize: '12px',
+          color: 'text.disabled'
+        }
+      }, getShortcutKeyText(['ctrl', '5'], '+')),
+      icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
+        sx: {
+          fontSize: '1rem'
+        }
+      }),
+      onClick: function onClick() {
+        return editor.commands.setInlineAttachment({
+          url: '',
+          title: '',
+          size: '0'
+        });
+      }
     }, {
       label: '表格',
       key: 'table',
@@ -88,88 +171,15 @@ var EditorInsert = function EditorInsert(_ref) {
           }
         })
       }]
-    }, {
-      label: '文件',
-      key: 'file',
-      icon: /*#__PURE__*/React.createElement(Folder2LineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      children: [{
-        label: '附件',
-        key: 'attachment',
-        extra: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            fontSize: '12px',
-            color: 'text.disabled'
-          }
-        }, getShortcutKeyText(['ctrl', '5'], '+')),
-        icon: /*#__PURE__*/React.createElement(AttachmentLineIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          return editor.commands.setInlineAttachment({
-            url: '',
-            title: '',
-            size: '0'
-          });
-        }
-      }, {
-        label: '音频',
-        key: 'audio',
-        extra: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            fontSize: '12px',
-            color: 'text.disabled'
-          }
-        }, getShortcutKeyText(['ctrl', '4'], '+')),
-        icon: /*#__PURE__*/React.createElement(Music2LineIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          return editor.commands.setAudio({
-            src: '',
-            controls: true,
-            autoplay: false
-          });
-        }
-      }, {
-        label: '视频',
-        key: 'video',
-        extra: /*#__PURE__*/React.createElement(Typography, {
-          sx: {
-            fontSize: '12px',
-            color: 'text.disabled'
-          }
-        }, getShortcutKeyText(['ctrl', '3'], '+')),
-        icon: /*#__PURE__*/React.createElement(MovieLineIcon, {
-          sx: {
-            fontSize: '1rem'
-          }
-        }),
-        onClick: function onClick() {
-          return editor.commands.setVideo({
-            src: '',
-            width: 760,
-            controls: true,
-            autoplay: false
-          });
-        }
-      }]
     }, {
       customLabel: /*#__PURE__*/React.createElement(Typography, {
         sx: {
           px: 1,
-          pt: 2,
+          pt: 1,
           fontSize: '12px',
           color: 'text.disabled'
         }
-      }, "\u6837\u5F0F\u5E03\u5C40"),
+      }, "\u6A21\u5757"),
       key: 'style'
     }, {
       label: '分割线',
@@ -304,11 +314,11 @@ var EditorInsert = function EditorInsert(_ref) {
       customLabel: /*#__PURE__*/React.createElement(Typography, {
         sx: {
           px: 1,
-          pt: 2,
+          pt: 1,
           fontSize: '12px',
           color: 'text.disabled'
         }
-      }, "\u7A0B\u5E8F\u5458\u4E13\u7528"),
+      }, "\u4E13\u4E1A"),
       key: 'programmer'
     }, {
       label: '代码',
@@ -404,7 +414,7 @@ var EditorInsert = function EditorInsert(_ref) {
       customLabel: /*#__PURE__*/React.createElement(Typography, {
         sx: {
           px: 1,
-          pt: 2,
+          pt: 1,
           fontSize: '12px',
           color: 'text.disabled'
         }