@ctzhian/tiptap 1.6.13 → 1.6.15

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

@@ -7,9 +7,11 @@ import 'react-photo-view/dist/react-photo-view.css';
 var ReadonlyImage = function ReadonlyImage(_ref) {
   var attrs = _ref.attrs;
   return /*#__PURE__*/React.createElement(NodeViewWrapper, {
-    className: "image-wrapper"
+    className: "image-wrapper",
+    contentEditable: false
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
+    contentEditable: false,
     sx: {
       position: 'relative',
       display: 'inline-block',

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,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       var currentWidth = getCurrentDisplayWidth();
       updateAttributes({
         src: editSrc.trim(),
-        width: currentWidth,
-        error: true
+        width: currentWidth
+        // error: true,
       });
       setEditSrc(editSrc.trim());
     }
@@ -194,6 +199,11 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       };
     }
   }, [isDragging]);
+  useEffect(function () {
+    return function () {
+      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    };
+  }, []);
   if (!attrs.src && !editor.isEditable) {
     return null;
   }
@@ -223,9 +233,11 @@ 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
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
+    contentEditable: false,
     sx: {
       position: 'relative',
       display: 'inline-block',
@@ -257,6 +269,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       _onError === null || _onError === void 0 || _onError(e);
     }
   }), (isHovering || isDragging) && /*#__PURE__*/React.createElement(Box, {
+    contentEditable: false,
     onMouseDown: handleMouseDown,
     sx: {
       position: 'absolute',
@@ -275,6 +288,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       zIndex: 10
     }
   }), (isHovering || !!anchorEl) && /*#__PURE__*/React.createElement(Box, {
+    contentEditable: false,
     className: "image-controls",
     sx: {
       position: 'absolute',

package/dist/extension/node/Image.js

@@ -26,6 +26,15 @@ var customImage = function customImage(props) {
           onUpload: props.onUpload,
           onError: props.onError
         }));
+      }, {
+        stopEvent: function stopEvent(e) {
+          var el = e.event.target;
+          // Swallow events from resizer & controls (safe option: return true for all)
+          if (el.closest('.image-resizer') || el.closest('.image-controls') || el.closest('.image-wrapper')) {
+            return true;
+          }
+          return false;
+        }
       });
     }
   });

package/package.json

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