@ctzhian/tiptap 2.12.8 → 2.13.0

package/dist/extension/component/Attachment/AttachmentContent.d.ts

@@ -5,6 +5,7 @@ interface AttachmentContentProps {
     type: 'icon' | 'block';
     isPdf: boolean;
     editable?: boolean;
+    updateAttributes?: (attrs: Partial<AttachmentAttributes>) => void;
 }
 /**
  * 附件内容组件

package/dist/extension/component/Attachment/AttachmentContent.js

@@ -16,8 +16,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Download2LineIcon, FileIcon } from "../../../component/Icons";
 import { EyeLineIcon } from "../../../component/Icons/eye-line-icon";
-import { Box, IconButton, Stack } from "@mui/material";
-import React, { useState } from "react";
+import { alpha, Box, IconButton, Stack, useTheme } from "@mui/material";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 /**
  * 附件内容组件
  * 用于渲染附件的实际内容，支持编辑和只读模式
@@ -27,11 +27,23 @@ export var AttachmentContent = function AttachmentContent(_ref) {
     type = _ref.type,
     isPdf = _ref.isPdf,
     _ref$editable = _ref.editable,
-    editable = _ref$editable === void 0 ? false : _ref$editable;
+    editable = _ref$editable === void 0 ? false : _ref$editable,
+    updateAttributes = _ref.updateAttributes;
+  var theme = useTheme();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
     setIsHovered = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragCorner = _useState6[0],
+    setDragCorner = _useState6[1];
+  var dragStartYRef = useRef(0);
+  var dragStartHeightRef = useRef(0);
   var handlePreview = function handlePreview(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -92,6 +104,52 @@ export var AttachmentContent = function AttachmentContent(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+
+  // 拖拽调整高度
+  var handleMouseDown = function handleMouseDown(e, corner) {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(true);
+    setDragCorner(corner);
+    dragStartYRef.current = e.clientY;
+    dragStartHeightRef.current = attrs.height || 300;
+  };
+  var handleMouseMove = useCallback(function (e) {
+    if (!isDragging || !dragCorner) return;
+    var deltaY = e.clientY - dragStartYRef.current;
+    var newHeight;
+
+    // 根据不同的角计算高度变化
+    if (dragCorner === 'bottom-left' || dragCorner === 'bottom-right') {
+      // 下角：向下拉伸，高度增加
+      newHeight = dragStartHeightRef.current + deltaY;
+    } else {
+      // 上角：向上拉伸，高度增加（deltaY 为负时高度增加）
+      newHeight = dragStartHeightRef.current - deltaY;
+    }
+
+    // 限制高度范围：最小 200px，最大 1000px
+    newHeight = Math.max(200, Math.min(1000, newHeight));
+    if (updateAttributes) {
+      updateAttributes({
+        height: newHeight
+      });
+    }
+  }, [isDragging, dragCorner, updateAttributes]);
+  var handleMouseUp = useCallback(function () {
+    setIsDragging(false);
+    setDragCorner(null);
+  }, []);
+  useEffect(function () {
+    if (isDragging) {
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleMouseUp);
+      return function () {
+        document.removeEventListener('mousemove', handleMouseMove);
+        document.removeEventListener('mouseup', handleMouseUp);
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
   var blockStyles = editable ? {
     display: 'flex',
     border: '1px solid',
@@ -149,32 +207,117 @@ export var AttachmentContent = function AttachmentContent(_ref) {
     color: 'primary.main',
     cursor: 'pointer'
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'block' ? attrs.view === '1' && isPdf && attrs.url && attrs.url !== 'error' ? /*#__PURE__*/React.createElement(Box, _extends({
-    sx: _objectSpread(_objectSpread({}, blockStyles), {}, {
-      p: 0,
-      overflow: 'hidden'
-    })
-  }, !editable && {
-    'data-title': attrs.title,
-    'data-type': type
-  }, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'block' ? attrs.view === '1' && isPdf && attrs.url && attrs.url !== 'error' ? /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      position: 'relative'
+    },
     onMouseEnter: function onMouseEnter() {
       return setIsHovered(true);
     },
     onMouseLeave: function onMouseLeave() {
       return setIsHovered(false);
     }
+  }, /*#__PURE__*/React.createElement(Box, _extends({
+    sx: _objectSpread(_objectSpread({}, blockStyles), {}, {
+      p: 0,
+      overflow: 'hidden',
+      height: "".concat(attrs.height || 300, "px")
+    })
+  }, !editable && {
+    'data-title': attrs.title,
+    'data-type': type
   }), /*#__PURE__*/React.createElement("iframe", {
     src: attrs.url + '#navpanes=0&toolbar=1',
     width: "100%",
-    height: "300px",
+    height: "100%",
     allowFullScreen: true,
     style: {
       border: 'none',
-      display: 'block'
+      display: 'block',
+      pointerEvents: isDragging ? 'none' : 'auto'
     },
     title: attrs.title
-  })) : /*#__PURE__*/React.createElement(Box, _extends({}, !editable && {
+  })), editable && (isHovered || isDragging) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: function onMouseDown(e) {
+      return handleMouseDown(e, 'top-left');
+    },
+    sx: {
+      position: 'absolute',
+      left: -4,
+      top: -4,
+      width: 12,
+      height: 12,
+      bgcolor: 'background.default',
+      cursor: 'ns-resize',
+      borderRadius: '50%',
+      border: '2px solid',
+      borderColor: isDragging && dragCorner === 'top-left' ? 'primary.main' : alpha(theme.palette.primary.main, 0.3),
+      '&:hover': {
+        borderColor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: function onMouseDown(e) {
+      return handleMouseDown(e, 'top-right');
+    },
+    sx: {
+      position: 'absolute',
+      right: -4,
+      top: -4,
+      width: 12,
+      height: 12,
+      bgcolor: 'background.default',
+      cursor: 'ns-resize',
+      borderRadius: '50%',
+      border: '2px solid',
+      borderColor: isDragging && dragCorner === 'top-right' ? 'primary.main' : alpha(theme.palette.primary.main, 0.3),
+      '&:hover': {
+        borderColor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: function onMouseDown(e) {
+      return handleMouseDown(e, 'bottom-left');
+    },
+    sx: {
+      position: 'absolute',
+      left: -4,
+      bottom: -2,
+      width: 12,
+      height: 12,
+      cursor: 'ns-resize',
+      borderRadius: '50%',
+      border: '2px solid',
+      bgcolor: 'background.default',
+      borderColor: isDragging && dragCorner === 'bottom-left' ? 'primary.main' : alpha(theme.palette.primary.main, 0.3),
+      '&:hover': {
+        borderColor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }), /*#__PURE__*/React.createElement(Box, {
+    onMouseDown: function onMouseDown(e) {
+      return handleMouseDown(e, 'bottom-right');
+    },
+    sx: {
+      position: 'absolute',
+      right: -4,
+      bottom: -2,
+      width: 12,
+      height: 12,
+      bgcolor: 'background.default',
+      cursor: 'ns-resize',
+      borderRadius: '50%',
+      border: '2px solid',
+      borderColor: isDragging && dragCorner === 'bottom-right' ? 'primary.main' : alpha(theme.palette.primary.main, 0.3),
+      '&:hover': {
+        borderColor: 'primary.main'
+      },
+      transition: 'background-color 0.2s ease'
+    }
+  }))) : /*#__PURE__*/React.createElement(Box, _extends({}, !editable && {
     'data-title': attrs.title,
     'data-type': attrs.type
   }, {

package/dist/extension/component/Attachment/index.d.ts

@@ -7,6 +7,7 @@ export interface AttachmentAttributes {
     type: string;
     size: string;
     view?: string;
+    height?: number;
 }
 declare const AttachmentViewWrapper: React.FC<NodeViewProps & EditorFnProps & {
     attachmentType?: 'icon' | 'block';

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

@@ -258,7 +258,8 @@ var AttachmentViewWrapper = function AttachmentViewWrapper(_ref) {
     isPdf: isPdf,
     attrs: attrs,
     type: attachmentDisplayType === 'block' ? 'block' : 'icon',
-    editable: true
+    editable: true,
+    updateAttributes: updateAttributes
   }))), /*#__PURE__*/React.createElement(FloatingPopover, {
     open: Boolean(anchorEl),
     anchorEl: anchorEl,

package/dist/extension/node/Attachment.d.ts

@@ -21,6 +21,7 @@ declare module '@tiptap/core' {
                 title: string;
                 size: string;
                 view?: '0' | '1';
+                height?: number;
             }) => ReturnType;
         };
     }

package/dist/extension/node/Attachment.js

@@ -175,6 +175,18 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
             };
           }
         },
