@ctzhian/tiptap 3.0.0 → 3.0.2

package/dist/features/media/shared/use-media-width.js

@@ -1,76 +0,0 @@
-import React from 'react';
-var getNumericWidth = function getNumericWidth(width) {
-  return typeof width === 'number' ? width : undefined;
-};
-export var useMediaWidth = function useMediaWidth(_ref) {
-  var editor = _ref.editor,
-    contentRef = _ref.contentRef,
-    nodeClassName = _ref.nodeClassName,
-    width = _ref.width,
-    elementRef = _ref.elementRef;
-  var isPercentWidth = React.useCallback(function () {
-    if (!width) return true;
-    return typeof width === 'string' && width.endsWith('%');
-  }, [width]);
-  var getCurrentWidthPercent = React.useCallback(function () {
-    if (isPercentWidth()) {
-      if (!width) return '100';
-      if (typeof width === 'string' && width.endsWith('%')) {
-        return width.replace('%', '');
-      }
-      return '100';
-    }
-    return 'pixel';
-  }, [isPercentWidth, width]);
-  var getEditorWidth = React.useCallback(function () {
-    var _editor$view;
-    if (contentRef.current) {
-      var current = contentRef.current;
-      while (current) {
-        var _current$classList;
-        if ((_current$classList = current.classList) !== null && _current$classList !== void 0 && _current$classList.contains(nodeClassName)) {
-          var style = window.getComputedStyle(current);
-          var paddingLeft = parseFloat(style.paddingLeft) || 0;
-          var paddingRight = parseFloat(style.paddingRight) || 0;
-          return current.clientWidth - paddingLeft - paddingRight;
-        }
-        current = current.parentElement;
-      }
-    }
-    if (editor !== null && editor !== void 0 && (_editor$view = editor.view) !== null && _editor$view !== void 0 && _editor$view.dom) {
-      var editorElement = editor.view.dom;
-      var _style = window.getComputedStyle(editorElement);
-      var _paddingLeft = parseFloat(_style.paddingLeft) || 0;
-      var _paddingRight = parseFloat(_style.paddingRight) || 0;
-      var editorWidth = editorElement.clientWidth - _paddingLeft - _paddingRight;
-      if (editorWidth > 0) {
-        return editorWidth;
-      }
-    }
-    return 800;
-  }, [contentRef, editor, nodeClassName]);
-  var getCurrentDisplayWidth = React.useCallback(function () {
-    if (!elementRef.current) {
-      return getEditorWidth();
-    }
-    var computedStyle = window.getComputedStyle(elementRef.current);
-    var displayWidth = elementRef.current.offsetWidth;
-    if (typeof width === 'string' && width.endsWith('%')) {
-      return displayWidth;
-    }
-    var numericWidth = getNumericWidth(width);
-    if (numericWidth !== undefined) {
-      if (computedStyle.maxWidth === '100%' && displayWidth < numericWidth) {
-        return displayWidth;
-      }
-      return numericWidth;
-    }
-    return getEditorWidth();
-  }, [elementRef, getEditorWidth, width]);
-  return {
-    isPercentWidth: isPercentWidth,
-    getCurrentWidthPercent: getCurrentWidthPercent,
-    getEditorWidth: getEditorWidth,
-    getCurrentDisplayWidth: getCurrentDisplayWidth
-  };
-};

package/dist/features/table/TableCellHandleMenu/index.js

