@ctzhian/tiptap 1.6.21 → 1.6.23

package/dist/Editor/demo.js

@@ -102,7 +102,7 @@ var Reader = function Reader() {
         }
         return onUpload;
       }(),
-      content: "<p>Hello Tiptap</p><p></p>"
+      content: ""
     }),
     editor = _useTiptap.editor;
   return /*#__PURE__*/React.createElement(EditorThemeProvider, {

package/dist/Editor/index.js

@@ -1,5 +1,6 @@
 import { EditorContent } from '@tiptap/react';
 import React from 'react';
+import { PhotoProvider } from 'react-photo-view';
 import SelectionText from "../component/CustomBubbleMenu/SelectionText";
 import CustomDragHandle from "../component/CustomDragHandle";
 var Editor = function Editor(_ref) {
@@ -7,7 +8,49 @@ var Editor = function Editor(_ref) {
     menuInDragHandle = _ref.menuInDragHandle,
     menuInBubbleMenu = _ref.menuInBubbleMenu,
     onTip = _ref.onTip;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectionText, {
+  return /*#__PURE__*/React.createElement(PhotoProvider, {
+    speed: function speed() {
+      return 500;
+    },
+    maskOpacity: 0.3,
+    toolbarRender: function toolbarRender(_ref2) {
+      var onScale = _ref2.onScale,
+        scale = _ref2.scale,
+        rotate = _ref2.rotate,
+        onRotate = _ref2.onRotate;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onScale(scale + 1);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M384 640.5q105 0 180.75-75.75t75.75-180.75-75.75-180.75-180.75-75.75-180.75 75.75-75.75 180.75 75.75 180.75 180.75 75.75zM384 64.5q132 0 225.75 93.75t93.75 225.75-93.75 225.75-225.75 93.75-225.75-93.75-93.75-225.75 93.75-225.75 225.75-93.75zM415.5 223.5v129h129v63h-129v129h-63v-129h-129v-63h129v-129h63z"
+      })), /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onScale(scale - 1);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M384 640.5q105 0 180.75-75.75t75.75-180.75-75.75-180.75-180.75-75.75-180.75 75.75-75.75 180.75 75.75 180.75 180.75 75.75zM384 64.5q132 0 225.75 93.75t93.75 225.75-93.75 225.75-225.75 93.75-225.75-93.75-93.75-225.75 93.75-225.75 225.75-93.75zM223.5 352.5h321v63h-321v-63z"
+      })), /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onRotate(rotate + 90);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M565.5 202.5l75-75v225h-225l103.5-103.5c-34.5-34.5-82.5-57-135-57-106.5 0-192 85.5-192 192s85.5 192 192 192c84 0 156-52.5 181.5-127.5h66c-28.5 111-127.5 192-247.5 192-141 0-255-115.5-255-256.5s114-256.5 255-256.5c70.5 0 135 28.5 181.5 75z"
+      })));
+    }
+  }, /*#__PURE__*/React.createElement(SelectionText, {
     editor: editor,
     more: menuInBubbleMenu
   }), /*#__PURE__*/React.createElement(CustomDragHandle, {

package/dist/EditorDiff/index.js

@@ -1,5 +1,6 @@
 import { EditorContent } from "@tiptap/react";
 import React, { useEffect } from "react";
+import { PhotoProvider } from "react-photo-view";
 import useTiptap from "../hook";
 var EditorDiff = function EditorDiff(_ref) {
   var oldHtml = _ref.oldHtml,
@@ -17,8 +18,50 @@ var EditorDiff = function EditorDiff(_ref) {
       (_editorRef$editor = editorRef.editor) === null || _editorRef$editor === void 0 || (_editorRef$editor$com = (_editorRef$editor$com2 = _editorRef$editor.commands).hideStructuredDiff) === null || _editorRef$editor$com === void 0 || _editorRef$editor$com.call(_editorRef$editor$com2);
     };
   }, [oldHtml, newHtml, editorRef.editor]);
-  return /*#__PURE__*/React.createElement(EditorContent, {
+  return /*#__PURE__*/React.createElement(PhotoProvider, {
+    speed: function speed() {
+      return 500;
+    },
+    maskOpacity: 0.3,
+    toolbarRender: function toolbarRender(_ref2) {
+      var onScale = _ref2.onScale,
+        scale = _ref2.scale,
+        rotate = _ref2.rotate,
+        onRotate = _ref2.onRotate;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onScale(scale + 1);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M384 640.5q105 0 180.75-75.75t75.75-180.75-75.75-180.75-180.75-75.75-180.75 75.75-75.75 180.75 75.75 180.75 180.75 75.75zM384 64.5q132 0 225.75 93.75t93.75 225.75-93.75 225.75-225.75 93.75-225.75-93.75-93.75-225.75 93.75-225.75 225.75-93.75zM415.5 223.5v129h129v63h-129v129h-63v-129h-129v-63h129v-129h63z"
+      })), /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onScale(scale - 1);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M384 640.5q105 0 180.75-75.75t75.75-180.75-75.75-180.75-180.75-75.75-180.75 75.75-75.75 180.75 75.75 180.75 180.75 75.75zM384 64.5q132 0 225.75 93.75t93.75 225.75-93.75 225.75-225.75 93.75-225.75-93.75-93.75-225.75 93.75-225.75 225.75-93.75zM223.5 352.5h321v63h-321v-63z"
+      })), /*#__PURE__*/React.createElement("svg", {
+        width: "44",
+        height: "44",
+        viewBox: "0 0 768 768",
+        className: "PhotoView-Slider__toolbarIcon",
+        onClick: function onClick() {
+          return onRotate(rotate + 90);
+        }
+      }, /*#__PURE__*/React.createElement("path", {
+        d: "M565.5 202.5l75-75v225h-225l103.5-103.5c-34.5-34.5-82.5-57-135-57-106.5 0-192 85.5-192 192s85.5 192 192 192c84 0 156-52.5 181.5-127.5h66c-28.5 111-127.5 192-247.5 192-141 0-255-115.5-255-256.5s114-256.5 255-256.5c70.5 0 135 28.5 181.5 75z"
+      })));
+    }
+  }, /*#__PURE__*/React.createElement(EditorContent, {
     editor: editorRef.editor
-  });
+  }));
 };
 export default EditorDiff;

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

