@ctzhian/tiptap 1.6.17 → 1.6.18

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

@@ -4,9 +4,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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";
 import { CustomSizeIcon, DeleteLineIcon, EditBoxLineIcon } from "../../../component/Icons";
-import { Box, Button, IconButton, Stack, TextField, Tooltip } from "@mui/material";
+import { Box, Button, IconButton, Popover, Stack, TextField, Tooltip } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React, { useEffect, useRef, useState } from "react";
 import CropImage from "./Crop";
@@ -149,17 +148,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 +176,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       var currentWidth = getCurrentDisplayWidth();
       updateAttributes({
         src: editSrc.trim(),
-        width: currentWidth
+        width: currentWidth,
+        error: true
       });
       setEditSrc(editSrc.trim());
     }
@@ -190,7 +185,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   };
   useEffect(function () {
     if (isDragging) {
-      setAnchorEl(null);
       document.addEventListener('mousemove', handleMouseMove);
       document.addEventListener('mouseup', handleMouseUp);
       return function () {
@@ -228,11 +222,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 +257,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     }
   }), (isHovering || isDragging) && /*#__PURE__*/React.createElement(Box, {
     onMouseDown: handleMouseDown,
-    contentEditable: false,
     sx: {
       position: 'absolute',
       right: -2,
@@ -284,7 +275,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     }
   }), (isHovering || !!anchorEl) && /*#__PURE__*/React.createElement(Box, {
     className: "image-controls",
-    contentEditable: false,
     sx: {
       position: 'absolute',
       top: '0.5rem',
@@ -334,11 +324,19 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     sx: {
       fontSize: 18
     }
-  }))))), /*#__PURE__*/React.createElement(FloatingPopover, {
+  }))))), /*#__PURE__*/React.createElement(Popover, {
     open: Boolean(anchorEl),
     anchorEl: anchorEl,
     onClose: handleClosePopover,
-    placement: "bottom"
+    disableScrollLock: true,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    }
   }, /*#__PURE__*/React.createElement(Stack, {
     sx: {
       p: 2,

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.18",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",