@ctzhian/tiptap 2.13.7 → 3.0.0

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

@@ -0,0 +1,242 @@
+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

@@ -0,0 +1,16 @@
+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 {};

package/dist/features/table/TableHandle/table-handle-group.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { TableHandleAddButton } from "./TableHandleAddButton";
+import { TableHandleMenu } from "./TableHandleMenu";
+export function TableHandleGroup(_ref) {
+  var editor = _ref.editor,
+    orientation = _ref.orientation,
+    index = _ref.index,
+    tablePos = _ref.tablePos,
+    tableNode = _ref.tableNode,
+    onToggleOtherHandle = _ref.onToggleOtherHandle,
+    onOpenChange = _ref.onOpenChange,
+    dragStart = _ref.dragStart;
+  if (orientation === 'row') {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '0.125rem',
+        width: '0.75rem',
+        height: 'var(--table-handle-ref-height, 40px)'
+      }
+    }, /*#__PURE__*/React.createElement(TableHandleAddButton, {
+      editor: editor,
+      orientation: "row",
+      index: index,
+      tablePos: tablePos,
+      tableNode: tableNode,
+      direction: "before"
+    }), /*#__PURE__*/React.createElement(TableHandleMenu, {
+      editor: editor,
+      orientation: "row",
+      index: index,
+      tablePos: tablePos,
+      tableNode: tableNode,
+      onToggleOtherHandle: onToggleOtherHandle,
+      dragStart: dragStart,
+      onOpenChange: onOpenChange
+    }), /*#__PURE__*/React.createElement(TableHandleAddButton, {
+      editor: editor,
+      orientation: "row",
+      index: index,
+      tablePos: tablePos,
+      tableNode: tableNode,
+      direction: "after"
+    }));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'row',
+      gap: '0.125rem',
+      height: '0.75rem',
+      width: 'var(--table-handle-ref-width, 100px)'
+    }
+  }, /*#__PURE__*/React.createElement(TableHandleAddButton, {
+    editor: editor,
+    orientation: "column",
+    index: index,
+    tablePos: tablePos,
+    tableNode: tableNode,
+    direction: "before"
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      minWidth: 0
+    }
+  }, /*#__PURE__*/React.createElement(TableHandleMenu, {
+    editor: editor,
+    orientation: "column",
+    index: index,
+    tablePos: tablePos,
+    tableNode: tableNode,
+    onToggleOtherHandle: onToggleOtherHandle,
+    dragStart: dragStart,
+    onOpenChange: onOpenChange
+  })), /*#__PURE__*/React.createElement(TableHandleAddButton, {
+    editor: editor,
+    orientation: "column",
+    index: index,
+    tablePos: tablePos,
+    tableNode: tableNode,
+    direction: "after"
+  }));
+}

package/dist/features/table/TableHandle/use-table-handle-positioning.js