@@ -1,234 +0,0 @@
-var _excluded = ["editor", "onOpenChange", "className", "onResizeStart"];
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Menu } from "../../../components";
-import { ArrowDownSLineIcon, DeleteLineIcon, MergeCellsVerticalIcon, MoreLineIcon, SplitCellsVerticalIcon } from "../../../components/Icons";
-import { DeleteBack2LineIcon } from "../../../components/Icons/delete-back-2-line-icon";
-import { Box } from '@mui/material';
-import { useTheme } from '@mui/material/styles';
-import { CellSelection, cellAround, deleteCellSelection, mergeCells, splitCell } from '@tiptap/pm/tables';
-import { useEditorState } from '@tiptap/react';
-import React, { forwardRef } from 'react';
-import { buildTableAlignMenu, buildTableColorMenu, createTableMenuDivider } from "../TableHandle/menu-builders";
-import { useTableMenuOpen } from "../TableHandle/use-table-menu-open";
-export var TableCellHandleMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var editor = _ref.editor,
-    onOpenChange = _ref.onOpenChange,
-    className = _ref.className,
-    onResizeStart = _ref.onResizeStart,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var editorState = useEditorState({
-    editor: editor,
-    selector: function selector(context) {
-      if (!context.editor) return null;
-      return {
-        selection: context.editor.state.selection,
-        isEditable: context.editor.isEditable
-      };
-    }
-  });
-  var _useTableMenuOpen = useTableMenuOpen({
-      editor: editor,
-      onOpenChange: onOpenChange
-    }),
-    isMenuOpen = _useTableMenuOpen.isMenuOpen,
-    handleMenuToggle = _useTableMenuOpen.handleMenuToggle;
-  var menuList = React.useMemo(function () {
-    if (!editor || !editor.isEditable) return [];
-    var canMerge = function () {
-      try {
-        return mergeCells(editor.state, undefined);
-      } catch (_unused) {
-        return false;
-      }
-    }();
-    var canSplit = function () {
-      try {
-        return splitCell(editor.state, undefined);
-      } catch (_unused2) {
-        return false;
-      }
-    }();
-    var menuItems = [];
-    if (canMerge || canSplit) {
-      if (canMerge) {
-        menuItems.push({
-          key: 'merge-cells',
-          label: '合并单元格',
-          icon: /*#__PURE__*/React.createElement(MergeCellsVerticalIcon, {
-            sx: {
-              fontSize: '1rem'
-            }
-          }),
-          onClick: function onClick() {
-            var state = editor.state,
-              view = editor.view;
-            mergeCells(state, view.dispatch.bind(view));
-          }
-        });
-      }
-      if (canSplit) {
-        menuItems.push({
-          key: 'split-cell',
-          label: '拆分单元格',
-          icon: /*#__PURE__*/React.createElement(SplitCellsVerticalIcon, {
-            sx: {
-              fontSize: '1rem'
-            }
-          }),
-          onClick: function onClick() {
-            var state = editor.state,
-              view = editor.view;
-            splitCell(state, view.dispatch.bind(view));
-          }
-        });
-      }
-      menuItems.push(createTableMenuDivider('divider1'));
-    }
-    menuItems.push(buildTableColorMenu({
-      editor: editor,
-      theme: theme
-    }), buildTableAlignMenu({
-      editor: editor
-    }));
-    menuItems.push({
-      key: 'clear-content',
-      label: '清空单元格内容',
-      icon: /*#__PURE__*/React.createElement(DeleteBack2LineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        if (!editor) return;
-        var state = editor.state,
-          view = editor.view;
-        if (state.selection instanceof CellSelection) {
-          deleteCellSelection(state, view.dispatch.bind(view));
-        } else {
-          var $anchor = state.selection.$anchor;
-          var cell = cellAround($anchor);
-          if (cell) {
-            var cellNode = state.doc.nodeAt(cell.pos);
-            if (cellNode) {
-              var from = cell.pos + 1;
-              var to = cell.pos + cellNode.nodeSize - 1;
-              if (from < to) {
-                view.dispatch(state.tr.delete(from, to));
-              }
-            }
-          }
-        }
-      },
-      attrs: function () {
-        if (!editor) return {
-          disabled: true
-        };
-        var selection = editor.state.selection;
-        if (selection instanceof CellSelection) {
-          var hasContent = false;
-          selection.forEachCell(function (cell) {
-            if (cell.content.size > 0) {
-              hasContent = true;
-            }
-          });
-          return hasContent ? {} : {
-            disabled: true
-          };
-        } else {
-          var $anchor = selection.$anchor;
-          var cell = cellAround($anchor);
-          if (cell) {
-            var cellNode = editor.state.doc.nodeAt(cell.pos);
-            return cellNode && cellNode.content.size > 0 ? {} : {
-              disabled: true
-            };
-          }
-          return {
-            disabled: true
-          };
-        }
-      }()
-    }, {
-      key: 'delete-table',
-      label: '删除表格',
-      icon: /*#__PURE__*/React.createElement(DeleteLineIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        if (!editor) return;
-        editor.chain().focus().deleteTable().run();
-      }
-    });
-    return menuItems;
-  }, [editor, theme, editorState]);
-  var handleButton = /*#__PURE__*/React.createElement(Box, _extends({
-    component: "button",
-    ref: ref,
-    className: className,
-    "aria-label": "Table cells option",
-    "aria-haspopup": "menu",
-    "aria-expanded": isMenuOpen,
-    onMouseDown: function onMouseDown(e) {
-      e.stopPropagation();
-      if (onResizeStart) {
-        onResizeStart('br')(e);
-      }
-    },
-    sx: {
-      position: 'absolute',
-      top: '50%',
-      right: '-8px',
-      transform: 'translateY(-50%)',
-      border: 'none',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      borderRadius: 'var(--mui-shape-borderRadius)',
-      cursor: 'pointer',
-      padding: '4px',
-      width: '14px',
-      height: '14px',
-      zIndex: 4,
-      backgroundColor: 'var(--mui-palette-primary-main)',
-      '& .MuiSvgIcon-root': {
-        color: 'var(--mui-palette-common-white)'
-      }
-    }
-  }, props), /*#__PURE__*/React.createElement(MoreLineIcon, {
-    sx: {
-      width: '0.75rem',
-      height: '0.75rem'
-    }
-  }));
-  return /*#__PURE__*/React.createElement(Menu, {
-    width: 216,
-    context: handleButton,
-    list: menuList,
-    anchorOrigin: {
-      vertical: 'bottom',
-      horizontal: 'left'
-    },
-    transformOrigin: {
-      vertical: 'top',
-      horizontal: 'left'
-    },
-    onOpen: function onOpen() {
-      return handleMenuToggle(true);
-    },
-    onClose: function onClose() {
-      return handleMenuToggle(false);
-    },
-    arrowIcon: /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
-      sx: {
-        fontSize: '1rem',
-        transform: 'rotate(-90deg)'
-      }
-    })
-  });
-});
-TableCellHandleMenu.displayName = 'TableCellHandleMenu';

