@ctzhian/tiptap 1.12.20 → 1.12.23

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: {