@ctzhian/tiptap 1.6.11 → 1.6.13

package/dist/component/CustomDragHandle/index.js

@@ -23,7 +23,7 @@ import { Box, Divider, Stack, Typography, useTheme } from '@mui/material';
 import DragHandle from '@tiptap/extension-drag-handle-react';
 import { Fragment, Slice } from '@tiptap/pm/model';
 import { NodeSelection } from '@tiptap/pm/state';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText } from "../../util";
 import Menu from "../Menu";
 import { ToolbarItem } from "../Toolbar";
@@ -122,114 +122,6 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
     _useState8 = _slicedToArray(_useState7, 2),
     currentNode = _useState8[0],
     setCurrentNode = _useState8[1];
-
-  // 利用插件支持的元信息，在捕获阶段锁定/解锁拖拽句柄，避免在行内/无效区域触发内部 posAtDOM 计算
-  var lockedRef = useRef(true);
-  useEffect(function () {
-    if (!editor || editor !== null && editor !== void 0 && editor.isDestroyed) return;
-    var disposed = false;
-    var cleanup = null;
-    var onMouseMoveCapture = function onMouseMoveCapture(e) {
-      if (!editor.isEditable) return;
-      var viewAny;
-      var root;
-      try {
-        var _viewAny;
-        viewAny = editor.view;
-        root = (_viewAny = viewAny) === null || _viewAny === void 0 ? void 0 : _viewAny.dom;
-      } catch (_unused) {
-        return;
-      }
-      if (!root) return;
-      var el = document.elementFromPoint(e.clientX, e.clientY);
-      if (!el) return;
-      var cur = el;
-      var allowed = false;
-      while (cur && root.contains(cur)) {
-        var _desc$node;
-        var desc = cur.pmViewDesc;
-        if (desc !== null && desc !== void 0 && (_desc$node = desc.node) !== null && _desc$node !== void 0 && _desc$node.isBlock) {
-          allowed = true;
-          break;
-        }
-        if (cur.hasAttribute && cur.hasAttribute('data-drag-handle')) {
-          allowed = true;
-          break;
-        }
-        cur = cur.parentElement;
-      }
-      var shouldLock = !allowed;
-      if (shouldLock !== lockedRef.current) {
-        lockedRef.current = shouldLock;
-        try {
-          var _viewAny2, _viewAny2$dispatch;
-          var tr = editor.state.tr.setMeta('lockDragHandle', shouldLock);
-          if (shouldLock) tr.setMeta('hideDragHandle', true);
-          (_viewAny2 = viewAny) === null || _viewAny2 === void 0 || (_viewAny2$dispatch = _viewAny2.dispatch) === null || _viewAny2$dispatch === void 0 || _viewAny2$dispatch.call(_viewAny2, tr);
-        } catch (_unused2) {}
-      }
-
-      // 不允许区域时，阻止事件冒泡到 ProseMirror handleDOMEvents，避免内部 posAtDOM 调用
-      if (shouldLock) {
-        try {
-          var _stopImmediatePropaga, _ref4;
-          (_stopImmediatePropaga = (_ref4 = e).stopImmediatePropagation) === null || _stopImmediatePropaga === void 0 || _stopImmediatePropaga.call(_ref4);
-        } catch (_unused3) {}
-        e.stopPropagation();
-      }
-    };
-    var bind = function bind() {
-      if (disposed) return false;
-      var viewAny;
-      var root;
-      try {
-        var _viewAny3;
-        viewAny = editor.view;
-        root = (_viewAny3 = viewAny) === null || _viewAny3 === void 0 ? void 0 : _viewAny3.dom;
-      } catch (_unused4) {
-        return false;
-      }
-      if (!root) return false;
-      try {
-        var _viewAny4, _viewAny4$dispatch;
-        lockedRef.current = true;
-        var tr0 = editor.state.tr.setMeta('lockDragHandle', true).setMeta('hideDragHandle', true);
-        (_viewAny4 = viewAny) === null || _viewAny4 === void 0 || (_viewAny4$dispatch = _viewAny4.dispatch) === null || _viewAny4$dispatch === void 0 || _viewAny4$dispatch.call(_viewAny4, tr0);
-      } catch (_unused5) {}
-      root.addEventListener('mousemove', onMouseMoveCapture, {
-        capture: true
-      });
-      cleanup = function cleanup() {
-        root && root.removeEventListener('mousemove', onMouseMoveCapture, {
-          capture: true
-        });
-      };
-      return true;
-    };
-    if (!bind()) {
-      var onCreate = function onCreate() {
-        bind();
-      };
-      try {
-        var _on, _ref5;
-        (_on = (_ref5 = editor).on) === null || _on === void 0 || _on.call(_ref5, 'create', onCreate);
-      } catch (_unused6) {}
-      return function () {
-        var _cleanup;
-        disposed = true;
-        try {
-          var _off, _ref6;
-          (_off = (_ref6 = editor).off) === null || _off === void 0 || _off.call(_ref6, 'create', onCreate);
-        } catch (_unused7) {}
-        (_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
-      };
-    }
-    return function () {
-      var _cleanup2;
-      disposed = true;
-      (_cleanup2 = cleanup) === null || _cleanup2 === void 0 || _cleanup2();
-    };
-  }, [editor]);
   var THEME_TEXT_COLOR = [{
     label: '默认色',
     value: theme.palette.text.primary
@@ -348,9 +240,9 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
     var attrs = current.editor.getAttributes(node.type.name);
     return Number(attrs.indent) || 0;
   };
-  var shouldShowButton = function shouldShowButton(_ref7) {
-    var editor = _ref7.editor,
-      data = _ref7.data;
+  var shouldShowButton = function shouldShowButton(_ref4) {
+    var editor = _ref4.editor,
+      data = _ref4.data;
     if (!editor || !editor.isEditable) return false;
     var currentNode = data.node;
     var empty = (currentNode === null || currentNode === void 0 ? void 0 : currentNode.textContent) === '';

package/dist/extension/node/Audio.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 { mergeAttributes, Node } from '@tiptap/core';
+import { InputRule, mergeAttributes, Node } from '@tiptap/core';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 import AudioViewWrapper from "../component/Audio";
 export var AudioExtension = function AudioExtension(props) {
@@ -164,22 +164,26 @@ export var AudioExtension = function AudioExtension(props) {
     },
     addInputRules: function addInputRules() {
       var _this3 = this;
-      return [
-      // Auto-embed audio URLs
-      {
+      return [new InputRule({
         find: /^https?:\/\/.*\.(mp3|wav|ogg|m4a|flac|aac|wma|webm)$/,
         handler: function handler(_ref3) {
-          var state = _ref3.state,
-            range = _ref3.range,
-            match = _ref3.match;
+          var range = _ref3.range,
+            match = _ref3.match,
+            commands = _ref3.commands;
           var from = range.from,
             to = range.to;
           var audioUrl = match[0];
-          state.tr.replaceWith(from, to, _this3.type.create({
-            src: audioUrl
-          }));
+          commands.insertContentAt({
+            from: from,
+            to: to
+          }, {
+            type: _this3.name,
+            attrs: {
+              src: audioUrl
+            }
+          });
         }
-      }];
+      })];
     },
     addNodeView: function addNodeView() {
       return ReactNodeViewRenderer(function (renderProps) {

package/dist/extension/node/Image.js

@@ -9,7 +9,6 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
 import ImageViewWrapper from "../component/Image";
 var customImage = function customImage(props) {
   return Image.extend({
-    marks: '',
     addKeyboardShortcuts: function addKeyboardShortcuts() {
       var _this = this;
       return {

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

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core';
 export declare const TableExtension: ({ editable }: {
     editable: boolean;
-}) => (Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any>)[];
+}) => (import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any> | Extension<any, any>)[];
 export default TableExtension;

package/dist/extension/node/Video.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 { mergeAttributes, Node } from '@tiptap/core';
+import { InputRule, mergeAttributes, Node } from '@tiptap/core';
 import { ReactNodeViewRenderer } from '@tiptap/react';
 import VideoViewWrapper from "../component/Video";
 export var VideoExtension = function VideoExtension(props) {
@@ -165,22 +165,26 @@ export var VideoExtension = function VideoExtension(props) {
     },
     addInputRules: function addInputRules() {
       var _this3 = this;
-      return [
-      // Auto-embed video URLs
-      {
+      return [new InputRule({
         find: /^https?:\/\/.*\.(mp4|webm|ogg|mov|m4v|avi|wmv|flv|mkv|mpg|mpeg|m4p|m4v|m4b|m4r|m4a)$/,
         handler: function handler(_ref3) {
-          var state = _ref3.state,
-            range = _ref3.range,
-            match = _ref3.match;
+          var range = _ref3.range,
+            match = _ref3.match,
+            commands = _ref3.commands;
           var from = range.from,
             to = range.to;
           var videoUrl = match[0];
-          state.tr.replaceWith(from, to, _this3.type.create({
-            src: videoUrl
-          }));
+          commands.insertContentAt({
+            from: from,
+            to: to
+          }, {
+            type: _this3.name,
+            attrs: {
+              src: videoUrl
+            }
+          });
         }
-      }];
+      })];
     },
     addNodeView: function addNodeView() {
       return ReactNodeViewRenderer(function (renderProps) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.6.11",
+  "version": "1.6.13",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -81,36 +81,36 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.2",
-    "@tiptap/core": "^3.4.4",
-    "@tiptap/extension-bubble-menu": "^3.4.4",
-    "@tiptap/extension-code": "^3.4.3",
-    "@tiptap/extension-code-block-lowlight": "^3.4.4",
-    "@tiptap/extension-details": "^3.4.4",
-    "@tiptap/extension-drag-handle-react": "^3.4.4",
-    "@tiptap/extension-emoji": "^3.4.4",
-    "@tiptap/extension-file-handler": "^3.4.4",
-    "@tiptap/extension-highlight": "^3.4.4",
-    "@tiptap/extension-image": "^3.4.4",
-    "@tiptap/extension-invisible-characters": "^3.4.4",
-    "@tiptap/extension-link": "^3.4.4",
-    "@tiptap/extension-list": "^3.4.4",
-    "@tiptap/extension-mathematics": "^3.4.4",
-    "@tiptap/extension-mention": "^3.4.4",
-    "@tiptap/extension-subscript": "^3.4.4",
-    "@tiptap/extension-superscript": "^3.4.4",
-    "@tiptap/extension-table": "^3.4.4",
-    "@tiptap/extension-table-of-contents": "^3.4.4",
-    "@tiptap/extension-text-align": "^3.4.4",
-    "@tiptap/extension-text-style": "^3.4.4",
-    "@tiptap/extension-unique-id": "^3.4.4",
-    "@tiptap/extension-youtube": "^3.4.4",
-    "@tiptap/extensions": "^3.4.4",
-    "@tiptap/html": "^3.4.4",
-    "@tiptap/pm": "^3.4.4",
-    "@tiptap/react": "^3.4.4",
-    "@tiptap/starter-kit": "^3.4.4",
-    "@tiptap/static-renderer": "^3.4.4",
-    "@tiptap/suggestion": "^3.4.4",
+    "@tiptap/core": "^3.5.3",
+    "@tiptap/extension-bubble-menu": "^3.5.3",
+    "@tiptap/extension-code": "^3.5.3",
+    "@tiptap/extension-code-block-lowlight": "^3.5.3",
+    "@tiptap/extension-details": "^3.5.3",
+    "@tiptap/extension-drag-handle-react": "^3.5.3",
+    "@tiptap/extension-emoji": "^3.5.3",
+    "@tiptap/extension-file-handler": "^3.5.3",
+    "@tiptap/extension-highlight": "^3.5.3",
+    "@tiptap/extension-image": "^3.5.3",
+    "@tiptap/extension-invisible-characters": "^3.5.3",
+    "@tiptap/extension-link": "^3.5.3",
+    "@tiptap/extension-list": "^3.5.3",
+    "@tiptap/extension-mathematics": "^3.5.3",
+    "@tiptap/extension-mention": "^3.5.3",
+    "@tiptap/extension-subscript": "^3.5.3",
+    "@tiptap/extension-superscript": "^3.5.3",
+    "@tiptap/extension-table": "^3.5.3",
+    "@tiptap/extension-table-of-contents": "^3.5.3",
+    "@tiptap/extension-text-align": "^3.5.3",
+    "@tiptap/extension-text-style": "^3.5.3",
+    "@tiptap/extension-unique-id": "^3.5.3",
+    "@tiptap/extension-youtube": "^3.5.3",
+    "@tiptap/extensions": "^3.5.3",
+    "@tiptap/html": "^3.5.3",
+    "@tiptap/pm": "^3.5.3",
+    "@tiptap/react": "^3.5.3",
+    "@tiptap/starter-kit": "^3.5.3",
+    "@tiptap/static-renderer": "^3.5.3",
+    "@tiptap/suggestion": "^3.5.3",
     "diff-match-patch": "^1.0.5",
     "highlight.js": "^11.11.1",
     "jszip": "^3.10.1",