@ctzhian/tiptap 1.1.2 → 1.2.1

package/dist/Editor/demo.js

@@ -81,7 +81,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<blockquote><p>\u98DE\u673A\u554A\u6B7B\u4E86\u6253\u98DE\u673A\u554A\u6536\u5230\u4E86</p></blockquote><p></p>"
+      content: "<p>\u98DE\u673A\u554A\u6536\u5230\u5566\u653E\u5047\u5566\u5927\u6C34\u98DE\u673A\u963F\u62C9\u5C71\u53E3\u7684\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u4E86\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002</p><ul class=\"bullet-list\" data-type=\"bulletList\"><li><p>\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u62C9\u4E0A\u770B\u89E3\u653E\u62C9\u5361\u4E0A\u98DE\u673A\u62C9\u4E0A\u98DE\u673A\u62C9\u5361\u4E0A\u6253\u98DE\u673A</p></li><li><p>\u53D1\u5723\u8BDE\u8282\u8DEF\u53E3\u53D1\u751F\u89E3\u653E\u4E86\u4E09\u5927\u89E3\u653E\u62C9\u5361\u4E0A\u6253\u98DE\u673A\u62C9\u5C4E</p></li><li><p>\u53D1\u5723\u8BDE\u8282\u8DEF\u53E3\u98DE\u673A\u554A\u6B7B\u4E86\u70B9\u5F00\u98DE\u673A\u963F\u91CC</p></li></ul><p>\u53D1\u5927\u6C34\u516D\u5757\u8179\u808C\u963F\u62C9\u5C71\u53E3\u98DE\u673A\u4E0A\u4E86\u5927\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u98DE\u673A\u554A\u6570\u91CF\u98DE\u673A\u554A\u6B7B\u4E86</p><p>\u53D1\u5927\u6C34\u516D\u5757\u8179\u808C\u963F\u62C9\u5C71\u53E3\u98DE\u673A\u4E0A\u4E86\u5927\u5F00\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566</p><blockquote><p>\u53D1\u62C9\u5361\u4E0A\u5927\u89E3\u653E\u62C9\u5C4E\u7684\u98DE\u673A\uFF1B\u963F\u675C\u91CC\u65AF\u89E3\u653E\u770B\u62C9\u4E0A\u5047\u53D1\uFF1B\u5E08\u5085\u3002</p></blockquote><div class=\"cq-alert\" data-id=\"alert_5ahr0ijo1l9\" data-variant=\"info\" data-type=\"icon\" data-node=\"alert\">\u53D1\u751F\u6C5F\u4E1C\u7236\u8001\u770B\u89C1\u554A\u4E0A\uFF1B\u98DE\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002\u673A\u554A\u4E0A\uFF1B\u53D1\u751F\uFF1B\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6765\u7684\u98DE\u673A\u554A\u4E0A\u6D6A\u8D39\u3002</div><p>\u98DE\u673A\u554A\u6536\u5230\u5566\u653E\u5047\u5566\u5927\u6C34\u98DE\u673A\u963F\u62C9\u5C71\u53E3\u7684\u98DE\u673A\u963F\u91CC\u65AF\u987F\u6FC0\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002\u53D1\u4E86\u5F00\u59CB\u51CF\u80A5\u554A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u98DE\u673A\u963F\u91CC\u7684\u662F\u98DE\u673A\u963F\u91CC\u65AF\u987F\u98DE\u673A\u5566\u3002</p>"
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/component/CustomBubbleMenu/SelectionText.js

