@ant-design/agentic-ui 2.30.0 → 2.30.1

package/dist/MarkdownEditor/editor/elements/Table/Table.js

@@ -1,99 +1,3 @@
-function _array_like_to_array(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 _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _non_iterable_spread() {
-    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 _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = {}, sourceKeys, key, i;
@@ -130,32 +34,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import { ConfigProvider } from "antd";
-import classNames from "clsx";
-import React, { useContext, useEffect, useMemo, useRef } from "react";
-import { Node } from "slate";
-import stringWidth from "string-width";
-import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_EDIT_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
+import React, { useContext } from "react";
 import { useEditorStore } from "../../store";
+import { EditableTable } from "./EditableTable";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
-import { TABLE_ROW_INDEX_COL_WIDTH, TableColgroup } from "./TableColgroup";
 import { TablePropsContext } from "./TableContext";
-import { TableRowIndex } from "./TableRowIndex";
-import useScrollShadow from "./useScrollShadow";
 /**
  * 表格组
  *
@@ -185,173 +69,23 @@ import useScrollShadow from "./useScrollShadow";
     var children = _0.children, props = _object_without_properties(_0, [
         "children"
     ]);
-    var _editorProps_tableConfig, _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
+    var _editorProps_tableConfig;
     var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, editorProps = _useEditorStore.editorProps;
     var tableCssVariables = editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.cssVariables;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
-    var tableTargetRef = useRef(null);
-    var columnCount = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_children = _props_element.children) === null || _props_element_children === void 0 ? void 0 : (_props_element_children_ = _props_element_children[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-    var mobileBreakpointValue = parseInt(MOBILE_BREAKPOINT, 10) || 768;
-    // 总是调用 hooks，避免条件调用
-    var _useScrollShadow = _sliced_to_array(useScrollShadow(), 2), tableRef = _useScrollShadow[0], scrollState = _useScrollShadow[1];
-    // 编辑模式下列宽计算（readonly 时走 ReadonlyTableComponent，跳过计算）
-    var colWidths = useMemo(function() {
-        var _props_element_otherProps_colWidths, _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-        if (readonly) return [];
-        // 少于 TABLE_EDIT_COL_WIDTH_MIN_COLUMNS 列不设置 data col，仅行号列（显式 colWidths 也忽略）
-        if (columnCount < TABLE_EDIT_COL_WIDTH_MIN_COLUMNS) return [];
-        // 显式传入 colWidths 时优先使用
-        if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : (_props_element_otherProps_colWidths = _props_element_otherProps.colWidths) === null || _props_element_otherProps_colWidths === void 0 ? void 0 : _props_element_otherProps_colWidths.length) {
-            return props.element.otherProps.colWidths;
-        }
-        if (typeof window === 'undefined' || !((_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_children = _props_element1.children) === null || _props_element_children === void 0 ? void 0 : _props_element_children.length)) return [];
-        var tableRows = props.element.children;
-        if (!(tableRows === null || tableRows === void 0 ? void 0 : (_tableRows_ = tableRows[0]) === null || _tableRows_ === void 0 ? void 0 : (_tableRows__children = _tableRows_.children) === null || _tableRows__children === void 0 ? void 0 : _tableRows__children.length)) return [];
-        // 只获取一次容器宽度
-        var containerWidth = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
-        var isMobileLayout = containerWidth <= mobileBreakpointValue;
-        var minColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
-        var maxColumnWidth = isMobileLayout ? containerWidth : containerWidth / 4;
-        // 至少采样 3 行用于列宽计算（若有 3 行以上），不足 3 行时自动使用全部可用行
-        var rowsToSample = tableRows.length >= 3 ? Math.min(5, tableRows.length) : tableRows.length;
-        // 一次性计算宽度
-        var calculatedWidths = Array.from({
-            length: columnCount
-        }, function(_, colIndex) {
-            var _Math;
-            var cellWidths = [];
-            for(var rowIndex = 0; rowIndex < rowsToSample; rowIndex++){
-                var _tableRows_rowIndex_children, _tableRows_rowIndex;
-                var cell = (_tableRows_rowIndex = tableRows[rowIndex]) === null || _tableRows_rowIndex === void 0 ? void 0 : (_tableRows_rowIndex_children = _tableRows_rowIndex.children) === null || _tableRows_rowIndex_children === void 0 ? void 0 : _tableRows_rowIndex_children[colIndex];
-                if (cell) {
-                    var textWidth = stringWidth(Node.string(cell)) * 12;
-                    cellWidths.push(textWidth);
-                }
-            }
-            return Math.min((_Math = Math).max.apply(_Math, [
-                minColumnWidth
-            ].concat(_to_consumable_array(cellWidths))), maxColumnWidth);
-        });
-        // 如果表格少于5行且总宽度超过容器宽度，则均匀分配宽度
-        if (tableRows.length < 5 && columnCount > 0) {
-            var totalWidth = calculatedWidths.reduce(function(sum, width) {
-                return sum + width;
-            }, 0);
-            if (totalWidth > containerWidth) {
-                var evenWidth = Math.max(minColumnWidth, Math.floor(containerWidth / columnCount));
-                return Array(columnCount).fill(evenWidth);
-            }
-        }
-        return calculatedWidths;
-    }, [
-        readonly,
-        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps = _props_element1.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths,
-        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : _props_element_children1.length,
-        columnCount,
-        markdownContainerRef
-    ]);
-    // 只在编辑模式下添加resize事件监听
-    useEffect(function() {
-        if (readonly || typeof window === 'undefined') return;
-        var resize = function resize() {
-            var _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-            if (process.env.NODE_ENV === 'test') return;
-            var maxWidth = colWidths ? (colWidths === null || colWidths === void 0 ? void 0 : colWidths.reduce(function(a, b) {
-                return a + b;
-            }, 0)) + 8 : 0;
-            var minWidth = markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth;
-            var dom = tableRef.current;
-            if (dom) {
-                setTimeout(function() {
-                    var _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-                    var containerWidthForBreakpoint = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
-                    var isMobileLayout = containerWidthForBreakpoint <= mobileBreakpointValue;
-                    var computedMinColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
-                    var fallbackMinWidth = Number(((minWidth || 200) * 0.95).toFixed(0));
-                    var requiredMinWidth = Math.max(columnCount * computedMinColumnWidth, maxWidth, fallbackMinWidth, 200);
-                    dom.style.minWidth = "".concat(requiredMinWidth, "px");
-                }, 200);
-            }
-        };
-        document.addEventListener('md-resize', resize);
-        window.addEventListener('resize', resize);
-        resize();
-        return function() {
-            document.removeEventListener('md-resize', resize);
-            window.removeEventListener('resize', resize);
-        };
-    }, [
-        colWidths,
-        readonly,
-        markdownContainerRef,
-        tableRef
-    ]);
-    useEffect(function() {
-        if (readonly) return;
-        document.dispatchEvent(new CustomEvent('md-resize', {
-            detail: {}
-        }));
-    }, [
-        readonly
-    ]);
-    // 缓存表格DOM，减少重复渲染
-    var tableDom = useMemo(function() {
-        return /*#__PURE__*/ React.createElement("table", {
-            ref: tableTargetRef,
-            className: classNames("".concat(baseCls, "-editor-table")),
-            onDragStart: function onDragStart(e) {
-                // 阻止拖拽开始事件
-                e.preventDefault();
-                return false;
-            }
-        }, /*#__PURE__*/ React.createElement(TableColgroup, {
-            colWidths: colWidths !== null && colWidths !== void 0 ? colWidths : [],
-            prefixColWidth: TABLE_ROW_INDEX_COL_WIDTH
-        }), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
-            colWidths: colWidths,
-            columnCount: columnCount,
-            tablePath: tablePath
-        }), children));
-    }, [
-        colWidths,
-        columnCount,
-        children,
-        baseCls
-    ]);
-    // 缓存boxShadow样式，只在scrollState变化时重新计算
-    var boxShadowStyle = useMemo(function() {
-        return {
-            flex: 1,
-            minWidth: 0,
-            boxShadow: readonly ? undefined : "\n      ".concat(scrollState.vertical.hasScroll && !scrollState.vertical.isAtStart ? 'inset 0 8px 8px -8px rgba(0,0,0,0.1)' : '', "\n      ").concat(scrollState.vertical.hasScroll && !scrollState.vertical.isAtEnd ? 'inset 0 -8px 8px -8px rgba(0,0,0,0.1)' : '', "\n      ").concat(scrollState.horizontal.hasScroll && !scrollState.horizontal.isAtStart ? 'inset 8px 0 8px -8px rgba(0,0,0,0.1)' : '', "\n      ").concat(scrollState.horizontal.hasScroll && !scrollState.horizontal.isAtEnd ? 'inset -8px 0 8px -8px rgba(0,0,0,0.1)' : '', "\n    ")
-        };
-    }, [
-        scrollState,
-        readonly
-    ]);
-    // readonly 模式渲染 - 使用优化的组件（早期返回）
     if (readonly) {
         return /*#__PURE__*/ React.createElement(ReadonlyTableComponent, {
             element: props.element,
             baseCls: baseCls
         }, children);
     }