@@ -101,7 +101,10 @@ var AlertView = function AlertView(_ref) {
     }
   }, variantData.icon), /*#__PURE__*/React.createElement(Box, {
     sx: {
-      flex: 1
+      flex: 1,
+      'code': {
+        bgcolor: attrs.variant === 'default' ? '' : "color-mix(in srgb, ".concat(variantData.color, " 20%, transparent) !important")
+      }
     }
   }, /*#__PURE__*/React.createElement(NodeViewContent, {
     as: 'div'

package/dist/extension/component/Image/Readonly.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ImageAttributes } from ".";
 import 'react-photo-view/dist/react-photo-view.css';
+import { ImageAttributes } from ".";
 interface ReadonlyImageProps {
     attrs: ImageAttributes;
 }

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

@@ -1,8 +1,7 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { Box } from "@mui/material";
 import { NodeViewWrapper } from "@tiptap/react";
 import React from "react";
-import { PhotoProvider, PhotoView } from "react-photo-view";
+import { PhotoView } from "react-photo-view";
 import 'react-photo-view/dist/react-photo-view.css';
 var ReadonlyImage = function ReadonlyImage(_ref) {
   var attrs = _ref.attrs;
@@ -16,24 +15,10 @@ var ReadonlyImage = function ReadonlyImage(_ref) {
       border: '1px solid',
       borderColor: 'divider',
       borderRadius: 'var(--mui-shape-borderRadius)',
-      p: '0.25rem',
-      '&:hover .image-controls': {
-        opacity: 1
-      }
-    }
-  }, /*#__PURE__*/React.createElement(PhotoProvider, null, /*#__PURE__*/React.createElement(PhotoView, {
-    render: function render(props) {
-      return /*#__PURE__*/React.createElement("img", _extends({}, props.attrs, {
-        src: attrs.src,
-        style: {
-          transformOrigin: '0 0',
-          transform: 'translate(-50%, -50%)',
-          backgroundColor: 'hsl(0, 0%, 90%)',
-          maxWidth: '100%',
-          maxHeight: '90%'
-        }
-      }));
+      p: '0.25rem'
     }
+  }, /*#__PURE__*/React.createElement(PhotoView, {
+    src: attrs.src
   }, /*#__PURE__*/React.createElement("img", {
     src: attrs.src,
     width: attrs.width,
@@ -45,6 +30,6 @@ var ReadonlyImage = function ReadonlyImage(_ref) {
     onError: function onError(e) {
       console.error('Image load error:', e);
     }
-  })))));
+  }))));
 };
 export default ReadonlyImage;

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