@@ -45,7 +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'));
+    setHideColor(editor.isActive('codeBlock') || editor.isActive('horizontalRule') || editor.isActive('inlineMath') || editor.isActive('blockMath'));
   };
   useEffect(function () {
     editor.on('selectionUpdate', updateSelection);
@@ -69,7 +69,7 @@ var SelectionText = function SelectionText(_ref) {
       var editorProps = _ref2.editor,
         from = _ref2.from,
         to = _ref2.to;
-      if (editorProps.state.selection.empty || editorProps.isActive('code') || 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('blockLink') || editorProps.isActive('inlineLink') || editorProps.isActive('blockAttachment') || editorProps.isActive('inlineAttachment') || editorProps.isActive('horizontalRule')) {
         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/FloatingPopover/index.d.ts

@@ -1,9 +1,11 @@
+import { Strategy } from '@floating-ui/dom';
 import React from 'react';
 export interface FloatingPopoverProps {
     open: boolean;
     anchorEl: HTMLElement | null;
     onClose: () => void;
     children: React.ReactNode;
+    strategy?: Strategy;
     placement?: 'top' | 'bottom' | 'left' | 'right';
     offset?: number;
     className?: string;

package/dist/component/FloatingPopover/index.js

@@ -13,11 +13,14 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';
 import { Paper } from '@mui/material';
 import React, { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 export var FloatingPopover = function FloatingPopover(_ref) {
   var open = _ref.open,
     anchorEl = _ref.anchorEl,
     onClose = _ref.onClose,
     children = _ref.children,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
     _ref$offset = _ref.offset,
@@ -38,6 +41,7 @@ export var FloatingPopover = function FloatingPopover(_ref) {
       if (!popoverRef.current) return;
       computePosition(anchorEl, popoverRef.current, {
         placement: placement,
+        strategy: strategy,
         middleware: [offset(offsetValue), flip(), shift({
           padding: 8
         })]
@@ -78,7 +82,7 @@ export var FloatingPopover = function FloatingPopover(_ref) {
     };
   }, [open, onClose, anchorEl]);
   if (!open) return null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'fixed',
       top: 0,
@@ -92,13 +96,13 @@ export var FloatingPopover = function FloatingPopover(_ref) {
     ref: popoverRef,
     className: className,
     style: _objectSpread({
-      position: 'absolute',
+      position: strategy,
       left: position.x,
       top: position.y,
       zIndex: 1300,
       borderRadius: 'var(--mui-shape-borderRadius)'
     }, style),
     elevation: 8
-  }, children));
+  }, children)), document.body);
 };
 export default FloatingPopover;

package/dist/component/Toolbar/EditorFontSize.js

@@ -35,7 +35,7 @@ var EditorFontSize = function EditorFontSize(_ref) {
       var headingLevel = headingAttrs.level;
       switch (headingLevel) {
         case 1:
-          fontSize = '28';
+          fontSize = '30';
           break;
         case 2:
           fontSize = '24';
@@ -47,10 +47,10 @@ var EditorFontSize = function EditorFontSize(_ref) {
           fontSize = '18';
           break;
         case 5:
-          fontSize = '16';
+          fontSize = '18';
           break;
         case 6:
-          fontSize = '14';
+          fontSize = '16';
           break;
         default:
           fontSize = defaultFontSize;

package/dist/extension/component/Link/index.js

@@ -94,7 +94,7 @@ var LinkViewWrapper = function LinkViewWrapper(_ref) {
   };
   var handleDeleteLink = function handleDeleteLink() {
     editor.commands.deleteNode(node.type);
-    editor.commands.insertContent("[".concat(attrs.title || getLinkTitle(attrs.href), "](").concat(attrs.href, ")"));
+    editor.commands.insertContent(attrs.title || getLinkTitle(attrs.href));
   };
   var handleCopyLink = useCallback( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {

package/dist/extension/index.js

@@ -14,6 +14,7 @@ import { CharacterCount, Placeholder } from '@tiptap/extensions';
 import StarterKit from '@tiptap/starter-kit';
 import { PLACEHOLDER } from "../contants/placeholder";
 import { SlashCommands, StructuredDiffExtension } from "./extension";
+import { CodeExtension } from "./mark/Code";
 import { AlertExtension, AudioExtension, BlockAttachmentExtension, BlockLinkExtension, CodeBlockLowlightExtension, CustomBlockMathExtension, CustomInlineMathExtension, DetailsContentExtension, DetailsExtension, DetailsSummaryExtension, EmojiExtension, FileHandlerExtension, ImageExtension, InlineAttachmentExtension, InlineLinkExtension, ListExtension, MentionExtension, TableExtension, TableOfContents, UploadProgressExtension, VerticalAlign, VideoExtension, YoutubeExtension } from "./node";
 export var getExtensions = function getExtensions(_ref) {
   var limit = _ref.limit,
@@ -28,6 +29,7 @@ export var getExtensions = function getExtensions(_ref) {
     onTocUpdate = _ref.onTocUpdate;
   var defaultExtensions = [StarterKit.configure({
     link: false,
+    code: false,
     codeBlock: false,
     listItem: false,
     orderedList: false,
@@ -45,7 +47,7 @@ export var getExtensions = function getExtensions(_ref) {
     defaultAlignment: null
   }), CodeBlockLowlightExtension, CharacterCount.configure({
     limit: limit !== null && limit !== void 0 ? limit : null
-  }), Subscript, Superscript, TextStyleKit, AlertExtension, Highlight.configure({
+  }), Subscript, Superscript, TextStyleKit, CodeExtension, AlertExtension, Highlight.configure({
     multicolor: true
   }), Placeholder.configure({
     emptyNodeClass: 'custom-placeholder-node',

package/dist/extension/mark/Code.d.ts

@@ -0,0 +1,2 @@
+export declare const CodeExtension: import("@tiptap/core").Mark<import("@tiptap/extension-code").CodeOptions, any>;
+export default CodeExtension;

package/dist/extension/mark/Code.js

@@ -0,0 +1,9 @@
+import Code from '@tiptap/extension-code';
+
+// 允许与 textStyle 等标记共存，以便字号/颜色等样式可应用到 code 文本
+export var CodeExtension = Code.extend({
+  // 默认 `@tiptap/extension-code` 的 excludes 为 '_'（排除所有其他 mark）
+  // 这里清空以允许共存，从而让 textStyle 的 fontSize 生效
+  excludes: ''
+});
+export default CodeExtension;

package/dist/index.css

@@ -11,7 +11,7 @@
 }
 
 .tiptap.ProseMirror :first-child {
-  margin-top: 0;
+  margin-top: 0 !important;
 }
 
 .tiptap.ProseMirror a {
@@ -331,7 +331,6 @@
   border-bottom: 1px solid var(--mui-palette-divider);
   border-right: 1px solid transparent;
   box-sizing: border-box;
-  min-width: 1rem;
   padding: 12px 16px;
   position: relative;
   vertical-align: top;

package/dist/util/floating.d.ts

@@ -1,2 +1,3 @@
+import { Strategy } from "@floating-ui/dom";
 import { Editor } from "@tiptap/core";
-export declare const updatePosition: (editor: Editor, element: HTMLElement) => void;
+export declare const updatePosition: (editor: Editor, element: HTMLElement, strategy?: Strategy) => void;

package/dist/util/floating.js

@@ -1,6 +1,7 @@
 import { computePosition, flip, shift } from "@floating-ui/dom";
 import { posToDOMRect } from "@tiptap/core";
 export var updatePosition = function updatePosition(editor, element) {
+  var strategy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'absolute';
   var virtualElement = {
     getBoundingClientRect: function getBoundingClientRect() {
       return posToDOMRect(editor.view, editor.state.selection.from, editor.state.selection.to);
@@ -8,7 +9,7 @@ export var updatePosition = function updatePosition(editor, element) {
   };
   computePosition(virtualElement, element, {
     placement: 'bottom-start',
-    strategy: 'absolute',
+    strategy: strategy,
     middleware: [shift(), flip()]
   }).then(function (_ref) {
     var x = _ref.x,

package/dist/util/index.d.ts

@@ -1,6 +1,7 @@
 export * from './fileDownload';
 export * from './fileHandler';
 export * from './floating';
+export * from './linewiseConvert';
 export * from './migrateMathStrings';
 export * from './resourceExtractor';
 export * from './shortcutKey';

package/dist/util/index.js

@@ -1,6 +1,7 @@
 export * from "./fileDownload";
 export * from "./fileHandler";
 export * from "./floating";
+export * from "./linewiseConvert";
 export * from "./migrateMathStrings";
 export * from "./resourceExtractor";
 export * from "./shortcutKey";

package/dist/util/linewiseConvert.d.ts

@@ -0,0 +1,42 @@
+import { Fragment, Node as PMNode } from '@tiptap/pm/model';
+import { Editor } from '@tiptap/react';
+export type LinewiseTarget = {
+    type: 'paragraph';
+} | {
+    type: 'heading';
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+} | {
+    type: 'orderedList';
+} | {
+    type: 'bulletList';
+} | {
+    type: 'taskList';
+} | {
+    type: 'blockquote';
+} | {
+    type: 'codeBlock';
+} | {
+    type: 'alert';
+    attrs?: {
+        variant?: string;
+        type?: 'icon' | 'text';
+    };
+};
+/**
+ * 提取节点的“行”文本：
+ * - paragraph/heading：单行
+ * - blockquote：子块逐段（按段）
+ * - codeBlock：按换行
+ * - alert：按换行
+ * - list（ordered/bullet/task）：每个 listItem 作为一行（包含其文本内容）
+ * - 其他：作为单行处理
+ */
+export declare function extractLinesFromNode(node: PMNode): string[];
+/**
+ * 根据目标类型，构造对应的节点或片段。
+ */
+export declare function buildNodeFromLines(editor: Editor, lines: string[], target: LinewiseTarget): PMNode | Fragment;
+/**
+ * 将给定位置的节点转换为目标类型（按行规则）。
+ */
+export declare function convertNodeAt(editor: Editor, pos: number, node: PMNode, target: LinewiseTarget): void;

package/dist/util/linewiseConvert.js

@@ -0,0 +1,170 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { Fragment } from '@tiptap/pm/model';
+/**
+ * 提取节点的“行”文本：
+ * - paragraph/heading：单行
+ * - blockquote：子块逐段（按段）
+ * - codeBlock：按换行
+ * - alert：按换行
+ * - list（ordered/bullet/task）：每个 listItem 作为一行（包含其文本内容）
+ * - 其他：作为单行处理
+ */
+export function extractLinesFromNode(node) {
+  var type = node.type.name;
+
+  // Helper: split textContent by \n and去除首尾空白但保留空行的结构
+  var splitByNewline = function splitByNewline(text) {
+    return text.split('\n');
+  };
+  if (type === 'paragraph' || type === 'heading') {
+    return [node.textContent];
+  }
+  if (type === 'blockquote') {
+    var lines = [];
+    node.forEach(function (child) {
+      var text = child.textContent;
+      if (text.includes('\n')) {
+        lines.push.apply(lines, _toConsumableArray(splitByNewline(text)));
+      } else {
+        lines.push(text);
+      }
+    });
+    return lines;
+  }
+  if (type === 'codeBlock') {
+    return splitByNewline(node.textContent);
+  }
+  if (type === 'alert') {
+    return splitByNewline(node.textContent);
+  }
+  if (type === 'orderedList' || type === 'bulletList' || type === 'taskList') {
+    var _lines = [];
+    node.forEach(function (listItem) {
+      var text = listItem.textContent;
+      if (text.includes('\n')) {
+        _lines.push.apply(_lines, _toConsumableArray(splitByNewline(text)));
+      } else {
+        _lines.push(text);
+      }
+    });
+    return _lines;
+  }
+  return [node.textContent];
+}
+
+/**
+ * 根据目标类型，构造对应的节点或片段。
+ */
+export function buildNodeFromLines(editor, lines, target) {
+  var schema = editor.schema;
+  var createParagraph = function createParagraph(text) {
+    return schema.nodes.paragraph.create(undefined, text ? schema.text(text) : undefined);
+  };
+  var createHeading = function createHeading(text, level) {
+    return schema.nodes.heading.create({
+      level: level
+    }, text ? schema.text(text) : undefined);
+  };
+  var createListItem = function createListItem(text) {
+    return schema.nodes.listItem.create(undefined, createParagraph(text));
+  };
+  var createTaskItem = function createTaskItem(text) {
+    return schema.nodes.taskItem ? schema.nodes.taskItem.create({
+      checked: false
+    }, createParagraph(text)) : createListItem(text);
+  };
+  switch (target.type) {
+    case 'paragraph':
+      {
+        var nodes = lines.map(function (l) {
+          return createParagraph(l);
+        });
+        return Fragment.fromArray(nodes);
+      }
+    case 'heading':
+      {
+        var _nodes = lines.map(function (l) {
+          return createHeading(l, target.level);
+        });
+        return Fragment.fromArray(_nodes);
+      }
+    case 'orderedList':
+      {
+        var items = lines.map(function (l) {
+          return createListItem(l);
+        });
+        return schema.nodes.orderedList.create(undefined, Fragment.fromArray(items));
+      }
+    case 'bulletList':
+      {
+        var _items = lines.map(function (l) {
+          return createListItem(l);
+        });
+        return schema.nodes.bulletList.create(undefined, Fragment.fromArray(_items));
+      }
+    case 'taskList':
+      {
+        var _items2 = lines.map(function (l) {
+          return createTaskItem(l);
+        });
+        if (schema.nodes.taskList) {
+          return schema.nodes.taskList.create(undefined, Fragment.fromArray(_items2));
+        }
+        return schema.nodes.bulletList.create(undefined, Fragment.fromArray(_items2));
+      }
+    case 'blockquote':
+      {
+        var paragraphs = lines.map(function (l) {
+          return createParagraph(l);
+        });
+        return schema.nodes.blockquote.create(undefined, Fragment.fromArray(paragraphs));
+      }
+    case 'codeBlock':
+      {
+        var text = lines.join('\n');
+        return schema.nodes.codeBlock.create(undefined, text ? schema.text(text) : undefined);
+      }
+    case 'alert':
+      {
+        var attrs = target.attrs || {
+          variant: 'info',
+          type: 'icon'
+        };
+        // 使用 hardBreak 分隔行
+        var pieces = [];
+        lines.forEach(function (l, i) {
+          if (l) pieces.push(schema.text(l));
+          if (i < lines.length - 1) {
+            if (schema.nodes.hardBreak) {
+              pieces.push(schema.nodes.hardBreak.create());
+            } else {
+              // 退化：用文本换行符
+              pieces.push(schema.text('\n'));
+            }
+          }
+        });
+        var content = pieces.length > 0 ? Fragment.fromArray(pieces) : undefined;
+        return schema.nodes.alert.create(attrs, content);
+      }
+  }
+}
+
+/**
+ * 将给定位置的节点转换为目标类型（按行规则）。
+ */
+export function convertNodeAt(editor, pos, node, target) {
+  var lines = extractLinesFromNode(node);
+  var replacement = buildNodeFromLines(editor, lines, target);
+  var from = pos;
+  var to = pos + node.nodeSize;
+  var tr = editor.state.tr;
+  // Fragment 或 Node 均可传入 replaceWith
+  tr.replaceWith(from, to, replacement);
+  editor.view.dispatch(tr);
+  editor.view.focus();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.1.2",
+  "version": "1.2.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -83,6 +83,7 @@
     "@floating-ui/dom": "^1.7.2",
     "@tiptap/core": "^3.4.2",
     "@tiptap/extension-bubble-menu": "^3.4.2",
+    "@tiptap/extension-code": "^3.4.3",
     "@tiptap/extension-code-block-lowlight": "^3.4.2",
     "@tiptap/extension-details": "^3.4.2",
     "@tiptap/extension-drag-handle-react": "^3.4.2",