+        height: {
+          default: 300,
+          parseHTML: function parseHTML(element) {
+            var height = element.getAttribute('data-height');
+            return height ? parseInt(height, 10) : 300;
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-height': attributes.height || 300
+            };
+          }
+        },
         url: {
           default: '',
           parseHTML: function parseHTML(element) {
@@ -228,8 +240,10 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
         getAttrs: function getAttrs(dom) {
           if (!(dom instanceof HTMLElement)) return false;
           var viewAttr = dom.getAttribute('data-view');
+          var heightAttr = dom.getAttribute('data-height');
           return {
             view: viewAttr !== null ? viewAttr : '0',
+            height: heightAttr ? parseInt(heightAttr, 10) : 300,
             url: dom.getAttribute('data-url') || '',
             title: dom.getAttribute('data-title') || '',
             size: dom.getAttribute('data-size') || '0',
@@ -243,6 +257,7 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
           var download = dom.getAttribute('download');
           var type = dom.getAttribute('type');
           var view = dom.getAttribute('data-view') || '0';
+          var heightAttr = dom.getAttribute('data-height');
 
           // 只解析 type="block" 的带 download 的 <a> 标签
           if (download === null || type !== 'block') {
@@ -252,6 +267,7 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
           var title = dom.textContent || dom.getAttribute('title') || dom.getAttribute('download') || '';
           return {
             view: view,
+            height: heightAttr ? parseInt(heightAttr, 10) : 300,
             url: href,
             title: title,
             size: '0',
@@ -270,9 +286,10 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
       var _ref5 = node.attrs,
         url = _ref5.url,
         title = _ref5.title,
-        view = _ref5.view;
+        view = _ref5.view,
+        height = _ref5.height;
       if (!url) return '';
-      return "<a href=\"".concat(url, "\" data-view=\"").concat(view, "\" type=\"block\" target=\"_blank\" download=\"").concat(title, "\">").concat(title, "</a>");
+      return "<a href=\"".concat(url, "\" data-view=\"").concat(view, "\" data-height=\"").concat(height || 300, "\" type=\"block\" target=\"_blank\" download=\"").concat(title, "\">").concat(title, "</a>");
     },
     addCommands: function addCommands() {
       var _this3 = this;
@@ -284,6 +301,7 @@ export var BlockAttachmentExtension = function BlockAttachmentExtension(props) {
               type: _this3.name,
               attrs: {
                 view: options.view || '0',
+                height: options.height || 300,
                 url: options.url || '',
                 title: options.title || '',
                 size: options.size || '0',

package/dist/extension/node/Image.js

@@ -31,66 +31,56 @@ function _downloadImageAsFile() {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           _context5.prev = 0;
-          console.log("[\u4E0B\u8F7D] \u5F00\u59CB\u4E0B\u8F7D\u56FE\u7247 ".concat(index + 1, ": ").concat(url.substring(0, 100)));
-
-          // 尝试不带 credentials 下载
-          _context5.next = 4;
+          _context5.next = 3;
           return fetch(url, {
             mode: 'cors',
             credentials: 'omit'
           });
-        case 4:
+        case 3:
           response = _context5.sent;
           if (response.ok) {
-            _context5.next = 13;
+            _context5.next = 11;
             break;
           }
-          console.warn("[\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u76F4\u63A5\u4E0B\u8F7D\u5931\u8D25 (").concat(response.status, ")\uFF0C\u5C1D\u8BD5\u65E0\u9650\u5236\u6A21\u5F0F"));
-          // 再试一次，允许跨域
-          _context5.next = 9;
+          _context5.next = 7;
           return fetch(url, {
             mode: 'no-cors'
           });
-        case 9:
+        case 7:
           response = _context5.sent;
           if (!(response.type === 'opaque')) {
-            _context5.next = 13;
+            _context5.next = 11;
             break;
           }
-          console.error("[\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u88ABCORS\u963B\u6B62\uFF0C\u65E0\u6CD5\u4E0B\u8F7D"));
+          console.error("[\u56FE\u7247\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u88ABCORS\u963B\u6B62\uFF0C\u65E0\u6CD5\u4E0B\u8F7D"));
           return _context5.abrupt("return", null);
-        case 13:
-          _context5.next = 15;
+        case 11:
+          _context5.next = 13;
           return response.blob();
-        case 15:
+        case 13:
           blob = _context5.sent;
           if (!(blob.size === 0)) {
-            _context5.next = 19;
+            _context5.next = 17;
             break;
           }
-          console.error("[\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " blob\u4E3A\u7A7A"));
+          console.error("[\u56FE\u7247\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " blob\u4E3A\u7A7A"));
           return _context5.abrupt("return", null);
-        case 19:
+        case 17:
           fileName = "image-".concat(index + 1, ".").concat(blob.type.split('/')[1] || 'png');
           file = new File([blob], fileName, {
             type: blob.type
-          });
-          console.log("[\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u4E0B\u8F7D\u6210\u529F:"), {
-            name: file.name,
-            type: file.type,
-            size: file.size
-          });
+          }); // console.log(`[下载] 图片 ${index + 1} 下载成功:`, { name: file.name, type: file.type, size: file.size });
           return _context5.abrupt("return", file);
-        case 25:
-          _context5.prev = 25;
+        case 22:
+          _context5.prev = 22;
           _context5.t0 = _context5["catch"](0);
-          console.error("[\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u4E0B\u8F7D\u5F02\u5E38:"), _context5.t0);
+          console.error("[\u56FE\u7247\u4E0B\u8F7D] \u56FE\u7247 ".concat(index + 1, " \u4E0B\u8F7D\u5F02\u5E38:"), _context5.t0);
           return _context5.abrupt("return", null);
-        case 29:
+        case 26:
         case "end":
           return _context5.stop();
       }
-    }, _callee5, null, [[0, 25]]);
+    }, _callee5, null, [[0, 22]]);
   }));
   return _downloadImageAsFile.apply(this, arguments);
 }
