@ctzhian/tiptap 1.6.17 → 1.6.19

package/dist/EditorToolbar/index.js

@@ -94,12 +94,11 @@ var EditorToolbar = function EditorToolbar(_ref) {
         }
       }
     }
-  }, /*#__PURE__*/React.createElement(EditorInsert, {
-    editor: editor
-  }), editor.options.extensions.find(function (it) {
+  }, editor.options.extensions.find(function (it) {
     return it.name === 'aiWriting';
   }) && /*#__PURE__*/React.createElement(ToolbarItem, {
     text: 'AI 伴写',
+    tip: "\u5F00\u542F\u540E\u6309\u4E0B Tab \u952E\u91C7\u7EB3\u5EFA\u8BAE",
     icon: /*#__PURE__*/React.createElement(AiGenerate2Icon, {
       sx: {
         fontSize: '1rem'
@@ -109,6 +108,8 @@ var EditorToolbar = function EditorToolbar(_ref) {
       return editor.chain().focus().setAiWriting(!active.aiWriting).run();
     },
     className: active.aiWriting ? 'tool-active' : ''
+  }), /*#__PURE__*/React.createElement(EditorInsert, {
+    editor: editor
   }), /*#__PURE__*/React.createElement(Divider, {
     orientation: "vertical",
     flexItem: true,

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

@@ -149,17 +149,12 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     // 使用当前实际显示的宽度作为拖拽起始点
     setDragStartWidth(getCurrentDisplayWidth());
   };
-  var rafRef = useRef(null);
   var handleMouseMove = function handleMouseMove(e) {
     if (!isDragging) return;
-    if (rafRef.current) return;
-    rafRef.current = requestAnimationFrame(function () {
-      rafRef.current = null;
-      var deltaX = e.clientX - dragStartX;
-      var newWidth = Math.max(100, Math.min(1200, dragStartWidth + deltaX));
-      updateAttributes({
-        width: newWidth
-      });
+    var deltaX = e.clientX - dragStartX;
+    var newWidth = Math.max(100, Math.min(1200, dragStartWidth + deltaX));
+    updateAttributes({
+      width: newWidth
     });
   };
   var handleMouseUp = function handleMouseUp() {
@@ -182,7 +177,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       var currentWidth = getCurrentDisplayWidth();
       updateAttributes({
         src: editSrc.trim(),
-        width: currentWidth
+        width: currentWidth,
+        error: true
       });
       setEditSrc(editSrc.trim());
     }
@@ -190,7 +186,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   };
   useEffect(function () {
     if (isDragging) {
-      setAnchorEl(null);
       document.addEventListener('mousemove', handleMouseMove);
       document.addEventListener('mouseup', handleMouseUp);
       return function () {
@@ -228,11 +223,9 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "image-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
     as: 'span',
-    contentEditable: false,
-    "data-drag-handle": false
+    'data-drag-handle': false
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
-    contentEditable: false,
     sx: {
       position: 'relative',
       display: 'inline-block',
@@ -265,7 +258,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     }
   }), (isHovering || isDragging) && /*#__PURE__*/React.createElement(Box, {
     onMouseDown: handleMouseDown,
-    contentEditable: false,
     sx: {
       position: 'absolute',
       right: -2,
@@ -284,7 +276,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     }
   }), (isHovering || !!anchorEl) && /*#__PURE__*/React.createElement(Box, {
     className: "image-controls",
-    contentEditable: false,
     sx: {
       position: 'absolute',
       top: '0.5rem',

package/dist/extension/node/Attachment.js

@@ -118,13 +118,6 @@ export var InlineAttachmentExtension = function InlineAttachmentExtension(props)
           onError: props.onError,
           attachmentType: 'icon'
         }));
-      }, {
-        stopEvent: function stopEvent() {
-          return true;
-        },
-        ignoreMutation: function ignoreMutation() {
-          return true;
-        }
       });
     }
   });

package/dist/extension/node/Image.js

@@ -9,16 +9,6 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
 import ImageViewWrapper from "../component/Image";
 var customImage = function customImage(props) {
   return Image.extend({
-    atom: true,
-    inline: function inline() {
-      return true;
-    },
-    group: function group() {
-      return 'inline';
-    },
-    selectable: true,
-    draggable: true,
-    marks: '',
     addKeyboardShortcuts: function addKeyboardShortcuts() {
       var _this = this;
       return {
@@ -36,13 +26,6 @@ var customImage = function customImage(props) {
           onUpload: props.onUpload,
           onError: props.onError
         }));
-      }, {
-        stopEvent: function stopEvent() {
-          return true;
-        },
-        ignoreMutation: function ignoreMutation() {
-          return true;
-        }
       });
     }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.6.17",
+  "version": "1.6.19",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",