@ctzhian/tiptap 1.12.21 → 1.12.23

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'
         }

package/dist/contants/slash-commands.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AttachmentLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, TextWrapIcon, WindowFillIcon } from "../component/Icons";
+import { AttachmentLineIcon, CodeBoxLineIcon, CodeLineIcon, DoubleQuotesLIcon, EmotionLineIcon, FunctionsIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, ImageLineIcon, Information2LineIcon, LinkIcon, ListCheck2Icon, ListOrdered2Icon, ListUnorderedIcon, MenuFold2FillIcon, MovieLineIcon, Music2LineIcon, SeparatorIcon, SquareRootIcon, Table2Icon, TextWrapIcon, WindowFillIcon } from "../component/Icons";
 export var slashCommands = [{
   title: '标题1',
   shortcutKey: ['ctrl', 'alt', '1'],
@@ -142,8 +142,8 @@ export var slashCommands = [{
     editor.chain().focus().deleteRange(range).insertContent('<br />').run();
   }
 }, {
-  title: '分割线',
-  icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
+  title: '表情',
+  icon: /*#__PURE__*/React.createElement(EmotionLineIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -151,6 +151,18 @@ export var slashCommands = [{
   command: function command(_ref11) {
     var editor = _ref11.editor,
       range = _ref11.range;
+    editor.chain().deleteRange(range).insertContentAt(range.from, ' : ').focus(range.from + 2).run();
+  }
+}, {
+  title: '分割线',
+  icon: /*#__PURE__*/React.createElement(SeparatorIcon, {
+    sx: {
+      fontSize: '1rem'
+    }
+  }),
+  command: function command(_ref12) {
+    var editor = _ref12.editor,
+      range = _ref12.range;
     editor.chain().focus().deleteRange(range).setHorizontalRule().run();
   }
 }, {
@@ -161,9 +173,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref12) {
-    var editor = _ref12.editor,
-      range = _ref12.range;
+  command: function command(_ref13) {
+    var editor = _ref13.editor,
+      range = _ref13.range;
     editor.chain().focus().deleteRange(range).toggleBlockquote().run();
   }
 }, {
@@ -174,9 +186,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref13) {
-    var editor = _ref13.editor,
-      range = _ref13.range;
+  command: function command(_ref14) {
+    var editor = _ref14.editor,
+      range = _ref14.range;
     editor.chain().focus().deleteRange(range).setMark('code').run();
   }
 }, {
@@ -187,9 +199,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref14) {
-    var editor = _ref14.editor,
-      range = _ref14.range;
+  command: function command(_ref15) {
+    var editor = _ref15.editor,
+      range = _ref15.range;
     editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
@@ -200,9 +212,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref15) {
-    var editor = _ref15.editor,
-      range = _ref15.range;
+  command: function command(_ref16) {
+    var editor = _ref16.editor,
+      range = _ref16.range;
     editor.chain().focus().deleteRange(range).setInlineLink({
       href: ''
     }).run();
@@ -215,9 +227,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref16) {
-    var editor = _ref16.editor,
-      range = _ref16.range;
+  command: function command(_ref17) {
+    var editor = _ref17.editor,
+      range = _ref17.range;
     editor.chain().focus().deleteRange(range).setDetails().run();
   }
 }, {
@@ -227,9 +239,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref17) {
-    var editor = _ref17.editor,
-      range = _ref17.range;
+  command: function command(_ref18) {
+    var editor = _ref18.editor,
+      range = _ref18.range;
     editor.chain().focus().deleteRange(range).setIframe({
       src: '',
       width: 760,
@@ -244,10 +256,10 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref18) {
-    var editor = _ref18.editor,
-      range = _ref18.range,
-      attrs = _ref18.attrs;
+  command: function command(_ref19) {
+    var editor = _ref19.editor,
+      range = _ref19.range,
+      attrs = _ref19.attrs;
     editor.chain().focus().deleteRange(range).insertTable({
       rows: attrs.rows || 3,
       cols: attrs.cols || 4,
@@ -261,10 +273,10 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref19) {
-    var editor = _ref19.editor,
-      range = _ref19.range,
-      attrs = _ref19.attrs;
+  command: function command(_ref20) {
+    var editor = _ref20.editor,
+      range = _ref20.range,
+      attrs = _ref20.attrs;
     editor.chain().focus().deleteRange(range).toggleAlert({
       type: (attrs === null || attrs === void 0 ? void 0 : attrs.type) || 'icon',
       variant: (attrs === null || attrs === void 0 ? void 0 : attrs.variant) || 'info'
@@ -277,9 +289,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref20) {
-    var editor = _ref20.editor,
-      range = _ref20.range;
+  command: function command(_ref21) {
+    var editor = _ref21.editor,
+      range = _ref21.range;
     editor.chain().focus().deleteRange(range).setDetails().run();
   }
 }, {
@@ -289,9 +301,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref21) {
-    var editor = _ref21.editor,
-      range = _ref21.range;
+  command: function command(_ref22) {
+    var editor = _ref22.editor,
+      range = _ref22.range;
     editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
@@ -301,9 +313,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref22) {
-    var editor = _ref22.editor,
-      range = _ref22.range;
+  command: function command(_ref23) {
+    var editor = _ref23.editor,
+      range = _ref23.range;
     editor.chain().focus().deleteRange(range).setInlineMath({
       latex: ''
     }).run();
@@ -315,9 +327,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref23) {
-    var editor = _ref23.editor,
-      range = _ref23.range;
+  command: function command(_ref24) {
+    var editor = _ref24.editor,
+      range = _ref24.range;
     editor.chain().focus().deleteRange(range).setBlockMath({
       latex: ''
     }).run();
@@ -329,9 +341,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref24) {
-    var editor = _ref24.editor,
-      range = _ref24.range;
+  command: function command(_ref25) {
+    var editor = _ref25.editor,
+      range = _ref25.range;
     editor.chain().focus().deleteRange(range).setImage({
       src: '',
       width: 760
@@ -344,9 +356,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref25) {
-    var editor = _ref25.editor,
-      range = _ref25.range;
+  command: function command(_ref26) {
+    var editor = _ref26.editor,
+      range = _ref26.range;
     editor.chain().focus().deleteRange(range).setVideo({
       src: '',
       width: 760
@@ -359,9 +371,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref26) {
-    var editor = _ref26.editor,
-      range = _ref26.range;
+  command: function command(_ref27) {
+    var editor = _ref27.editor,
+      range = _ref27.range;
     editor.chain().focus().deleteRange(range).setAudio({
       src: ''
     }).run();
@@ -373,9 +385,9 @@ export var slashCommands = [{
       fontSize: '1rem'
     }
   }),
-  command: function command(_ref27) {
-    var editor = _ref27.editor,
-      range = _ref27.range;
+  command: function command(_ref28) {
+    var editor = _ref28.editor,
+      range = _ref28.range;
     editor.chain().focus().deleteRange(range).setInlineAttachment({
       url: '',
       title: '',

package/dist/extension/component/Attachment/AttachmentContent.js

@@ -1,5 +1,5 @@
 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 { FileIcon } from "../../../component/Icons";
+import { Download2LineIcon } from "../../../component/Icons";
 import { Box, Stack } from "@mui/material";
 import React from "react";
 /**
@@ -75,15 +75,11 @@ export var AttachmentContent = function AttachmentContent(_ref) {
   }, !editable && {
     'data-title': attrs.title,
     'data-type': type
-  }), /*#__PURE__*/React.createElement(FileIcon, {
+  }), /*#__PURE__*/React.createElement(Download2LineIcon, {
     sx: {
       fontSize: '2rem',
-      cursor: 'grab',
       color: attrs.url === 'error' ? 'error.main' : 'primary.main',
-      alignSelf: 'center',
-      ':active': {
-        cursor: 'grabbing'
-      }
+      alignSelf: 'center'
     }
   }), /*#__PURE__*/React.createElement(Stack, {
     sx: {
@@ -117,7 +113,7 @@ export var AttachmentContent = function AttachmentContent(_ref) {
       alignItems: 'center',
       gap: 0.5
     }
-  }, /*#__PURE__*/React.createElement(FileIcon, {
+  }, /*#__PURE__*/React.createElement(Download2LineIcon, {
     sx: {
       fontSize: '0.875rem',
       cursor: 'grab',
@@ -127,7 +123,7 @@ export var AttachmentContent = function AttachmentContent(_ref) {
         cursor: 'grabbing'
       }
     }
-  }), attrs.title) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileIcon, {
+  }), attrs.title) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Download2LineIcon, {
     sx: {
       fontSize: '0.875rem',
       cursor: 'grab',

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

@@ -1,3 +1,4 @@
+import { Editor } from '@tiptap/core';
 import { EmojiItem } from '@tiptap/extension-emoji';
 import React from 'react';
 export type EmojiListProps = {
@@ -5,6 +6,8 @@ export type EmojiListProps = {
     command: (props: {
         name: string;
     }) => void;
+    query?: string;
+    editor?: Editor;
 };
 export type EmojiListRef = {
     onKeyDown: (props: {