@ctzhian/tiptap 1.6.15 → 1.6.17

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

@@ -7,11 +7,9 @@ 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",
-    contentEditable: false
+    className: "image-wrapper"
   }, /*#__PURE__*/React.createElement(Box, {
     component: 'span',
-    contentEditable: false,
     sx: {
       position: 'relative',
       display: 'inline-block',

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

@@ -183,7 +183,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       updateAttributes({
         src: editSrc.trim(),
         width: currentWidth
-        // error: true,
       });
       setEditSrc(editSrc.trim());
     }
@@ -191,6 +190,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
   };
   useEffect(function () {
     if (isDragging) {
+      setAnchorEl(null);
       document.addEventListener('mousemove', handleMouseMove);
       document.addEventListener('mouseup', handleMouseUp);
       return function () {
@@ -199,11 +199,6 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       };
     }
   }, [isDragging]);
-  useEffect(function () {
-    return function () {
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
-    };
-  }, []);
   if (!attrs.src && !editor.isEditable) {
     return null;
   }
@@ -234,7 +229,7 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
     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,
@@ -269,8 +264,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       _onError === null || _onError === void 0 || _onError(e);
     }
   }), (isHovering || isDragging) && /*#__PURE__*/React.createElement(Box, {
-    contentEditable: false,
     onMouseDown: handleMouseDown,
+    contentEditable: false,
     sx: {
       position: 'absolute',
       right: -2,
@@ -288,8 +283,8 @@ var ImageViewWrapper = function ImageViewWrapper(_ref) {
       zIndex: 10
     }
   }), (isHovering || !!anchorEl) && /*#__PURE__*/React.createElement(Box, {
-    contentEditable: false,
     className: "image-controls",
+    contentEditable: false,
     sx: {
       position: 'absolute',
       top: '0.5rem',

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

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { NestedList } from "../../../component";
-import { ArrowDownSLineIcon, AttachmentLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, ErrorWarningFillIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MovieLineIcon, Music2LineIcon, SquareRootIcon, Table2Icon, UploadIcon } from "../../../component/Icons";
+import { ArrowDownSLineIcon, AttachmentLineIcon, CheckboxCircleFillIcon, CloseCircleFillIcon, ErrorWarningFillIcon, FormulaIcon, FunctionsIcon, ImageLineIcon, Information2FillIcon, Information2LineIcon, MovieLineIcon, Music2LineIcon, SquareRootIcon, Table2Icon, UploadIcon, UserSmileFillIcon } from "../../../component/Icons";
 import { ToolbarItem } from "../../../component/Toolbar";
 import TableSizePicker from "../../../component/Toolbar/TableSizePicker";
 import { getShortcutKeyText } from "../../../util";
@@ -158,6 +158,26 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
             }
           }));
         }
+      }, {
+        label: '默认 Default',
+        key: 'default',
+        icon: /*#__PURE__*/React.createElement(UserSmileFillIcon, {
+          sx: {
+            fontSize: '1rem',
+            color: 'text.disabled'
+          }
+        }),
+        onClick: function onClick() {
+          var node = items.find(function (it) {
+            return it.title === '警告提示';
+          });
+          if (node) command(_objectSpread(_objectSpread({}, node), {}, {
+            attrs: {
+              type: 'icon',
+              variant: 'default'
+            }
+          }));
+        }
       }]
     }, {
       label: '数学公式',

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 {
@@ -27,13 +37,11 @@ var customImage = function customImage(props) {
           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;
+        stopEvent: function stopEvent() {
+          return true;
+        },
+        ignoreMutation: function ignoreMutation() {
+          return true;
         }
       });
     }

package/package.json

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