@ctzhian/tiptap 1.6.16 → 1.6.17

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

@@ -149,12 +149,17 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     // 使用当前实际显示的宽度作为拖拽起始点
     setDragStartWidth(getCurrentDisplayWidth());
   };
+  var rafRef = useRef(null);
   var handleMouseMove = function handleMouseMove(e) {
     if (!isDragging) return;
-    var deltaX = e.clientX - dragStartX;
-    var newWidth = Math.max(100, Math.min(1200, dragStartWidth + deltaX));
-    updateAttributes({
-      width: newWidth
+    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 handleMouseUp = function handleMouseUp() {
@@ -177,8 +182,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       var currentWidth = getCurrentDisplayWidth();
       updateAttributes({
         src: editSrc.trim(),
-        width: currentWidth,
-        error: true
+        width: currentWidth
       });
       setEditSrc(editSrc.trim());
     }
@@ -186,6 +190,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   };
   useEffect(function () {
     if (isDragging) {
+      setAnchorEl(null);
       document.addEventListener('mousemove', handleMouseMove);
       document.addEventListener('mouseup', handleMouseUp);
       return function () {
@@ -223,9 +228,11 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
     className: "image-wrapper ".concat(selected ? 'ProseMirror-selectednode' : ''),
     as: 'span',
-    'data-drag-handle': false
+    contentEditable: false,
+    "data-drag-handle": false
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
+    contentEditable: false,
     sx: {
       position: 'relative',
       display: 'inline-block',
@@ -258,6 +265,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     }
   }), (isHovering || isDragging) && /*#__PURE__*/React.createElement(Box, {
     onMouseDown: handleMouseDown,
+    contentEditable: false,
     sx: {
       position: 'absolute',
       right: -2,
@@ -276,6 +284,7 @@ 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,6 +118,13 @@ 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,6 +9,16 @@ 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 {
@@ -26,6 +36,13 @@ 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.16",
+  "version": "1.6.17",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",