@ctzhian/tiptap 1.6.15 → 1.6.16

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

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

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/Image.js

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