@@ -0,0 +1,166 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { offset, size, useFloating, useTransitionStyles } from '@floating-ui/react';
+import { useEffect, useMemo } from 'react';
+import { clamp } from "../../../utils/table";
+/** 创建行手柄的参考 DOMRect，贴边并与单元格对齐 */
+function makeRowRect(cell, table, dragging) {
+  var _dragging$initialOffs;
+  var baseY = (dragging === null || dragging === void 0 ? void 0 : dragging.draggedCellOrientation) === 'row' ? clamp(dragging.mousePos + ((_dragging$initialOffs = dragging.initialOffset) !== null && _dragging$initialOffs !== void 0 ? _dragging$initialOffs : 0), table.y, table.bottom - cell.height) : cell.y;
+
+  // 行手柄沿整行宽度，高度保持单元格高度
+  return new DOMRect(table.x, baseY, table.width, cell.height);
+}
+
+/** 创建列手柄的参考 DOMRect，贴边并与单元格对齐 */
+function makeColRect(cell, table, dragging) {
+  var _dragging$initialOffs2;
+  var baseX = (dragging === null || dragging === void 0 ? void 0 : dragging.draggedCellOrientation) === 'col' ? clamp(dragging.mousePos + ((_dragging$initialOffs2 = dragging.initialOffset) !== null && _dragging$initialOffs2 !== void 0 ? _dragging$initialOffs2 : 0), table.x, table.right - cell.width) : cell.x;
+
+  // 列手柄宽度保持单元格宽度，高度沿整列
+  return new DOMRect(baseX, table.y, cell.width, table.height);
+}
+
+/** 创建单元格手柄的参考 DOMRect */
+function makeCellRect(cell) {
+  return new DOMRect(cell.x, cell.y, cell.width, 0);
+}
+
+/** 根据手柄方向获取浮层位置 */
+function getPlacement(orientation) {
+  switch (orientation) {
+    case 'row':
+      return 'left';
+    case 'col':
+      return 'top';
+    case 'cell':
+    default:
+      return 'bottom-end';
+  }
+}
+
+/** 根据手柄方向获取偏移配置 */
+function getOffset(orientation) {
+  switch (orientation) {
+    case 'row':
+      return 4;
+    case 'col':
+      return 4;
+    case 'cell':
+    default:
+      return {
+        mainAxis: 1,
+        crossAxis: -1
+      };
+  }
+}
+
+/** 按方向生成对应的参考 DOMRect */
+function rectFactory(orientation, cell, table, dragging) {
+  switch (orientation) {
+    case 'row':
+      return makeRowRect(cell, table, dragging);
+    case 'col':
+      return makeColRect(cell, table, dragging);
+    case 'cell':
+    default:
+      return makeCellRect(cell);
+  }
+}
+
+/** 基于 Floating UI 定位单个表格手柄的 Hook */
+export function useTableHandlePosition(orientation, show, referencePosCell, referencePosTable, draggingState) {
+  var placement = useMemo(function () {
+    return getPlacement(orientation);
+  }, [orientation]);
+  var offsetValue = useMemo(function () {
+    return getOffset(orientation);
+  }, [orientation]);
+  var _useFloating = useFloating({
+      open: show,
+      placement: placement,
+      middleware: [offset(offsetValue), size({
+        apply: function apply(_ref) {
+          var _ref2, _referencePosTable$wi, _referencePosTable$wi2, _ref3, _referencePosTable$he, _referencePosTable$he2;
+          var rects = _ref.rects,
+            elements = _ref.elements;
+          if (!elements.floating) return;
+          var refWidth = (_ref2 = orientation === 'col' ? (_referencePosTable$wi = referencePosTable === null || referencePosTable === void 0 ? void 0 : referencePosTable.width) !== null && _referencePosTable$wi !== void 0 ? _referencePosTable$wi : referencePosCell === null || referencePosCell === void 0 ? void 0 : referencePosCell.width : (_referencePosTable$wi2 = referencePosTable === null || referencePosTable === void 0 ? void 0 : referencePosTable.width) !== null && _referencePosTable$wi2 !== void 0 ? _referencePosTable$wi2 : referencePosCell === null || referencePosCell === void 0 ? void 0 : referencePosCell.width) !== null && _ref2 !== void 0 ? _ref2 : rects.reference.width;
+          var refHeight = (_ref3 = orientation === 'row' ? (_referencePosTable$he = referencePosTable === null || referencePosTable === void 0 ? void 0 : referencePosTable.height) !== null && _referencePosTable$he !== void 0 ? _referencePosTable$he : referencePosCell === null || referencePosCell === void 0 ? void 0 : referencePosCell.height : (_referencePosTable$he2 = referencePosTable === null || referencePosTable === void 0 ? void 0 : referencePosTable.height) !== null && _referencePosTable$he2 !== void 0 ? _referencePosTable$he2 : referencePosCell === null || referencePosCell === void 0 ? void 0 : referencePosCell.height) !== null && _ref3 !== void 0 ? _ref3 : rects.reference.height;
+
+          // 将尺寸写入 CSS 变量，便于样式使用
+          elements.floating.style.setProperty('--table-handle-ref-width', "".concat(refWidth, "px"));
+          elements.floating.style.setProperty('--table-handle-ref-height', "".concat(refHeight, "px"));
+
+          // 主尺寸随方向切换，行取高度、列取宽度
+          var mainSize = orientation === 'row' ? refHeight : refWidth;
+          elements.floating.style.setProperty('--table-handle-available-size', "".concat(mainSize, "px"));
+        }
+      })]
+    }),
+    refs = _useFloating.refs,
+    update = _useFloating.update,
+    context = _useFloating.context,
+    floatingStyles = _useFloating.floatingStyles;
+  var _useTransitionStyles = useTransitionStyles(context),
+    isMounted = _useTransitionStyles.isMounted,
+    styles = _useTransitionStyles.styles;
+
+  // 为 Floating UI 提供虚拟参考矩形；使用闭包拿最新值以保证 autoUpdate 生效
+  useEffect(function () {
+    // 尚无参考节点
+    if (!referencePosCell || !referencePosTable) {
+      refs.setReference(null);
+      return;
+    }
+
+    // 拖动时隐藏单元格手柄（保持与原行为一致）
+    if (draggingState && orientation === 'cell') {
+      refs.setReference(null);
+      return;
+    }
+
+    // 创建返回最新矩形的虚拟元素，保证滚动时位置能自动更新
+    refs.setReference({
+      getBoundingClientRect: function getBoundingClientRect() {
+        if (!referencePosCell || !referencePosTable) {
+          return new DOMRect();
+        }
+        return rectFactory(orientation, referencePosCell, referencePosTable, draggingState);
+      }
+    });
+  }, [refs, orientation, referencePosCell, referencePosTable, draggingState]);
+
+  // 参考位置变化时更新浮层
+  useEffect(function () {
+    if (!show || !referencePosCell || !referencePosTable) return;
+    update();
+  }, [update, show, orientation, referencePosCell, referencePosTable, draggingState]);
+  return useMemo(function () {
+    return {
+      isMounted: isMounted,
+      ref: refs.setFloating,
+      style: _objectSpread(_objectSpread({
+        display: 'flex'
+      }, styles), floatingStyles)
+    };
+  }, [isMounted, refs.setFloating, styles, floatingStyles]);
+}
+
+/** 统一返回行、列、单元格手柄的位置数据 */
+export function useTableHandlePositioning(show, referencePosCell, referencePosTable, draggingState) {
+  var rowHandle = useTableHandlePosition('row', show, referencePosCell, referencePosTable, draggingState);
+  var colHandle = useTableHandlePosition('col', show, referencePosCell, referencePosTable, draggingState);
+  var cellHandle = useTableHandlePosition('cell', show, referencePosCell, referencePosTable, draggingState);
+  return useMemo(function () {
+    return {
+      rowHandle: rowHandle,
+      colHandle: colHandle,
+      cellHandle: cellHandle
+    };
+  }, [rowHandle, colHandle, cellHandle]);
+}