@@ -7,6 +7,6 @@ export interface UploadProgressAttributes {
     tempId: string;
 }
 export declare const getFileIcon: (fileType: string) => React.JSX.Element;
-export declare const getFileTypeText: (fileType: string) => "图片" | "视频" | "音频" | "文件";
+export declare const getFileTypeText: (fileType: string) => "视频" | "音频" | "图片" | "文件";
 declare const UploadProgressView: React.FC<NodeViewProps>;
 export default UploadProgressView;

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

@@ -1,4 +1,4 @@
 import { UploadFunction } from "../../type";
 export declare const FileHandlerExtension: (props: {
     onUpload?: UploadFunction;
-}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;
+}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "editor" | "key">, any>;

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

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

package/dist/index.css

@@ -392,42 +392,28 @@
   text-align: left;
 }
 
-/* 表格数据单元格样式 */
 .tiptap.ProseMirror table td {
   background-color: var(--mui-palette-background-default);
 }
 
-/* 表格悬停时显示所有列边框 - 只在编辑模式下生效 */
-.tiptap.ProseMirror[contenteditable="true"] table {
+.tiptap.ProseMirror table {
   border-left: 1px dotted var(--mui-palette-divider);
   border-right: 1px dotted var(--mui-palette-divider);
 }
 
-.tiptap.ProseMirror[contenteditable="true"] table td,
-.tiptap.ProseMirror[contenteditable="true"] table th {
+.tiptap.ProseMirror table td,
+.tiptap.ProseMirror table th {
   border-right-color: var(--mui-palette-divider);
   border-right-style: dotted;
 }
 
-.tiptap.ProseMirror[contenteditable="true"] table td:last-child,
-.tiptap.ProseMirror[contenteditable="true"] table th:last-child {
+.tiptap.ProseMirror table td:last-child,
+.tiptap.ProseMirror table th:last-child {
   border-right-color: transparent;
 }
 
-.tiptap.ProseMirror[contenteditable="false"] table {
-  border-left: 1px dotted var(--mui-palette-divider);
-  border-right: 1px dotted var(--mui-palette-divider);
-}
-
-.tiptap.ProseMirror[contenteditable="false"] table td,
-.tiptap.ProseMirror[contenteditable="false"] table th {
-  border-right-color: var(--mui-palette-divider);
-  border-right-style: dotted;
-}
-
-.tiptap.ProseMirror[contenteditable="false"] table td:last-child,
-.tiptap.ProseMirror[contenteditable="false"] table th:last-child {
-  border-right-color: transparent;
+.tiptap.ProseMirror[contenteditable="true"] table .selectedCell {
+  pointer-events: none;
 }
 
 /* 表格选择状态 */
@@ -441,19 +427,8 @@
   pointer-events: none;
   position: absolute;
   z-index: 2;
-  /* border-radius: 4px; */
-  /* border: 2px solid var(--mui-palette-primary-main); */
-}
-
-.tiptap.ProseMirror[contenteditable="true"] table .selectedCell {
-  background-color: color-mix(in srgb, var(--mui-palette-primary-main) 5%, transparent) !important;
 }
 
-/* 选中单元格的边框样式 - 只改变最外圈边框颜色 */
-/* .tiptap.ProseMirror[contenteditable="true"] table .selectedCell {
-  border-color: var(--mui-palette-primary-main) !important;
-} */
-
 /* 表格列调整手柄 */
 .tiptap.ProseMirror[contenteditable="true"] table .column-resize-handle {
   background-color: transparent;
@@ -521,17 +496,6 @@
   }
 }
 
-.PhotoView-Slider__Backdrop {
-  background: rgba(33, 34, 45, 0.3) !important;
-  backdrop-filter: blur(5px);
-  transition: none !important;
-  animation-duration: none !important;
-}
-
-.PhotoView-Slider__BannerWrap {
-  background-color: rgba(33, 34, 45, 0.2) !important;
-}
-
 .slash-decoration[data-decoration-content].is-empty {
   padding: 4px 8px;
   background-color: var(--mui-palette-background-paper2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "1.6.21",
+  "version": "1.6.23",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -81,36 +81,36 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.2",
-    "@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",
+    "@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",