@@ -212,48 +202,15 @@ var customImage = function customImage(props) {
         key: new PluginKey('imagePasteHandler'),
         props: {
           handlePaste: function handlePaste(view, event) {
-            var _event$clipboardData, _event$clipboardData2, _event$clipboardData3;
+            var _event$clipboardData, _event$clipboardData2;
             if (!props.onUpload) return false;
             var items = Array.from(((_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.items) || []);
-            console.log('=== 图片粘贴调试 ===');
-            console.log('1. clipboardData.items:', items.map(function (item) {
-              return {
-                kind: item.kind,
-                type: item.type
-              };
-            }));
             var imageFiles = items.map(function (item) {
               return item.getAsFile();
             }).filter(function (file) {
               return file !== null && getFileType(file) === 'image';
             });
-            console.log('2. 提取到的图片文件:', imageFiles.map(function (f) {
-              return {
-                name: f.name,
-                type: f.type,
-                size: f.size
-              };
-            }));
             var htmlData = (_event$clipboardData2 = event.clipboardData) === null || _event$clipboardData2 === void 0 ? void 0 : _event$clipboardData2.getData('text/html');
-            var textData = (_event$clipboardData3 = event.clipboardData) === null || _event$clipboardData3 === void 0 ? void 0 : _event$clipboardData3.getData('text/plain');
-            console.log('3. 完整 HTML 内容:');
-            console.log(htmlData || '(无)');
-            console.log('4. 完整纯文本内容:');
-            console.log(textData || '(无)');
-
-            // 从 HTML 中提取所有 img 标签
-            var imgMatches = (htmlData === null || htmlData === void 0 ? void 0 : htmlData.matchAll(/<img[^>]+>/gi)) || [];
-            var imgTags = Array.from(imgMatches);
-            console.log('5. HTML 中的 img 标签数量:', imgTags.length);
-            imgTags.forEach(function (match, i) {
-              var _srcMatch$;
-              var imgTag = match[0];
-              var srcMatch = imgTag.match(/src=["']([^"']+)["']/i);
-              console.log("   \u56FE\u7247 ".concat(i + 1, ":"), {
-                tag: imgTag.substring(0, 100),
-                src: (srcMatch === null || srcMatch === void 0 || (_srcMatch$ = srcMatch[1]) === null || _srcMatch$ === void 0 ? void 0 : _srcMatch$.substring(0, 100)) || '无src'
-              });
-            });
 
             // 提前声明变量和函数，避免在异步回调中出现 TDZ 错误
             var _view$state$selection = view.state.selection,
@@ -279,39 +236,33 @@ var customImage = function customImage(props) {
                 return _regeneratorRuntime().wrap(function _callee$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
-                      console.log("[\u4E0A\u4F20] \u5F00\u59CB\u4E0A\u4F20: ".concat(file.name, ", tempId: ").concat(tempId));
-                      _context.prev = 1;
+                      _context.prev = 0;
                       progressPos = findNodePosition('inlineUploadProgress', tempId);
-                      console.log("[\u4E0A\u4F20] \u627E\u5230 progress \u8282\u70B9\u4F4D\u7F6E: ".concat(progressPos));
-                      _context.next = 6;
+                      _context.next = 4;
                       return props.onUpload(file, function (progressEvent) {
-                        console.log("[\u4E0A\u4F20] ".concat(file.name, " \u8FDB\u5EA6: ").concat(Math.round(progressEvent.progress * 100), "%"));
                         editor.chain().updateInlineUploadProgress(tempId, progressEvent.progress).focus().run();
                       });
-                    case 6:
+                    case 4:
                       url = _context.sent;
-                      console.log("[\u4E0A\u4F20] ".concat(file.name, " \u4E0A\u4F20\u5B8C\u6210\uFF0CURL: ").concat(url));
                       editor.chain().removeInlineUploadProgress(tempId).focus().run();
                       chain = editor.chain().focus();
                       if (progressPos !== null) {
                         chain.setTextSelection(progressPos);
                       }
-                      _context.prev = 11;
-                      _context.next = 14;
+                      _context.prev = 8;
+                      _context.next = 11;
                       return getImageDimensionsFromFile(file);
-                    case 14:
+                    case 11:
                       dimensions = _context.sent;
-                      console.log("[\u4E0A\u4F20] ".concat(file.name, " \u5C3A\u5BF8: ").concat(dimensions.width, "x").concat(dimensions.height));
                       chain.setImage({
                         src: url,
                         width: Math.min(dimensions.width, 760)
                       }).run();
-                      _context.next = 25;
+                      _context.next = 20;
                       break;
-                    case 19:
-                      _context.prev = 19;
-                      _context.t0 = _context["catch"](11);
-                      console.log("[\u4E0A\u4F20] ".concat(file.name, " \u83B7\u53D6\u5C3A\u5BF8\u5931\u8D25\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u5BBD\u5EA6"));
+                    case 15:
+                      _context.prev = 15;
+                      _context.t0 = _context["catch"](8);
                       fallbackChain = editor.chain().focus();
                       if (progressPos !== null) {
                         fallbackChain.setTextSelection(progressPos);
@@ -320,14 +271,13 @@ var customImage = function customImage(props) {
                         src: url,
                         width: 760
                       }).run();
-                    case 25:
-                      console.log("[\u4E0A\u4F20] ".concat(file.name, " \u5B8C\u6210\u6240\u6709\u5904\u7406"));
-                      _context.next = 36;
+                    case 20:
+                      _context.next = 30;
                       break;
-                    case 28:
-                      _context.prev = 28;
-                      _context.t1 = _context["catch"](1);
-                      console.error("[\u4E0A\u4F20] ".concat(file.name, " \u4E0A\u4F20\u5931\u8D25:"), _context.t1);
+                    case 22:
+                      _context.prev = 22;
+                      _context.t1 = _context["catch"](0);
+                      console.error("[\u56FE\u7247\u4E0A\u4F20] ".concat(file.name, " \u4E0A\u4F20\u5931\u8D25:"), _context.t1);
                       editor.chain().removeInlineUploadProgress(tempId).focus().run();
                       _progressPos = findNodePosition('inlineUploadProgress', tempId);
                       _chain = editor.chain().focus();
@@ -338,11 +288,11 @@ var customImage = function customImage(props) {
                         src: '',
                         width: 760
                       }).run();
-                    case 36:
+                    case 30:
                     case "end":
                       return _context.stop();
                   }
-                }, _callee, null, [[1, 28], [11, 19]]);
+                }, _callee, null, [[0, 22], [8, 15]]);
               }));
               return function uploadSingleImage(_x3, _x4) {
                 return _ref.apply(this, arguments);
@@ -350,7 +300,7 @@ var customImage = function customImage(props) {
             }();
             var processImagePaste = /*#__PURE__*/function () {
               var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(files, html, fromPos, toPos) {
-                var _htmlTrimmed$match, _htmlTrimmed$match2;
+                var _htmlTrimmed$match;
                 var htmlTrimmed, hasRichHtml, _parsed$content, extensions, parsed, tempIds, fileIndex, modifiedDoc, finalDoc, i, useSimpleInsert;
                 return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                   while (1) switch (_context2.prev = _context2.next) {
@@ -371,19 +321,12 @@ var customImage = function customImage(props) {
                             }]
                           };
                         });