package/dist/features/table/TableHandle/index.js

@@ -1,73 +0,0 @@
-import { FloatingPortal } from '@floating-ui/react';
-import React, { useMemo } from 'react';
-import { colDragStart, rowDragStart } from "../plugin/drag-helpers";
-import { TableHandleGroup } from "./table-handle-group";
-import { useTableHandlePositioning } from "./use-table-handle-positioning";
-import { useTableHandleState } from "./use-table-handle-state";
-import { useTableHandleVisibility } from "./use-table-handle-visibility";
-/** 负责行/列手柄、扩展按钮与菜单的定位与渲染 */
-export function TableHandle(_ref) {
-  var providedEditor = _ref.editor;
-  var editor = providedEditor;
-  var state = useTableHandleState({
-    editor: editor
-  });
-  var draggingState = useMemo(function () {
-    if (!(state !== null && state !== void 0 && state.draggingState)) return undefined;
-    return {
-      draggedCellOrientation: state.draggingState.draggedCellOrientation,
-      mousePos: state.draggingState.mousePos,
-      initialOffset: state.draggingState.initialOffset
-    };
-  }, [state === null || state === void 0 ? void 0 : state.draggingState]);
-  var _useTableHandlePositi = useTableHandlePositioning((state === null || state === void 0 ? void 0 : state.show) || false, (state === null || state === void 0 ? void 0 : state.referencePosCell) || null, (state === null || state === void 0 ? void 0 : state.referencePosTable) || null, draggingState),
-    rowHandle = _useTableHandlePositi.rowHandle,
-    colHandle = _useTableHandlePositi.colHandle;
-  var hasValidRowIndex = typeof (state === null || state === void 0 ? void 0 : state.rowIndex) === 'number';
-  var hasValidColIndex = typeof (state === null || state === void 0 ? void 0 : state.colIndex) === 'number';
-  var _useTableHandleVisibi = useTableHandleVisibility({
-      hasValidRowIndex: hasValidRowIndex,
-      hasValidColIndex: hasValidColIndex,
-      rowMounted: rowHandle.isMounted,
-      colMounted: colHandle.isMounted
-    }),
-    shouldShowRow = _useTableHandleVisibi.shouldShowRow,
-    shouldShowColumn = _useTableHandleVisibi.shouldShowColumn,
-    toggleRowVisibility = _useTableHandleVisibi.toggleRowVisibility,
-    toggleColumnVisibility = _useTableHandleVisibi.toggleColumnVisibility,
-    handleMenuOpenChange = _useTableHandleVisibi.handleMenuOpenChange;
-  if (!editor || !state) return null;
-  var rootElement = state.widgetContainer || document.body;
-  return /*#__PURE__*/React.createElement(FloatingPortal, {
-    root: rootElement
-  }, shouldShowRow && /*#__PURE__*/React.createElement("div", {
-    ref: rowHandle.ref,
-    style: rowHandle.style
-  }, /*#__PURE__*/React.createElement(TableHandleGroup, {
-    editor: editor,
-    orientation: "row",
-    index: state.rowIndex,
-    tablePos: state.blockPos,
-    tableNode: state.block,
-    onToggleOtherHandle: toggleColumnVisibility,
-    dragStart: rowDragStart,
-    onOpenChange: function onOpenChange(open) {
-      return handleMenuOpenChange('row', open);
-    }
-  })), shouldShowColumn && /*#__PURE__*/React.createElement("div", {
-    ref: colHandle.ref,
-    style: colHandle.style
-  }, /*#__PURE__*/React.createElement(TableHandleGroup, {
-    editor: editor,
-    orientation: "column",
-    index: state.colIndex,
-    tablePos: state.blockPos,
-    tableNode: state.block,
-    onToggleOtherHandle: toggleRowVisibility,
-    dragStart: colDragStart,
-    onOpenChange: function onOpenChange(open) {
-      return handleMenuOpenChange('column', open);
-    }
-  })));
-}
-TableHandle.displayName = 'TableHandle';