-    // 编辑模式渲染
-    return /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls),
-        ref: tableRef,
-        style: _object_spread(_object_spread_props(_object_spread({}, boxShadowStyle), {
-            position: 'relative'
-        }), tableCssVariables),
-        onDragStart: function onDragStart(e) {
-            // 阻止拖拽开始时的文字选择
-            e.preventDefault();
-        },
-        onDoubleClick: function onDoubleClick(e) {
-            // 阻止双击选择文字
-            e.preventDefault();
-        }
-    }, tableDom);
+    return /*#__PURE__*/ React.createElement(EditableTable, {
+        baseCls: baseCls,
+        tablePath: tablePath,
+        tableNode: props.element,
+        markdownContainerRef: markdownContainerRef,
+        tableCssVariables: tableCssVariables
+    }, children);
 };

package/dist/MarkdownEditor/editor/elements/Table/TableCellIndex/index.js

@@ -1,14 +1,3 @@
-function _array_like_to_array(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 _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,39 +11,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _non_iterable_spread() {
-    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 _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -70,30 +26,15 @@ function _object_spread(target) {
     }
     return target;
 }
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import { DeleteOutlined, InsertRowAboveOutlined, InsertRowBelowOutlined } from "@ant-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import React, { useContext, useRef } from "react";
-import { Editor, Transforms } from "slate";
-import { ReactEditor, useSlate } from "slate-react";
+import { useSlate } from "slate-react";
 import { useClickAway } from "../../../../../Hooks/useClickAway";
 import { useRefFunction } from "../../../../../Hooks/useRefFunction";
 import { I18nContext } from "../../../../../I18n";
-import { NativeTableEditor } from "../../../../utils/native-table";
+import { clearTableSelection, insertTableRow, removeTableRow, selectTableRow } from "../commands/tableCommands";
 import { TablePropsContext } from "../TableContext";
 /**
  * TableCellIndex 组件 - 表格行索引单元格组件
@@ -148,39 +89,7 @@ import { TablePropsContext } from "../TableContext";
             return;
         }
         try {
-            var _tableElement_children;
-            // 获取表格元素
-            var tableElement = Editor.node(editor, tablePath)[0];
-            if (!tableElement || tableElement.type !== 'table') {
-                return;
-            }
-            // 获取表格的行数
-            var rowCount = ((_tableElement_children = tableElement.children) === null || _tableElement_children === void 0 ? void 0 : _tableElement_children.length) || 0;
-            if (rowCount === 0) {
-                return;
-            }
-            // 清除所有行的选中状态 - 通过 DOM 操作移除 data-select 属性
-            for(var rowIdx = 0; rowIdx < rowCount; rowIdx++){
-                var rowElement = tableElement.children[rowIdx];
-                if (rowElement && rowElement.children) {
-                    for(var colIdx = 0; colIdx < rowElement.children.length; colIdx++){
-                        var cellPath = _to_consumable_array(tablePath).concat([
-                            rowIdx,
-                            colIdx
-                        ]);
-                        if (Editor.hasPath(editor, cellPath)) {
-                            var _Editor_node = _sliced_to_array(Editor.node(editor, cellPath), 1), cellNode = _Editor_node[0];
-                            if (cellNode && cellNode.type === 'table-cell') {
-                                // 通过 DOM 操作移除 data-select 属性
-                                var domNode = ReactEditor.toDOMNode(editor, cellNode);
-                                if (domNode) {
-                                    domNode.removeAttribute('data-select');
-                                }
-                            }
-                        }
-                    }
-                }
-            }
+            clearTableSelection(editor, tablePath);
         } catch (error) {
             console.warn('Failed to clear table selection:', error);
         }
@@ -201,38 +110,8 @@ import { TablePropsContext } from "../TableContext";
             return;
         }
         try {
-            var _tableElement_children;
-            // 获取表格元素
-            var tableElement = Editor.node(editor, tablePath)[0];
-            if (!tableElement || tableElement.type !== 'table') {
-                return;
-            }
-            // 获取表格的行数和列数
-            var rowCount = ((_tableElement_children = tableElement.children) === null || _tableElement_children === void 0 ? void 0 : _tableElement_children.length) || 0;
-            if (rowCount === 0) {
-                return;
-            }
             clearSelect(false);
-            // 选中指定行的所有单元格 - 通过 DOM 操作设置 data-select 属性
-            var rowElement = tableElement.children[rowIndex];
-            if (rowElement && rowElement.children) {
-                for(var colIdx = 0; colIdx < rowElement.children.length; colIdx++){
-                    var cellPath = _to_consumable_array(tablePath).concat([
-                        rowIndex,
-                        colIdx
-                    ]);
-                    if (Editor.hasPath(editor, cellPath)) {
-                        var _Editor_node = _sliced_to_array(Editor.node(editor, cellPath), 1), cellNode = _Editor_node[0];
-                        if (cellNode && cellNode.type === 'table-cell') {
-                            // 通过 DOM 操作设置 data-select 属性
-                            var domNode = ReactEditor.toDOMNode(editor, cellNode);
-                            if (domNode) {
-                                domNode.setAttribute('data-select', 'true');
-                            }
-                        }
-                    }
-                }
-            }
+            selectTableRow(editor, tablePath, rowIndex);
         } catch (error) {
             console.warn('Failed to select table row:', error);
         }
@@ -246,35 +125,7 @@ import { TablePropsContext } from "../TableContext";
             if (!tablePath || rowIndex === undefined) {
                 return;
             }
-            // 获取表格元素
-            var tableElement = Editor.node(editor, tablePath)[0];
-            if (!tableElement || tableElement.type !== 'table') {
-                return;
-            }
-            var rowCount = tableElement.children.length;
-            var firstRow = tableElement.children[0];
-            var colCount = firstRow.children.length;
-            // 检查是否只有一行一列
-            if (rowCount <= 1 && colCount <= 1) {
-                // 如果只有一行一列，删除整个表格
-                NativeTableEditor.removeTable(editor, tablePath);
-                return;
-            }
-            // 检查是否只有一行
-            if (rowCount <= 1) {
-                // 如果只有一行，删除整个表格
-                NativeTableEditor.removeTable(editor, tablePath);
-                return;
-            }
-            // 删除指定行
-            var rowPath = _to_consumable_array(tablePath).concat([
-                rowIndex
-            ]);
-            if (Editor.hasPath(editor, rowPath)) {
-                Transforms.removeNodes(editor, {
-                    at: rowPath
-                });
-            }
+            removeTableRow(editor, tablePath, rowIndex);
             clearSelect();
         } catch (error) {
             console.warn('Failed to delete table row:', error);
@@ -289,41 +140,7 @@ import { TablePropsContext } from "../TableContext";
             if (!tablePath || rowIndex === undefined) {
                 return;
             }
-            // 获取表格元素
-            var tableElement = Editor.node(editor, tablePath)[0];
-            if (!tableElement || tableElement.type !== 'table') {
-                return;
-            }
-            var firstRow = tableElement.children[0];
-            var colCount = firstRow.children.length;
-            // 创建新行
-            var newRow = {
-                type: 'table-row',
-                children: Array.from({
-                    length: colCount
-                }).map(function() {
-                    return {
-                        type: 'table-cell',
-                        children: [
-                            {
-                                type: 'paragraph',
-                                children: [
-                                    {
-                                        text: ''
-                                    }
-                                ]
-                            }
-                        ]
-                    };
-                })
-            };
-            // 在当前行之前插入新行
-            var rowPath = _to_consumable_array(tablePath).concat([
-                rowIndex
-            ]);
-            Transforms.insertNodes(editor, newRow, {
-                at: rowPath
-            });
+            insertTableRow(editor, tablePath, rowIndex, 'before');
             clearSelect();
         } catch (error) {
             console.warn('Failed to insert row before:', error);
@@ -338,44 +155,7 @@ import { TablePropsContext } from "../TableContext";
             if (!tablePath || rowIndex === undefined) {
                 return;
             }
-            // 获取表格元素
-            var tableElement = Editor.node(editor, tablePath)[0];
-            if (!tableElement || tableElement.type !== 'table') {
-                return;
-            }
-            var firstRow = tableElement.children[0];
-            var colCount = firstRow.children.length;
-            // 创建新行
-            var newRow = {
-                type: 'table-row',
-                children: Array.from({
-                    length: colCount
-                }).map(function() {
-                    return {
-                        type: 'table-cell',
-                        children: [
-                            {
-                                type: 'paragraph',
-                                children: [
-                                    {
-                                        text: ''
-                                    }
-                                ]
-                            }
-                        ]
-                    };
-                })
-            };
-            // 在当前行之后插入新行
-            // 获取表格的行数来检查边界
-            var rowCount = tableElement.children.length;
-            var insertRowIndex = Math.min(rowIndex + 1, rowCount);
-            var rowPath = _to_consumable_array(tablePath).concat([
-                insertRowIndex
-            ]);
-            Transforms.insertNodes(editor, newRow, {
-                at: rowPath
-            });
+            insertTableRow(editor, tablePath, rowIndex, 'after');
             clearSelect();
         } catch (error) {
             console.warn('Failed to insert row after:', error);