-                        console.log('简单插入内容:', JSON.stringify(content, null, 2));
-                        console.log('插入位置:', {
-                          from: fromPos,
-                          to: toPos
-                        });
                         editor.chain().insertContentAt({
                           from: fromPos,
                           to: toPos
                         }, content).focus().run();
-                        console.log('开始触发上传');
                         files.forEach(function (file, i) {
                           var tempId = "upload-".concat(baseTime, "-").concat(i);
-                          console.log("\u89E6\u53D1\u4E0A\u4F20: ".concat(file.name, ", tempId: ").concat(tempId));
                           uploadSingleImage(file, tempId);
                         });
                       };
@@ -395,77 +338,59 @@ var customImage = function customImage(props) {
                     case 3:
                       htmlTrimmed = (html === null || html === void 0 ? void 0 : html.trim()) || '';
                       hasRichHtml = htmlTrimmed.length > 0 && (htmlTrimmed.includes('<p') || htmlTrimmed.includes('<div') || htmlTrimmed.includes('<br') || htmlTrimmed.includes('<span') || ((_htmlTrimmed$match = htmlTrimmed.match(/<img/gi)) === null || _htmlTrimmed$match === void 0 ? void 0 : _htmlTrimmed$match.length) !== 1);
-                      console.log('hasRichHtml 判断:', {
-                        htmlLength: htmlTrimmed.length,
-                        hasPTag: htmlTrimmed.includes('<p'),
-                        hasDivTag: htmlTrimmed.includes('<div'),
-                        hasBrTag: htmlTrimmed.includes('<br'),
-                        hasSpanTag: htmlTrimmed.includes('<span'),
-                        imgCount: ((_htmlTrimmed$match2 = htmlTrimmed.match(/<img/gi)) === null || _htmlTrimmed$match2 === void 0 ? void 0 : _htmlTrimmed$match2.length) || 0,
-                        result: hasRichHtml
-                      });
                       if (!hasRichHtml) {
-                        _context2.next = 40;
+                        _context2.next = 31;
                         break;
                       }
-                      console.log('走富文本解析路径');
-                      _context2.prev = 8;
+                      _context2.prev = 6;
                       extensions = editor.extensionManager.extensions;
                       parsed = generateJSON(htmlTrimmed, extensions);
-                      console.log('解析后的 JSON:', JSON.stringify(parsed, null, 2));
                       if (parsed !== null && parsed !== void 0 && (_parsed$content = parsed.content) !== null && _parsed$content !== void 0 && _parsed$content.length) {
-                        _context2.next = 14;
+                        _context2.next = 11;
                         break;
                       }
                       throw new Error('Empty parsed content');
-                    case 14:
+                    case 11:
                       tempIds = [];
                       fileIndex = {
                         current: 0
                       };
                       modifiedDoc = replaceImagesWithProgressNodes(parsed, files, fileIndex, tempIds);
                       finalDoc = appendExtraImagesToDoc(modifiedDoc, files, fileIndex.current, tempIds);
-                      console.log('替换后的文档:', JSON.stringify(finalDoc, null, 2));
-                      console.log('tempIds:', tempIds);
-                      console.log('开始插入内容');
                       editor.chain().insertContentAt({
                         from: fromPos,
                         to: toPos
                       }, finalDoc).focus().run();
-                      console.log('开始上传图片');
                       i = 0;
-                    case 24:
+                    case 17:
                       if (!(i < tempIds.length)) {
-                        _context2.next = 31;
+                        _context2.next = 23;
                         break;
                       }
-                      console.log("\u4E0A\u4F20\u7B2C ".concat(i + 1, "/").concat(tempIds.length, " \u5F20\u56FE\u7247, tempId: ").concat(tempIds[i]));
-                      _context2.next = 28;
+                      _context2.next = 20;
                       return uploadSingleImage(files[i], tempIds[i]);
-                    case 28:
+                    case 20:
                       i++;
-                      _context2.next = 24;
+                      _context2.next = 17;
                       break;
-                    case 31:
-                      console.log('所有图片上传完成');
-                      _context2.next = 38;
+                    case 23:
+                      _context2.next = 29;
                       break;
-                    case 34:
-                      _context2.prev = 34;
-                      _context2.t0 = _context2["catch"](8);
-                      console.error('富文本解析失败，fallback 到简单插入:', _context2.t0);
+                    case 25:
+                      _context2.prev = 25;
+                      _context2.t0 = _context2["catch"](6);
+                      console.error('[图片粘贴] 富文本解析失败，使用简单插入:', _context2.t0);
                       useSimpleInsert(files, fromPos, toPos);
-                    case 38:
-                      _context2.next = 42;
+                    case 29:
+                      _context2.next = 32;
                       break;
-                    case 40:
-                      console.log('走简单插入路径');
+                    case 31:
                       useSimpleInsert(files, fromPos, toPos);
-                    case 42:
+                    case 32:
                     case "end":
                       return _context2.stop();
                   }