package/dist/features/table/TableHandle/use-table-handle-state.d.ts

@@ -0,0 +1,13 @@
+import type { Editor } from '@tiptap/react';
+import type { TableHandlesState } from '../plugin/shared';
+export interface UseTableHandleStateConfig {
+    /** Tiptap 编辑器实例；未传则使用外部上下文中的 editor */
+    editor?: Editor | null;
+    /** 手柄的初始状态 */
+    initialState?: TableHandlesState | null;
+    /** 仅在特定字段变动时触发更新 */
+    watchFields?: (keyof TableHandlesState)[];
+    /** 状态变更回调 */
+    onStateChange?: (state: TableHandlesState | null) => void;
+}
+export declare function useTableHandleState(config?: UseTableHandleStateConfig): TableHandlesState | null;

package/dist/features/table/TableHandle/use-table-handle-visibility.d.ts

@@ -0,0 +1,14 @@
+type TableHandleMenuType = 'row' | 'column';
+export declare function useTableHandleVisibility({ hasValidRowIndex, hasValidColIndex, rowMounted, colMounted, }: {
+    hasValidRowIndex: boolean;
+    hasValidColIndex: boolean;
+    rowMounted: boolean;
+    colMounted: boolean;
+}): {
+    shouldShowRow: boolean;
+    shouldShowColumn: boolean;
+    toggleRowVisibility: (visible: boolean) => void;
+    toggleColumnVisibility: (visible: boolean) => void;
+    handleMenuOpenChange: (type: TableHandleMenuType, open: boolean) => void;
+};
+export {};

