@ctzhian/tiptap 2.0.0 → 2.1.0

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

@@ -34,6 +34,7 @@ var getCellAtCoordinates = function getCellAtCoordinates(state, view, x, y) {
   return cellAround($pos);
 };
 var getSelectionBoundingRect = function getSelectionBoundingRect(view, selection) {
+  if (!(selection instanceof CellSelection)) return null;
   var cells = [];
   selection.forEachCell(function (_node, pos) {
     var dom = view.nodeDOM(pos);
@@ -242,8 +243,7 @@ export var TableSelectionOverlay = function TableSelectionOverlay(_ref2) {
   var activeHandleRef = useRef(null);
   var containerRef = useRef(null);
   var _useFloating = useFloating({
-      placement: 'top-start',
-      strategy: 'absolute'
+      placement: 'top-start'
     }),
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles,
@@ -384,14 +384,7 @@ export var TableSelectionOverlay = function TableSelectionOverlay(_ref2) {
   }, [editor, updateSelectionRect, updateTableDom]);
   useEffect(function () {
     var c = tableDom === null || tableDom === void 0 ? void 0 : tableDom.querySelector('.table-selection-overlay-container');
-    if (!c) {
-      // Try to find .table-controls as fallback
-      var wrapper = tableDom === null || tableDom === void 0 ? void 0 : tableDom.closest('.tableWrapper');
-      var controls = wrapper === null || wrapper === void 0 ? void 0 : wrapper.querySelector('.table-controls');
-      containerRef.current = controls !== null && controls !== void 0 ? controls : null;
-    } else {
-      containerRef.current = c;
-    }
+    containerRef.current = c !== null && c !== void 0 ? c : null;
   }, [tableDom]);
   if (!isVisible || !selectionRect) {
     return null;
@@ -412,9 +405,8 @@ export var TableSelectionOverlay = function TableSelectionOverlay(_ref2) {
       onResizeStart: createResizeHandler
     }));
   };
-  var rootElement = containerRef.current || document.body;
   return /*#__PURE__*/React.createElement(FloatingPortal, {
-    root: rootElement
+    root: containerRef.current
   }, /*#__PURE__*/React.createElement("div", {
     ref: refs.setFloating,
     style: _objectSpread(_objectSpread({}, floatingStyles), {}, {

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/component/Video/Insert.js

@@ -85,7 +85,8 @@ var InsertVideo = function InsertVideo(_ref) {
                 autoplay: attrs.autoplay,
                 loop: attrs.loop,
                 muted: attrs.muted,
-                poster: attrs.poster
+                poster: attrs.poster,
+                align: attrs.align
               });
             }
             _context.next = 15;
@@ -139,7 +140,8 @@ var InsertVideo = function InsertVideo(_ref) {
               autoplay: attrs.autoplay,
               loop: attrs.loop,
               muted: attrs.muted,
-              poster: attrs.poster
+              poster: attrs.poster,
+              align: attrs.align
             });
             handleClosePopover();
             _context2.next = 15;

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

@@ -8,15 +8,7 @@ var ReadonlyVideo = function ReadonlyVideo(_ref) {
     className: "video-wrapper"
   }, /*#__PURE__*/React.createElement(Box, {
     sx: {
-      position: 'relative',
-      display: 'inline-block',
-      border: '1px solid',
-      borderColor: 'divider',
-      borderRadius: 'var(--mui-shape-borderRadius)',
-      p: '0.25rem',
-      '&:hover .video-controls': {
-        opacity: 1
-      }
+      textAlign: attrs.align || undefined
     }
   }, /*#__PURE__*/React.createElement("video", {
     src: attrs.src,
@@ -25,11 +17,12 @@ var ReadonlyVideo = function ReadonlyVideo(_ref) {
     autoPlay: attrs.autoplay,
     loop: attrs.loop,
     muted: attrs.muted,
-    width: attrs.width,
+    width: attrs.width || undefined,
     style: {
       maxWidth: '100%',
+      cursor: 'pointer',
       height: 'auto',
-      display: 'block'
+      display: 'inline-block'
     },
     onError: function onError(e) {
       _onError === null || _onError === void 0 || _onError(e);

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

@@ -3,12 +3,13 @@ import { NodeViewProps } from '@tiptap/react';
 import React from "react";
 export interface VideoAttributes {
     src: string;
-    width: number;
+    width?: number | string | null;
     controls: boolean;
     autoplay: boolean;
     loop: boolean;
     muted: boolean;
     poster: string | null;
+    align: 'left' | 'center' | 'right' | null;
 }
 declare const VideoViewWrapper: React.FC<NodeViewProps & EditorFnProps>;
 export default VideoViewWrapper;