-                }, _callee2, null, [[8, 34]]);
+                }, _callee2, null, [[6, 25]]);
               }));
               return function processImagePaste(_x5, _x6, _x7, _x8) {
                 return _ref2.apply(this, arguments);
@@ -475,11 +400,8 @@ var customImage = function customImage(props) {
             // 如果没有 File 对象，尝试从 HTML 中提取图片 URL
             var finalImageFiles = imageFiles;
             if (imageFiles.length === 0 && htmlData) {
-              console.log('6. 没有图片 File 对象');
               var imageUrls = extractImageUrls(htmlData);
-              console.log('7. 从 HTML 中提取到的图片 URL:', imageUrls);
               if (imageUrls.length > 0) {
-                console.log('8. 开始下载图片...');
                 event.preventDefault(); // 阻止默认粘贴行为
 
                 // 异步下载所有图片
@@ -497,68 +419,54 @@ var customImage = function customImage(props) {
                         validFiles = downloadedFiles.filter(function (f) {
                           return f !== null;
                         });
-                        console.log('9. 下载完成，有效文件数:', validFiles.length);
                         if (!(validFiles.length === 0)) {
-                          _context3.next = 24;
+                          _context3.next = 19;
                           break;
                         }
-                        console.log('10. 没有成功下载任何图片（可能是CORS限制）');
-                        console.log('11. 降级方案：保留原图URL，不上传到服务器');
-
-                        // 降级方案：直接粘贴原始HTML，使用原图URL
-                        _context3.prev = 8;
+                        _context3.prev = 5;
                         extensions = editor.extensionManager.extensions;
                         parsed = generateJSON(htmlData, extensions);
                         if (!(parsed !== null && parsed !== void 0 && (_parsed$content2 = parsed.content) !== null && _parsed$content2 !== void 0 && _parsed$content2.length)) {
-                          _context3.next = 16;
+                          _context3.next = 12;
                           break;
                         }
                         editor.chain().insertContentAt({
                           from: from,
                           to: to
                         }, parsed).focus().run();
-                        console.log('12. 已插入原始内容，图片使用原URL');
-                        _context3.next = 17;
+                        _context3.next = 13;
                         break;
-                      case 16:
+                      case 12:
                         throw new Error('解析失败');
-                      case 17:
-                        _context3.next = 23;
+                      case 13:
+                        _context3.next = 18;
                         break;
-                      case 19:
-                        _context3.prev = 19;
-                        _context3.t0 = _context3["catch"](8);
-                        console.log('13. 解析失败，使用默认粘贴');
-                        // 最后兜底：返回false让浏览器处理默认粘贴
+                      case 15:
+                        _context3.prev = 15;
+                        _context3.t0 = _context3["catch"](5);
                         return _context3.abrupt("return");
-                      case 23:
+                      case 18:
                         return _context3.abrupt("return");
-                      case 24:
-                        // 使用下载的文件继续处理
-                        finalImageFiles = validFiles;
-                        console.log('11. 开始处理下载的图片');
-                        _context3.next = 28;
+                      case 19:
+                        _context3.next = 21;
                         return processImagePaste(validFiles, htmlData, from, to);
-                      case 28:
+                      case 21:
                       case "end":
                         return _context3.stop();
                     }
-                  }, _callee3, null, [[8, 19]]);
+                  }, _callee3, null, [[5, 15]]);
                 }))();
                 return true; // 已处理
               } else {
-                console.log('8. HTML 中没有可下载的图片 URL，退出处理');
                 return false;
               }
             }
             if (imageFiles.length === 0) {
-              console.log('6. 没有图片，退出处理');
               return false;
             }
             if (htmlData && htmlData.trim().length > 0) {
               var htmlLower = htmlData.toLowerCase();
               if (htmlLower.includes('<table') || htmlLower.includes('<tr') || htmlLower.includes('<td') || htmlLower.includes('<th')) {
-                console.log('检测到表格，退出处理');
                 return false;
               }
             }

package/package.json

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