@ctzhian/tiptap 2.5.0 → 2.5.1

package/dist/EditorDiff/index.d.ts

@@ -3,6 +3,7 @@ import 'core-js/actual/array/find-last';
 interface EditorDiffProps {
     oldHtml: string;
     newHtml: string;
+    baseUrl?: string;
 }
-declare const EditorDiff: ({ oldHtml, newHtml }: EditorDiffProps) => React.JSX.Element;
+declare const EditorDiff: ({ oldHtml, newHtml, baseUrl }: EditorDiffProps) => React.JSX.Element;
 export default EditorDiff;

package/dist/EditorDiff/index.js

@@ -8,10 +8,12 @@ import useTiptap from "../hook";
 
 var EditorDiff = function EditorDiff(_ref) {
   var oldHtml = _ref.oldHtml,
-    newHtml = _ref.newHtml;
+    newHtml = _ref.newHtml,
+    baseUrl = _ref.baseUrl;
   var editorRef = useTiptap({
     editable: false,
     content: newHtml,
+    baseUrl: baseUrl,
     exclude: ['youtube', 'mention']
   });
   useEffect(function () {

package/dist/component/CustomBubbleMenu/index.js

@@ -3,11 +3,35 @@ import { hasMarksInSelection } from "../../util";
 import { Divider, Paper, Stack } from '@mui/material';
 import { useEditorState } from '@tiptap/react';
 import { BubbleMenu } from '@tiptap/react/menus';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { ToolbarItem } from "../Toolbar";
 var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
   var editor = _ref.editor,
     more = _ref.more;
+  // 跟踪编辑器是否已经完全初始化
+  var isInitializedRef = useRef(false);
+  var initTimeoutRef = useRef(null);
+
+  // 当编辑器挂载后，延迟一段时间标记为已初始化
+  useEffect(function () {
+    if (editor && editor.view) {
+      // 清除之前的定时器
+      if (initTimeoutRef.current) {
+        clearTimeout(initTimeoutRef.current);
+      }
+
+      // 延迟标记为已初始化，确保编辑器状态稳定
+      initTimeoutRef.current = setTimeout(function () {
+        isInitializedRef.current = true;
+      }, 100);
+    }
+    return function () {
+      if (initTimeoutRef.current) {
+        clearTimeout(initTimeoutRef.current);
+      }
+    };
+  }, [editor]);
+
   // const theme = useTheme()
 
   // const THEME_TEXT_COLOR = [
@@ -73,7 +97,38 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       offset: 8,
       flip: true
     },
-    shouldShow: function shouldShow() {
+    shouldShow: function shouldShow(_ref2) {
+      var editor = _ref2.editor;
+      // 确保编辑器已初始化
+      if (!editor || !editor.state || !editor.view) {
+        return false;
+      }
+
+      // 如果编辑器还没有完全初始化，不显示
+      if (!isInitializedRef.current) {
+        return false;
+      }
+      var _editor$state = editor.state,
+        selection = _editor$state.selection,
+        doc = _editor$state.doc;
+
+      // 如果没有选中文本（选择为空或起始和结束位置相同），不显示
+      if (selection.empty || selection.from === selection.to) {
+        return false;
+      }
+
+      // 检查选中的文本内容是否真的有意义（不是空白字符）
+      // 使用 textBetween 获取选中范围内的文本，排除空白字符
+      var selectedText = doc.textBetween(selection.from, selection.to, ' ', ' ');
+      if (!selectedText || selectedText.trim().length === 0) {
+        return false;
+      }
+
+      // 如果文档为空（只有默认段落且无内容），不显示
+      if (editor.isEmpty) {
+        return false;
+      }
+
       // 表格多选单元格时禁止弹出气泡菜单
       // if (editor.state.selection.constructor.name === '_CellSelection') {
       //   const cellSelection = editor.state.selection as any;
@@ -84,7 +139,9 @@ var CustomBubbleMenu = function CustomBubbleMenu(_ref) {
       //     return cellSelection.$anchorCell.pos !== cellSelection.$headCell.pos;
       //   }
       // }
-      if (editor.state.selection.empty || editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe') || editor.isActive('yamlFormat') || editor.isActive('flow') || editor.isActive('table')) {
+
+      // 在某些特定节点类型时不显示
+      if (editor.isActive('image') || editor.isActive('video') || editor.isActive('audio') || editor.isActive('emoji') || editor.isActive('codeBlock') || editor.isActive('blockMath') || editor.isActive('inlineMath') || editor.isActive('blockLink') || editor.isActive('inlineLink') || editor.isActive('blockAttachment') || editor.isActive('inlineAttachment') || editor.isActive('horizontalRule') || editor.isActive('iframe') || editor.isActive('yamlFormat') || editor.isActive('flow') || editor.isActive('table')) {
         return false;
       }
       return true;

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/package.json

@@ -1,10 +1,24 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "rm -rf dist && father build",
+    "build:watch": "father dev",
+    "docs:build": "dumi build",
+    "docs:preview": "dumi preview",
+    "prepare": "husky install && dumi setup",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "pre": "pnpm build && pnpm link --global"
+  },
   "authors": [
     "ky.kyy@qq.com"
   ],
@@ -128,18 +142,5 @@
     "react-image-crop": "^11.0.10",
     "react-photo-view": "^1.2.7",
     "uuid": "^11.1.0"
-  },
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "dumi dev",
-    "build": "rm -rf dist && father build",
-    "build:watch": "father dev",
-    "docs:build": "dumi build",
-    "docs:preview": "dumi preview",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "pre": "pnpm build && pnpm link --global"
   }
-}
+}