package/dist/features/table/TableHandle/menu-builders.d.ts

@@ -1,14 +0,0 @@
-import type { MenuItem } from '../../../types';
-import type { Theme } from '@mui/material/styles';
-import type { Editor } from '@tiptap/react';
-interface TableMenuBuilderOptions {
-    editor?: Editor | null;
-    beforeApply?: () => void;
-}
-interface TableColorMenuBuilderOptions extends TableMenuBuilderOptions {
-    theme: Theme;
-}
-export declare const createTableMenuDivider: (key: string) => MenuItem;
-export declare const buildTableColorMenu: ({ editor, theme, beforeApply, }: TableColorMenuBuilderOptions) => MenuItem;
-export declare const buildTableAlignMenu: ({ editor, beforeApply, }: TableMenuBuilderOptions) => MenuItem;
-export {};

package/dist/features/table/TableHandle/menu-builders.js

@@ -1,242 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { AlignBottomIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignTopIcon, BrushLineIcon } from "../../../components/Icons";
-import { getThemeTextBgColor, getThemeTextColor } from "../../../constants/enums";
-import { Box, Divider, Typography } from '@mui/material';
-import { TextSelection } from '@tiptap/pm/state';
-import { CellSelection, cellAround } from '@tiptap/pm/tables';
-import React from 'react';
-var deferTableAction = function deferTableAction(editor, action, beforeApply) {
-  if (!editor) return;
-  beforeApply === null || beforeApply === void 0 || beforeApply();
-  window.setTimeout(function () {
-    if (editor.isDestroyed) return;
-    action();
-  }, 0);
-};
-var createMenuSectionLabel = function createMenuSectionLabel(key, label) {
-  return {
-    key: key,
-    customLabel: /*#__PURE__*/React.createElement(Typography, {
-      sx: {
-        p: 1,
-        fontSize: '0.75rem',
-        color: 'text.secondary',
-        fontWeight: 'bold'
-      }
-    }, label)
-  };
-};
-export var createTableMenuDivider = function createTableMenuDivider(key) {
-  return {
-    key: key,
-    customLabel: /*#__PURE__*/React.createElement(Divider, {
-      sx: {
-        my: 0.5
-      }
-    })
-  };
-};
-var createColorIcon = function createColorIcon(color, theme, withTransparentBorder) {
-  return /*#__PURE__*/React.createElement(Box, {
-    sx: {
-      width: '1rem',
-      height: '1rem',
-      borderRadius: '50%',
-      bgcolor: color,
-      border: '1px solid',
-      borderColor: withTransparentBorder ? color === theme.palette.common.white ? 'divider' : 'transparent' : 'divider'
-    }
-  });
-};
-var applyTextColorToTableSelection = function applyTextColorToTableSelection(editor, color, beforeApply) {
-  if (!editor) return;
-  if (editor.state.storedMarks) {
-    var textStyleMarkType = editor.schema.marks.textStyle;
-    if (textStyleMarkType) {
-      editor.view.dispatch(editor.state.tr.removeStoredMark(textStyleMarkType));
-    }
-  }
-  deferTableAction(editor, function () {
-    var _editor$state = editor.state,
-      selection = _editor$state.selection,
-      doc = _editor$state.doc;
-    var textStyleMark = editor.schema.marks.textStyle;
-    if (!textStyleMark) return;
-    if (selection instanceof CellSelection) {
-      var tr = editor.state.tr;
-      var hasContent = false;
-      selection.forEachCell(function (cellNode, cellPos) {
-        if (cellNode.content.size === 0) return;
-        var from = cellPos + 1;
-        var to = cellPos + cellNode.nodeSize - 1;
-        if (from >= to) return;
-        hasContent = true;
-        var mark = textStyleMark.create({
-          color: color
-        });
-        tr = tr.addMark(from, to, mark);
-      });
-      if (hasContent) {
-        editor.view.dispatch(tr);
-        editor.commands.focus();
-      }
-      return;
-    }
-    var $anchor = selection.$anchor;
-    var cell = cellAround($anchor);
-    if (cell) {
-      var cellNode = doc.nodeAt(cell.pos);
-      if (cellNode && cellNode.content.size > 0) {
-        var from = cell.pos + 1;
-        var to = cell.pos + cellNode.nodeSize - 1;
-        if (from < to) {
-          var $from = doc.resolve(from);
-          var $to = doc.resolve(to);
-          var newSelection = TextSelection.between($from, $to, 1);
-          if (newSelection) {
-            editor.view.dispatch(editor.state.tr.setSelection(newSelection));
-          }
-        }
-      }
-    }
-    editor.chain().focus().toggleMark('textStyle', {
-      color: color
-    }).run();
-  }, beforeApply);
-};
-var applyCellAttribute = function applyCellAttribute(editor, attribute, value, beforeApply) {
-  if (!editor) return;
-  deferTableAction(editor, function () {
-    editor.chain().focus().setCellAttribute(attribute, value).run();
-  }, beforeApply);
-};
-export var buildTableColorMenu = function buildTableColorMenu(_ref) {
-  var editor = _ref.editor,
-    theme = _ref.theme,
-    beforeApply = _ref.beforeApply;
-  return {
-    key: 'color',
-    label: '颜色',
-    icon: /*#__PURE__*/React.createElement(BrushLineIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    children: [createMenuSectionLabel('text-color', '文字颜色')].concat(_toConsumableArray(getThemeTextColor(theme).map(function (it) {
-      return {
-        key: "text-color-".concat(it.value),
-        label: it.label,
-        icon: createColorIcon(it.value, theme, true),
-        onClick: function onClick() {
-          return applyTextColorToTableSelection(editor, it.value, beforeApply);
-        }
-      };
-    })), [createMenuSectionLabel('background-color', '背景颜色')], _toConsumableArray(getThemeTextBgColor(theme).map(function (it) {
-      return {
-        key: "background-color-".concat(it.value),
-        label: it.label,
-        icon: createColorIcon(it.value, theme, false),
-        onClick: function onClick() {
-          var bgColor = it.value === 'transparent' || it.value === 'var(--mui-palette-background-paper)' ? 'transparent' : it.value;
-          applyCellAttribute(editor, 'bgcolor', bgColor, beforeApply);
-        }
-      };
-    })))
-  };
-};
-export var buildTableAlignMenu = function buildTableAlignMenu(_ref2) {
-  var editor = _ref2.editor,
-    beforeApply = _ref2.beforeApply;
-  return {
-    key: 'align',
-    label: '对齐方式',
-    icon: /*#__PURE__*/React.createElement(AlignLeftIcon, {
-      sx: {
-        fontSize: '1rem'
-      }
-    }),
-    children: [createMenuSectionLabel('align-horizontal', '水平对齐方式'), {
-      key: 'align-horizontal-left',
-      label: '左侧对齐',
-      icon: /*#__PURE__*/React.createElement(AlignLeftIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'textAlign', 'left', beforeApply);
-      }
-    }, {
-      key: 'align-horizontal-center',
-      label: '居中对齐',
-      icon: /*#__PURE__*/React.createElement(AlignCenterIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'textAlign', 'center', beforeApply);
-      }
-    }, {
-      key: 'align-horizontal-right',
-      label: '右侧对齐',
-      icon: /*#__PURE__*/React.createElement(AlignRightIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'textAlign', 'right', beforeApply);
-      }
-    }, {
-      key: 'align-horizontal-justify',
-      label: '两端对齐',
-      icon: /*#__PURE__*/React.createElement(AlignJustifyIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'textAlign', 'justify', beforeApply);
-      }
-    }, createMenuSectionLabel('align-vertical', '垂直对齐方式'), {
-      key: 'align-vertical-top',
-      label: '顶部对齐',
-      icon: /*#__PURE__*/React.createElement(AlignTopIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'verticalAlign', 'top', beforeApply);
-      }
-    }, {
-      key: 'align-vertical-center',
-      label: '居中对齐',
-      icon: /*#__PURE__*/React.createElement(AlignCenterIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'verticalAlign', 'middle', beforeApply);
-      }
-    }, {
-      key: 'align-vertical-bottom',
-      label: '底部对齐',
-      icon: /*#__PURE__*/React.createElement(AlignBottomIcon, {
-        sx: {
-          fontSize: '1rem'
-        }
-      }),
-      onClick: function onClick() {
-        return applyCellAttribute(editor, 'verticalAlign', 'bottom', beforeApply);
-      }
-    }]
-  };
-};

package/dist/features/table/TableHandle/table-handle-group.d.ts

@@ -1,16 +0,0 @@
-import type { Node } from '@tiptap/pm/model';
-import type { Editor } from '@tiptap/react';
-import React from 'react';
-import type { Orientation } from '../../../utils/table';
-interface TableHandleGroupProps {
-    editor: Editor;
-    orientation: Orientation;
-    index?: number;
-    tablePos?: number;
-    tableNode?: Node;
-    onToggleOtherHandle?: (visible: boolean) => void;
-    onOpenChange?: (open: boolean) => void;
-    dragStart?: (e: React.DragEvent) => void;
-}
-export declare function TableHandleGroup({ editor, orientation, index, tablePos, tableNode, onToggleOtherHandle, onOpenChange, dragStart, }: TableHandleGroupProps): React.JSX.Element;
-export {};