@ctzhian/tiptap 1.2.0 → 1.3.0

package/dist/Editor/demo.js

@@ -81,7 +81,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<div class=\"tableWrapper\"><table style=\"min-width: 400px;\"><colgroup><col style=\"min-width: 100px;\"><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\"><p>fasldkf</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>2fdslkajf</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>fk</p></th><th class=\"table-header\" colspan=\"1\" rowspan=\"1\"><p>fjakdsl fjsdak</p></th></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>fsafd</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>fasdffads</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>afsfa</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>fasdfa</p></td></tr><tr class=\"table-row\"><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>afsdfsda</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>fdasfas</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>dsfasdfadsfa</p></td><td colspan=\"1\" rowspan=\"1\" data-background-color=\"transparent\" style=\"background-color: transparent;\"><p>faffaffddafs fadf fsad</p></td></tr></tbody></table></div><p></p>"
+      content: "<iframe class=\"iframe-wrapper\" width=\"760\" height=\"400\" src=\"https://bbs.chaitin.cn/user/signin?ref=%2F\" frameborder=\"0\" allowfullscreen=\"true\"></iframe><p></p>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/component/CustomBubbleMenu/SelectionText.js

@@ -15,11 +15,7 @@ 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(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hideColor = _useState2[0],
-    setHideColor = _useState2[1];
-  var _useState3 = useState({
+  var _useState = useState({
       quote: false,
       bold: false,
       italic: false,
@@ -29,11 +25,9 @@ var SelectionText = function SelectionText(_ref) {
       superscript: false,
       subscript: false
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    active = _useState4[0],
-    setActive = _useState4[1];
-  // const [showColorPicker, setShowColorPicker] = useState(false)
-
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   var updateSelection = function updateSelection() {
     setActive({
       quote: editor.isActive('blockquote'),
@@ -45,7 +39,6 @@ var SelectionText = function SelectionText(_ref) {
       superscript: editor.isActive('superscript'),
       subscript: editor.isActive('subscript')
     });
-    setHideColor(editor.isActive('codeBlock') || editor.isActive('inlineMath') || editor.isActive('blockMath'));
   };
   useEffect(function () {
     editor.on('selectionUpdate', updateSelection);
@@ -55,7 +48,7 @@ var SelectionText = function SelectionText(_ref) {
       editor.off('transaction', updateSelection);
     };
   }, [editor]);
-  if (!editor.isEditable || hideColor) {
+  if (!editor.isEditable) {
     return null;
   }
   return /*#__PURE__*/React.createElement(BubbleMenu, {
@@ -69,7 +62,7 @@ var SelectionText = function SelectionText(_ref) {
       var editorProps = _ref2.editor,
         from = _ref2.from,
         to = _ref2.to;
-      if (editorProps.state.selection.empty || editorProps.isActive('image') || editorProps.isActive('video') || editorProps.isActive('audio') || editorProps.isActive('emoji') || editorProps.isActive('codeBlock') || editorProps.isActive('blockLink') || editorProps.isActive('inlineLink') || editorProps.isActive('blockAttachment') || editorProps.isActive('inlineAttachment')) {
+      if (editorProps.state.selection.empty || editorProps.isActive('image') || editorProps.isActive('video') || editorProps.isActive('audio') || editorProps.isActive('emoji') || editorProps.isActive('codeBlock') || editorProps.isActive('blockMath') || editorProps.isActive('inlineMath') || editorProps.isActive('blockLink') || editorProps.isActive('inlineLink') || editorProps.isActive('blockAttachment') || editorProps.isActive('inlineAttachment') || editorProps.isActive('horizontalRule') || editorProps.isActive('iframe')) {
         return false;
       }
       return true;

package/dist/component/CustomDragHandle/index.js

@@ -17,9 +17,9 @@ 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 { TextSelection } from '@tiptap/pm/state';
+import { NodeSelection } from '@tiptap/pm/state';
 import React, { useCallback, useState } from 'react';
-import { downloadFiles, filterResourcesByType, getAllResources } from "../../util";
+import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources } from "../../util";
 import { FileCopyLineIcon } from "../Icons/file-copy-line-icon";
 import Menu from "../Menu";
 import { ToolbarItem } from "../Toolbar";
@@ -178,10 +178,13 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
       state = _current$editor.state,
       view = _current$editor.view;
     var tr = state.tr;
-    var resolved = tr.doc.resolve(Math.min(current.pos + 1, tr.doc.content.size));
-    tr.setSelection(TextSelection.near(resolved));
-    view.dispatch(tr);
-    view.focus();
+    var pos = current.pos;
+    if (pos >= 0) {
+      var selection = NodeSelection.create(tr.doc, pos);
+      tr.setSelection(selection);
+      view.dispatch(tr);
+      view.focus();
+    }
   };
   var hasMarksDeep = function hasMarksDeep(node) {
     var _content;
@@ -243,16 +246,6 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
       vertical: 'top',
       horizontal: 'left'
     },
-    childrenProps: {
-      anchorOrigin: {
-        vertical: 'center',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'center',
-        horizontal: 'left'
-      }
-    },
     arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
       sx: {
         fontSize: '1rem',
@@ -272,7 +265,7 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
     }].concat(_toConsumableArray(currentNode !== null && currentNode !== void 0 && currentNode.color ? [{
       key: 'color',
       label: '颜色',
-      maxHeight: 480,
+      maxHeight: 400,
       icon: /*#__PURE__*/React.createElement(BrushLineIcon, {
         sx: {
           fontSize: '1rem'
@@ -553,7 +546,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'paragraph'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.setParagraph();
@@ -569,7 +569,15 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'heading',
+              level: 1
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.setHeading({
@@ -587,7 +595,15 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'heading',
+              level: 2
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.setHeading({
@@ -605,7 +621,15 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'heading',
+              level: 3
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.setHeading({
@@ -630,7 +654,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'orderedList'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleOrderedList();
@@ -646,7 +677,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'bulletList'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleBulletList();
@@ -662,7 +700,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'taskList'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleTaskList();
@@ -685,7 +730,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'blockquote'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleBlockquote();
@@ -701,7 +753,14 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'codeBlock'
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleCodeBlock();
@@ -717,7 +776,18 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           }
         }),
         onClick: function onClick() {
-          if (current.node && current.pos !== undefined) {
+          if (!current.node) return;
+          var type = current.node.type.name;
+          var groupTypes = [NodeTypeEnum.BulletList, NodeTypeEnum.OrderedList, NodeTypeEnum.TaskList, NodeTypeEnum.Blockquote, NodeTypeEnum.CodeBlock, NodeTypeEnum.Alert];
+          if (groupTypes.includes(type)) {
+            convertNodeAt(current.editor, current.pos, current.node, {
+              type: 'alert',
+              attrs: {
+                variant: 'info',
+                type: 'icon'
+              }
+            });
+          } else {
             selectCurrentNode();
             cancelNodeType();
             current.editor.commands.toggleAlert({
@@ -1084,8 +1154,6 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
           var afterPos = current.pos + current.node.nodeSize;
           current.editor.chain().focus().insertContentAt(afterPos, {
             type: 'paragraph'
-          }, {
-            updateSelection: true
           }).run();
         }
       },
@@ -1099,7 +1167,8 @@ var CustomDragHandle = function CustomDragHandle(_ref2) {
       key: 'insert-divider',
       onClick: function onClick() {
         if (current.node && current.pos !== undefined) {
-          current.editor.chain().focus().insertContent({
+          var afterPos = current.pos + current.node.nodeSize;
+          current.editor.chain().focus().insertContentAt(afterPos, {
             type: 'horizontalRule'
           }).run();
         }

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

@@ -114,3 +114,4 @@ export { UploadCloud2LineIcon } from './upload-cloud-2-line-icon';
 export { UploadIcon } from './upload-icon';
 export { VolumeMuteLineIcon } from './volume-mute-line-icon';
 export { VolumeUpLineIcon } from './volume-up-line-icon';
+export { WindowFillIcon } from './window-fill-icon';

package/dist/component/Icons/index.js

@@ -116,4 +116,5 @@ export { UnderlineIcon } from "./underline-icon";
 export { UploadCloud2LineIcon } from "./upload-cloud-2-line-icon";
 export { UploadIcon } from "./upload-icon";
 export { VolumeMuteLineIcon } from "./volume-mute-line-icon";
-export { VolumeUpLineIcon } from "./volume-up-line-icon";
+export { VolumeUpLineIcon } from "./volume-up-line-icon";
+export { WindowFillIcon } from "./window-fill-icon";

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

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

package/dist/component/Icons/window-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 WindowFillIcon = function WindowFillIcon(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: "M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 10H4V19H20V10ZM5 6V8H7V6H5ZM9 6V8H11V6H9Z"
+  }));
+};
+WindowFillIcon.displayName = 'icon-window-fill';

package/dist/contants/enums.d.ts

@@ -16,6 +16,7 @@ export declare enum NodeTypeEnum {
     Video = "video",
     Audio = "audio",
     Link = "link",
+    Iframe = "iframe",
     Code = "code",
     InlineMath = "inlineMath",
     BlockMath = "blockMath"

package/dist/contants/enums.js

@@ -21,6 +21,7 @@ export var NodeTypeEnum = /*#__PURE__*/function (NodeTypeEnum) {
   NodeTypeEnum["Video"] = "video";
   NodeTypeEnum["Audio"] = "audio";
   NodeTypeEnum["Link"] = "link";
+  NodeTypeEnum["Iframe"] = "iframe";
   NodeTypeEnum["Code"] = "code";
   NodeTypeEnum["InlineMath"] = "inlineMath";
   NodeTypeEnum["BlockMath"] = "blockMath";
@@ -96,10 +97,12 @@ export var NODE_TYPE_LABEL = (_NODE_TYPE_LABEL = {}, _defineProperty(_defineProp
   label: '链接'
 }), NodeTypeEnum.Image, {
   label: '图片'
+}), NodeTypeEnum.Iframe, {
+  label: 'iframe'
 }), NodeTypeEnum.InlineMath, {
   label: '行内公式'
 }), NodeTypeEnum.InlineAttachment, {
   label: '附件'
-}), NodeTypeEnum.HorizontalRule, {
+}), _defineProperty(_NODE_TYPE_LABEL, NodeTypeEnum.HorizontalRule, {
   label: '分割线'
 }));

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 } from "../component/Icons";
+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";
 export var slashCommands = [{
   title: '一级标题',
   icon: /*#__PURE__*/React.createElement(H1Icon, {
@@ -223,36 +223,40 @@ export var slashCommands = [{
     }).run();
   }
 }, {
-  title: '警告提示',
-  icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
+  title: 'iframe',
+  icon: /*#__PURE__*/React.createElement(WindowFillIcon, {
     sx: {
       fontSize: '1rem'
     }
   }),
   command: function command(_ref18) {
     var editor = _ref18.editor,
-      range = _ref18.range,
-      attrs = _ref18.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'
+      range = _ref18.range;
+    editor.chain().focus().deleteRange(range).setIframe({
+      src: '',
+      width: 760,
+      height: 400
     }).run();
   }
 }, {
-  title: '折叠块',
-  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
+  title: '警告提示',
+  icon: /*#__PURE__*/React.createElement(Information2LineIcon, {
     sx: {
       fontSize: '1rem'
     }
   }),
   command: function command(_ref19) {
     var editor = _ref19.editor,
-      range = _ref19.range;
-    editor.chain().focus().deleteRange(range).setDetails().run();
+      range = _ref19.range,
+      attrs = _ref19.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'
+    }).run();
   }
 }, {
-  title: '代码块',
-  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
+  title: '折叠块',
+  icon: /*#__PURE__*/React.createElement(MenuFold2FillIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -260,11 +264,11 @@ export var slashCommands = [{
   command: function command(_ref20) {
     var editor = _ref20.editor,
       range = _ref20.range;
-    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+    editor.chain().focus().deleteRange(range).setDetails().run();
   }
 }, {
-  title: '行内数学公式',
-  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
+  title: '代码块',
+  icon: /*#__PURE__*/React.createElement(CodeBoxLineIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -272,13 +276,11 @@ export var slashCommands = [{
   command: function command(_ref21) {
     var editor = _ref21.editor,
       range = _ref21.range;
-    editor.chain().focus().deleteRange(range).setInlineMath({
-      latex: ''
-    }).run();
+    editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
   }
 }, {
-  title: '块级数学公式',
-  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
+  title: '行内数学公式',
+  icon: /*#__PURE__*/React.createElement(SquareRootIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -286,13 +288,13 @@ export var slashCommands = [{
   command: function command(_ref22) {
     var editor = _ref22.editor,
       range = _ref22.range;
-    editor.chain().focus().deleteRange(range).setBlockMath({
+    editor.chain().focus().deleteRange(range).setInlineMath({
       latex: ''
     }).run();
   }
 }, {
-  title: '表格',
-  icon: /*#__PURE__*/React.createElement(Table2Icon, {
+  title: '块级数学公式',
+  icon: /*#__PURE__*/React.createElement(FunctionsIcon, {
     sx: {
       fontSize: '1rem'
     }
@@ -300,10 +302,8 @@ export var slashCommands = [{
   command: function command(_ref23) {
     var editor = _ref23.editor,
       range = _ref23.range;
-    editor.chain().focus().deleteRange(range).insertTable({
-      rows: 3,
-      cols: 4,
-      withHeaderRow: true
+    editor.chain().focus().deleteRange(range).setBlockMath({
+      latex: ''
     }).run();
   }
 }, {

package/dist/extension/component/Iframe/Insert.d.ts

@@ -0,0 +1,14 @@
+import { EditorFnProps } from "../../../type";
+import React from "react";
+export type IframeAttributes = {
+    src: string;
+    width: number;
+    height: number;
+};
+type InsertIframeProps = {
+    selected: boolean;
+    attrs: IframeAttributes;
+    updateAttributes: (attrs: IframeAttributes) => void;
+} & EditorFnProps;
+declare const InsertIframe: ({ selected, attrs, updateAttributes }: InsertIframeProps) => React.JSX.Element;
+export default InsertIframe;

package/dist/extension/component/Iframe/Insert.js

@@ -0,0 +1,112 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { FloatingPopover } from "../../../component/FloatingPopover";
+import { WindowFillIcon } from "../../../component/Icons";
+import { Box, Button, Stack, TextField } from "@mui/material";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useState } from "react";
+var InsertIframe = function InsertIframe(_ref) {
+  var selected = _ref.selected,
+    attrs = _ref.attrs,
+    updateAttributes = _ref.updateAttributes;
+  var _useState = useState(attrs.src || ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    editUrl = _useState2[0],
+    setEditUrl = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    anchorEl = _useState4[0],
+    setAnchorEl = _useState4[1];
+  var handleShowPopover = function handleShowPopover(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var handleClosePopover = function handleClosePopover() {
+    return setAnchorEl(null);
+  };
+  var handleInsert = function handleInsert() {
+    if (!editUrl.trim()) return;
+    updateAttributes({
+      src: editUrl.trim(),
+      width: attrs.width,
+      height: attrs.height
+    });
+    handleClosePopover();
+  };
+  return /*#__PURE__*/React.createElement(NodeViewWrapper, {
+    className: "iframe-wrapper",
+    "data-drag-handle": true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    alignItems: 'center',
+    gap: 2,
+    onClick: handleShowPopover,
+    sx: {
+      border: '1px dashed',
+      borderColor: 'divider',
+      borderRadius: 'var(--mui-shape-borderRadius)',
+      px: 2,
+      py: 1.5,
+      minWidth: 200,
+      textAlign: 'center',
+      color: 'text.secondary',
+      bgcolor: 'action.default',
+      position: 'relative',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      '&:hover': {
+        bgcolor: 'action.hover'
+      },
+      '&:active': {
+        bgcolor: 'action.selected'
+      }
+    }
+  }, /*#__PURE__*/React.createElement(WindowFillIcon, {
+    sx: {
+      fontSize: '1rem',
+      position: 'relative',
+      flexShrink: 0
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      fontSize: '0.875rem',
+      position: 'relative',
+      flexGrow: 1,
+      textAlign: 'left'
+    }
+  }, "\u70B9\u51FB\u6B64\u5904\u5D4C\u5165 iframe")), /*#__PURE__*/React.createElement(FloatingPopover, {
+    open: Boolean(anchorEl),
+    anchorEl: anchorEl,
+    onClose: handleClosePopover,
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 2,
+    sx: {
+      p: 2,
+      width: 350
+    }
+  }, /*#__PURE__*/React.createElement(TextField, {
+    fullWidth: true,
+    size: "small",
+    value: editUrl,
+    onChange: function onChange(e) {
+      return setEditUrl(e.target.value);
+    },
+    placeholder: "\u8F93\u5165\u8981\u5D4C\u5165\u7684 URL"
+  }), /*#__PURE__*/React.createElement(Stack, {
+    direction: 'row',
+    gap: 1
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "outlined",
+    fullWidth: true,
+    onClick: handleClosePopover
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    variant: "contained",
+    fullWidth: true,
+    onClick: handleInsert
+  }, "\u5D4C\u5165")))));
+};
+export default InsertIframe;

package/dist/extension/component/Iframe/Readonly.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type IframeAttributes = {
+    src: string;
+    width: number;
+    height: number;
+};
+declare const ReadonlyIframe: ({ attrs }: {
+    attrs: IframeAttributes;
+}) => React.JSX.Element;
+export default ReadonlyIframe;

package/dist/extension/component/Iframe/Readonly.js

@@ -0,0 +1,14 @@
+import React from 'react';
+var ReadonlyIframe = function ReadonlyIframe(_ref) {
+  var attrs = _ref.attrs;
+  return /*#__PURE__*/React.createElement("iframe", {
+    src: attrs.src,
+    width: attrs.width,
+    height: attrs.height,
+    style: {
+      display: 'block',
+      border: 0
+    }
+  });
+};
+export default ReadonlyIframe;

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

@@ -0,0 +1,5 @@
+import { EditorFnProps } from "../../../type";
+import { NodeViewProps } from '@tiptap/react';
+import React from "react";
+declare const IframeViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
+export default IframeViewWrapper;