package/dist/features/table/TableHandle/use-table-handle-visibility.js

@@ -0,0 +1,47 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useMemo, useState } from 'react';
+export function useTableHandleVisibility(_ref) {
+  var hasValidRowIndex = _ref.hasValidRowIndex,
+    hasValidColIndex = _ref.hasValidColIndex,
+    rowMounted = _ref.rowMounted,
+    colMounted = _ref.colMounted;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isRowVisible = _useState2[0],
+    setIsRowVisible = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isColumnVisible = _useState4[0],
+    setIsColumnVisible = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    menuOpen = _useState6[0],
+    setMenuOpen = _useState6[1];
+  var toggleRowVisibility = useCallback(function (visible) {
+    setIsRowVisible(visible);
+  }, []);
+  var toggleColumnVisibility = useCallback(function (visible) {
+    setIsColumnVisible(visible);
+  }, []);
+  var handleMenuOpenChange = useCallback(function (type, open) {
+    setMenuOpen(open ? type : null);
+  }, []);
+  var shouldShowRow = useMemo(function () {
+    return isRowVisible && rowMounted && hasValidRowIndex || menuOpen === 'row';
+  }, [hasValidRowIndex, isRowVisible, menuOpen, rowMounted]);
+  var shouldShowColumn = useMemo(function () {
+    return isColumnVisible && colMounted && hasValidColIndex || menuOpen === 'column';
+  }, [colMounted, hasValidColIndex, isColumnVisible, menuOpen]);
+  return {
+    shouldShowRow: shouldShowRow,
+    shouldShowColumn: shouldShowColumn,
+    toggleRowVisibility: toggleRowVisibility,
+    toggleColumnVisibility: toggleColumnVisibility,
+    handleMenuOpenChange: handleMenuOpenChange
+  };
+}

package/dist/features/table/TableHandle/use-table-menu-open.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from '@tiptap/react';
+interface UseTableMenuOpenOptions {
+    editor?: Editor | null;
+    onOpenChange?: (isOpen: boolean) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare function useTableMenuOpen({ editor, onOpenChange, onOpen, onClose, }: UseTableMenuOpenOptions): {
+    isMenuOpen: boolean;
+    handleMenuToggle: (isOpen: boolean) => void;
+};
+export {};

package/dist/features/table/TableHandle/use-table-menu-open.js

@@ -0,0 +1,39 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useEffect, useState } from 'react';
+export function useTableMenuOpen(_ref) {
+  var editor = _ref.editor,
+    onOpenChange = _ref.onOpenChange,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isMenuOpen = _useState2[0],
+    setIsMenuOpen = _useState2[1];
+  var handleMenuToggle = useCallback(function (isOpen) {
+    setIsMenuOpen(isOpen);
+    if (editor) {
+      if (isOpen) {
+        editor.commands.freezeHandles();
+      } else {
+        editor.commands.unfreezeHandles();
+      }
+    }
+    if (isOpen) {
+      onOpen === null || onOpen === void 0 || onOpen();
+    } else {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  }, [editor, onClose, onOpen]);
+  useEffect(function () {
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(isMenuOpen);
+  }, [isMenuOpen, onOpenChange]);
+  return {
+    isMenuOpen: isMenuOpen,
+    handleMenuToggle: handleMenuToggle
+  };
+}