@hi-ui/schema-editable-table 4.0.0-experimental.1

package/lib/esm/const.js

@@ -0,0 +1,24 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import 'react';
+import 'lodash-es';
+import '@tanstack/react-table';
+import 'ahooks';
+var ROW_HEIGHT = 40;
+var ROW_SELECTION_COL_WIDTH = 50;
+var ROW_INDEX_COL_ID = '_row_index_';
+var ROW_OPERATION_COL_WIDTH = 160;
+function isSystemCol(id) {
+  return id === ROW_INDEX_COL_ID;
+}
+// 分组特性中用于标识空值的特殊标记
+var EMPTY_VALUE = '__EMPTY_VALUE__';
+var SELECTED_OPTION_RAW = '_selected_raw_option_';
+export { EMPTY_VALUE, ROW_HEIGHT, ROW_INDEX_COL_ID, ROW_OPERATION_COL_WIDTH, ROW_SELECTION_COL_WIDTH, SELECTED_OPTION_RAW, isSystemCol };

package/lib/esm/container/base.js

@@ -0,0 +1,27 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useRef } from 'react';
+import { TableContainerContext } from './ctx.js';
+import { TableColGroup } from './col-group.js';
+function NonVirtualContainer(props) {
+  var headerRef = useRef(null);
+  var bodyRef = useRef(null);
+  var footerRef = useRef(null);
+  var colGroup = /*#__PURE__*/React.createElement(TableColGroup, null);
+  return /*#__PURE__*/React.createElement(TableContainerContext.Provider, {
+    value: {
+      headerRef: headerRef,
+      bodyRef: bodyRef,
+      footerRef: footerRef,
+      colGroup: colGroup
+    }
+  }, props.children);
+}
+export { NonVirtualContainer };

package/lib/esm/container/bottom.js

@@ -0,0 +1,74 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { Actions } from '@hi-ui/schema-action-trigger';
+import { getGetterValue } from '@hi-ui/schema-utils';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import { Pagination } from '../features/pagination/component.js';
+import '@hi-ui/use-subscription';
+import 'lodash-es';
+import '@tanstack/react-table';
+import 'ahooks';
+import { cls } from '../utils/cls.js';
+import './index.js';
+import '@hi-ui/checkbox';
+import '@hi-ui/radio';
+import { RowSelectionIndicator } from '../features/row-selection/indicator.js';
+function BottomRender(props) {
+  var _a;
+  var tableCtx = useEditableSchemaTableCtx();
+  var propsRef = tableCtx.propsRef,
+    globalStaticRef = tableCtx.globalStaticRef;
+  var paginationEl = propsRef.current.pagination ? ( /*#__PURE__*/React.createElement(Pagination, Object.assign({
+    key: "pagination"
+  }, propsRef.current.pagination))) : null;
+  var rowSelectionIndicatorEl = ((_a = propsRef.current.rowSelection) === null || _a === void 0 ? void 0 : _a.enableIndicator) ? ( /*#__PURE__*/React.createElement(RowSelectionIndicator, {
+    key: "row-selection-indicator"
+  })) : null;
+  var builtin = {
+    rowSelectionIndicator: rowSelectionIndicatorEl,
+    pagination: paginationEl
+  };
+  var dftLeft = [rowSelectionIndicatorEl];
+  var dftRight = [paginationEl];
+  var getLeft = props.left,
+    getRight = props.right;
+  var ctx = {
+    tableCtx: tableCtx,
+    builtin: builtin
+  };
+  var left = getGetterValue(getLeft, dftLeft, [ctx]);
+  var right = getGetterValue(getRight, dftRight, [ctx]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cls('bottom-container'),
+    "data-is-bottom-empty": globalStaticRef.current.isBottomEmpty
+  }, /*#__PURE__*/React.createElement(Actions
+  // left
+  , {
+    // left
+    className: cls('bottom-container-left'),
+    actions: left,
+    data: [],
+    ctx: {
+      tableCtx: tableCtx
+    }
+  }), /*#__PURE__*/React.createElement(Actions
+  // right
+  , {
+    // right
+    className: cls('bottom-container-right'),
+    actions: right,
+    data: [],
+    ctx: {
+      tableCtx: tableCtx
+    }
+  }));
+}
+export { BottomRender };

package/lib/esm/container/col-group.js

@@ -0,0 +1,85 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import { isSystemCol } from '../const.js';
+import { groupHeaders } from '../header/index.js';
+
+// 基础 ColGroup
+function TableColGroup() {
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table;
+  return /*#__PURE__*/React.createElement("colgroup", null, table.getVisibleLeafColumns().map(function (column) {
+    return /*#__PURE__*/React.createElement(Col, {
+      key: column.id,
+      column: column
+    });
+  }));
+}
+// 虚拟化 ColGroup
+function VirtualColGroup(_ref) {
+  var virtualColumns = _ref.virtualColumns,
+    virtualColPadding = _ref.virtualColPadding;
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table;
+  var headerGroups = table.getHeaderGroups();
+  var lastHeaderGroup = headerGroups[headerGroups.length - 1];
+  var realHeaders = lastHeaderGroup.headers;
+  var _groupHeaders = groupHeaders(realHeaders, table),
+    leftHeaders = _groupHeaders.left,
+    rightHeaders = _groupHeaders.right;
+  return /*#__PURE__*/React.createElement("colgroup", null, leftHeaders.map(function (_ref2) {
+    var column = _ref2.column;
+    return /*#__PURE__*/React.createElement(Col, {
+      key: column.id,
+      column: column
+    });
+  }), virtualColPadding.start > 0 && /*#__PURE__*/React.createElement("col", {
+    style: {
+      width: virtualColPadding.start
+    }
+  }), virtualColumns.map(function (vc) {
+    var column = realHeaders[vc.index].column;
+    // 固定列不参与中间部分渲染
+    if (column.getIsPinned()) return null;
+    return /*#__PURE__*/React.createElement(Col, {
+      key: column.id,
+      column: column
+    });
+  }), virtualColPadding.end > 0 && /*#__PURE__*/React.createElement("col", {
+    style: {
+      width: virtualColPadding.end
+    }
+  }), rightHeaders.map(function (_ref3) {
+    var column = _ref3.column;
+    return /*#__PURE__*/React.createElement(Col, {
+      key: column.id,
+      column: column
+    });
+  }));
+}
+function Col(props) {
+  var column = props.column;
+  var colWidth = column.getSize();
+  // 系统字段列使用固定宽度，其他列使用最小宽度+自动列宽
+  // 自动列宽分配是指：表格宽度超过所有列宽之和时，自动分配剩余宽度
+  // NOTE 预期如上述描述所示，但实测这样写系统字段还是会参与自动列宽分配
+  var maxWidth = isSystemCol(column.id) ? colWidth : undefined;
+  return /*#__PURE__*/React.createElement("col", {
+    key: column.id,
+    "data-id": column.id,
+    style: {
+      width: colWidth,
+      minWidth: colWidth,
+      maxWidth: maxWidth
+    }
+  });
+}
+export { TableColGroup, VirtualColGroup };

package/lib/esm/container/column-virtual.js

@@ -0,0 +1,41 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useRef } from 'react';
+import { TableContainerContext } from './ctx.js';
+import { useColumnVirtualizer } from './hooks.js';
+import { VirtualColGroup } from './col-group.js';
+function ColumnVirtualContainer(props) {
+  var headerRef = useRef(null);
+  var bodyRef = useRef(null);
+  var footerRef = useRef(null);
+  var _useColumnVirtualizer = useColumnVirtualizer(props.options),
+    columns = _useColumnVirtualizer.virtualItems,
+    colPadding = _useColumnVirtualizer.padding;
+  var colGroup = /*#__PURE__*/React.createElement(VirtualColGroup, {
+    virtualColumns: columns,
+    virtualColPadding: colPadding
+  });
+  return /*#__PURE__*/React.createElement(TableContainerContext.Provider, {
+    value: {
+      headerRef: headerRef,
+      bodyRef: bodyRef,
+      footerRef: footerRef,
+      colGroup: colGroup,
+      virtualize: {
+        columns: columns,
+        colPadding: {
+          left: colPadding.start,
+          right: colPadding.end
+        }
+      }
+    }
+  }, props.children);
+}
+export { ColumnVirtualContainer };

package/lib/esm/container/ctx.js

@@ -0,0 +1,19 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+var TableContainerContext = /*#__PURE__*/React.createContext(null);
+function useTableContainer() {
+  var context = React.useContext(TableContainerContext);
+  if (!context) {
+    throw new Error('Table.* component must be rendered as child of Table component');
+  }
+  return context;
+}
+export { TableContainerContext, useTableContainer };

package/lib/esm/container/full-virtual.js

@@ -0,0 +1,49 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useRef } from 'react';
+import { TableContainerContext } from './ctx.js';
+import { useRowVirtualizer, useColumnVirtualizer } from './hooks.js';
+import { VirtualColGroup } from './col-group.js';
+function FullVirtualContainer(props) {
+  var headerRef = useRef(null);
+  var bodyRef = useRef(null);
+  var footerRef = useRef(null);
+  var _useRowVirtualizer = useRowVirtualizer(props.rowOptions),
+    rows = _useRowVirtualizer.virtualItems,
+    rowPadding = _useRowVirtualizer.padding;
+  var _useColumnVirtualizer = useColumnVirtualizer(props.columnOptions),
+    columns = _useColumnVirtualizer.virtualItems,
+    colPadding = _useColumnVirtualizer.padding;
+  var colGroup = /*#__PURE__*/React.createElement(VirtualColGroup, {
+    virtualColumns: columns,
+    virtualColPadding: colPadding
+  });
+  return /*#__PURE__*/React.createElement(TableContainerContext.Provider, {
+    value: {
+      headerRef: headerRef,
+      bodyRef: bodyRef,
+      footerRef: footerRef,
+      colGroup: colGroup,
+      virtualize: {
+        rows: rows,
+        columns: columns,
+        rowPadding: {
+          top: rowPadding.start,
+          bottom: rowPadding.end
+        },
+        colPadding: {
+          left: colPadding.start,
+          right: colPadding.end
+        }
+      }
+    }
+  }, props.children);
+}
+export { FullVirtualContainer };

package/lib/esm/container/hooks.js

@@ -0,0 +1,95 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useEffect } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import { ROW_HEIGHT } from '../const.js';
+function useRowVirtualizer(options) {
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table,
+    tableContainerRef = _useEditableSchemaTab.tableContainerRef;
+  var virtualizer = useVirtualizer(Object.assign({
+    count: table.getRowModel().rows.length,
+    getScrollElement: function getScrollElement() {
+      return tableContainerRef.current;
+    },
+    estimateSize: function estimateSize() {
+      return ROW_HEIGHT;
+    },
+    overscan: 5
+  }, options));
+  var virtualItems = virtualizer.getVirtualItems();
+  var padding = !virtualItems.length ? {
+    start: 0,
+    end: 0
+  } : {
+    start: virtualItems[0].start,
+    end: virtualizer.getTotalSize() - virtualItems[virtualItems.length - 1].end
+  };
+  return {
+    virtualItems: virtualItems,
+    padding: padding
+  };
+}
+function useColumnVirtualizer(options) {
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table,
+    tableContainerRef = _useEditableSchemaTab2.tableContainerRef;
+  var virtualizer = useVirtualizer(Object.assign({
+    count: table.getVisibleLeafColumns().length,
+    getScrollElement: function getScrollElement() {
+      return tableContainerRef.current;
+    },
+    estimateSize: function estimateSize(index) {
+      return table.getVisibleLeafColumns()[index].getSize();
+    },
+    horizontal: true,
+    overscan: 3
+  }, options));
+  var virtualItems = virtualizer.getVirtualItems();
+  var padding = !virtualItems.length ? {
+    start: 0,
+    end: 0
+  } : {
+    start: virtualItems[0].start,
+    end: virtualizer.getTotalSize() - virtualItems[virtualItems.length - 1].end
+  };
+  return {
+    virtualItems: virtualItems,
+    padding: padding
+  };
+}
+function useTableScroll() {
+  var _useEditableSchemaTab3 = useEditableSchemaTableCtx(),
+    tableContainerRef = _useEditableSchemaTab3.tableContainerRef;
+  useEffect(function () {
+    var container = tableContainerRef.current;
+    if (!container) return;
+    var handleScroll = function handleScroll() {
+      var scrollLeft = container.scrollLeft,
+        scrollWidth = container.scrollWidth,
+        clientWidth = container.clientWidth;
+      // 左侧是否有可滚动空间
+      var hasLeftSpace = scrollLeft > 0;
+      // 右侧是否有可滚动空间
+      var hasRightSpace = Math.abs(scrollWidth - clientWidth - scrollLeft) > 1;
+      // 根据两侧是否有可滚动空间来切换对应的类名
+      container.classList.toggle('editable-schema-table--scrolling-right', hasLeftSpace);
+      container.classList.toggle('editable-schema-table--scrolling-left', hasRightSpace);
+    };
+    container.addEventListener('scroll', handleScroll);
+    // 初始化时触发一次
+    handleScroll();
+    return function () {
+      container.removeEventListener('scroll', handleScroll);
+    };
+  }, [tableContainerRef]);
+}
+export { useColumnVirtualizer, useRowVirtualizer, useTableScroll };

package/lib/esm/container/index.js

@@ -0,0 +1,57 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { useInitialRender } from '../hooks/use-initial-render.js';
+import { NonVirtualContainer } from './base.js';
+import { RowVirtualContainer } from './row-virtual.js';
+import { ColumnVirtualContainer } from './column-virtual.js';
+import { FullVirtualContainer } from './full-virtual.js';
+import { TableHeader, TableBody, TableFooter } from './wrapper.js';
+import { useTableScroll } from './hooks.js';
+import '@hi-ui/schema-action-trigger';
+import '@hi-ui/schema-utils';
+import '@hi-ui/pagination';
+import '@hi-ui/use-subscription';
+import 'lodash-es';
+import '@tanstack/react-table';
+import 'ahooks';
+import '../utils/cls.js';
+import '@hi-ui/checkbox';
+import '@hi-ui/radio';
+import '@hi-ui/space';
+import '@hi-ui/switch';
+function TableContainer(props) {
+  var virtualizeConfig = props.virtualize;
+  useInitialRender(); // 初次渲染时容器组件尚未加载，导致白屏，因此在组件挂在后强制更新一次
+  useTableScroll(); // 滚动时给容器增加类名，用于控制阴影效果
+  // 根据配置选择合适的容器
+  if ((virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.row) && (virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.column)) {
+    return /*#__PURE__*/React.createElement(FullVirtualContainer, {
+      rowOptions: virtualizeConfig.row,
+      columnOptions: virtualizeConfig.column
+    }, props.children);
+  }
+  if (virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.row) {
+    return /*#__PURE__*/React.createElement(RowVirtualContainer, {
+      options: virtualizeConfig.row
+    }, props.children);
+  }
+  if (virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.column) {
+    return /*#__PURE__*/React.createElement(ColumnVirtualContainer, {
+      options: virtualizeConfig.column
+    }, props.children);
+  }
+  return /*#__PURE__*/React.createElement(NonVirtualContainer, null, props.children);
+}
+// 导出组件
+TableContainer.Header = TableHeader;
+TableContainer.Body = TableBody;
+TableContainer.Footer = TableFooter;
+export { TableContainer };

package/lib/esm/container/row-virtual.js

@@ -0,0 +1,38 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useRef } from 'react';
+import { TableContainerContext } from './ctx.js';
+import { useRowVirtualizer } from './hooks.js';
+import { TableColGroup } from './col-group.js';
+function RowVirtualContainer(props) {
+  var headerRef = useRef(null);
+  var bodyRef = useRef(null);
+  var footerRef = useRef(null);
+  var _useRowVirtualizer = useRowVirtualizer(props.options),
+    rows = _useRowVirtualizer.virtualItems,
+    rowPadding = _useRowVirtualizer.padding;
+  var colGroup = /*#__PURE__*/React.createElement(TableColGroup, null);
+  return /*#__PURE__*/React.createElement(TableContainerContext.Provider, {
+    value: {
+      headerRef: headerRef,
+      bodyRef: bodyRef,
+      footerRef: footerRef,
+      colGroup: colGroup,
+      virtualize: {
+        rows: rows,
+        rowPadding: {
+          top: rowPadding.start,
+          bottom: rowPadding.end
+        }
+      }
+    }
+  }, props.children);
+}
+export { RowVirtualContainer };

package/lib/esm/container/wrapper.js

@@ -0,0 +1,83 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React from 'react';
+import { Empty } from '@hi-ui/schema-table-extensions';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import { RowSelection } from '../features/row-selection/wrapper.js';
+import { RowOperation } from '../features/row-operation/index.js';
+import { cls } from '../utils/cls.js';
+import { useTableContainer } from './ctx.js';
+function TableHeader(_ref) {
+  var children = _ref.children,
+    sticky = _ref.sticky,
+    stickyOffset = _ref.stickyOffset;
+  var _a = useTableContainer(),
+    headerRef = _a.headerRef,
+    rest = __rest(_a, ["headerRef"]);
+  var _useEditableSchemaTab = useEditableSchemaTableCtx().propsRef.current,
+    rowSelection = _useEditableSchemaTab.rowSelection,
+    rowOperation = _useEditableSchemaTab.rowOperation;
+  var className = cls('header-wrapper', {
+    'header-wrapper--sticky': sticky
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: headerRef,
+    className: className,
+    style: sticky && stickyOffset !== undefined ? {
+      top: stickyOffset
+    } : undefined
+  }, rowSelection ? /*#__PURE__*/React.createElement(RowSelection.Header, null) : null, /*#__PURE__*/React.createElement("table", {
+    className: cls('main-content')
+  }, rest.colGroup, children), rowOperation ? /*#__PURE__*/React.createElement(RowOperation.Header, null) : null);
+}
+function TableBody(props) {
+  var _a = useTableContainer(),
+    bodyRef = _a.bodyRef,
+    rest = __rest(_a, ["bodyRef"]);
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    propsRef = _useEditableSchemaTab2.propsRef,
+    globalStaticRef = _useEditableSchemaTab2.globalStaticRef;
+  var _propsRef$current = propsRef.current,
+    rowSelection = _propsRef$current.rowSelection,
+    rowOperation = _propsRef$current.rowOperation;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: bodyRef,
+    className: cls('body-wrapper')
+  }, globalStaticRef.current.isEmpty ? ( /*#__PURE__*/React.createElement("div", {
+    className: "full-box flex-center"
+  }, /*#__PURE__*/React.createElement(Empty, null))) : ( /*#__PURE__*/React.createElement(React.Fragment, null, rowSelection ? /*#__PURE__*/React.createElement(RowSelection.Body, null) : null, /*#__PURE__*/React.createElement("table", {
+    className: cls('main-content')
+  }, rest.colGroup, props.children), rowOperation ? /*#__PURE__*/React.createElement(RowOperation.Body, null) : null)));
+}
+function TableFooter(_ref2) {
+  var children = _ref2.children,
+    sticky = _ref2.sticky,
+    stickyOffset = _ref2.stickyOffset;
+  var _a = useTableContainer(),
+    footerRef = _a.footerRef,
+    rest = __rest(_a, ["footerRef"]);
+  var _useEditableSchemaTab3 = useEditableSchemaTableCtx().propsRef.current,
+    rowSelection = _useEditableSchemaTab3.rowSelection,
+    rowOperation = _useEditableSchemaTab3.rowOperation;
+  var className = cls('footer-wrapper', {
+    'footer-wrapper--sticky': sticky
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: footerRef,
+    className: className,
+    style: sticky && stickyOffset !== undefined ? {
+      bottom: stickyOffset
+    } : undefined
+  }, rowSelection ? /*#__PURE__*/React.createElement(RowSelection.Footer, null) : null, /*#__PURE__*/React.createElement("table", {
+    className: cls('main-content')
+  }, rest.colGroup, children), rowOperation ? /*#__PURE__*/React.createElement(RowOperation.Footer, null) : null);
+}
+export { TableBody, TableFooter, TableHeader };

package/lib/esm/ctx.js

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+var EditableSchemaTableCtx = /*#__PURE__*/React.createContext(null);
+function useEditableSchemaTableCtx() {
+  var ctx = React.useContext(EditableSchemaTableCtx);
+  if (!ctx) throw new Error('useEditableSchemaTableCtx must be used within a EditableSchemaTable');
+  return ctx;
+}
+export { EditableSchemaTableCtx as EditTableCtx, EditableSchemaTableCtx, useEditableSchemaTableCtx as useEditTableCtx, useEditableSchemaTableCtx };

package/lib/esm/features/_overrides/aggregated.js

@@ -0,0 +1,39 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { getGroupedLeafRows } from '../../utils/grouping.js';
+var CustomAggregatedFeature = {
+  createRow: function createRow(row, table) {
+    // 参考代码来源
+    // https://github.com/TanStack/table/blob/66fbe3a74b129e700e4667d1d5e1b29dd0a7b723/packages/table-core/src/utils/getGroupedRowModel.ts#L94-L127
+    row.$getAggregatedValue = function getRowAggregateValue(columnId) {
+      var column = table.getColumn(columnId);
+      // 有缓存直接去取
+      if (columnId in row._groupingValuesCache) {
+        return row._groupingValuesCache[columnId];
+      }
+      var aggregateFn = column === null || column === void 0 ? void 0 : column.getAggregationFn();
+      if (aggregateFn) {
+        var groupedRows = row.subRows;
+        // 原版使用 flattenBy 方法生成叶节点，会将中间的节点也包含进去，不符合 IPDTable 的分组逻辑
+        // 因此此处使用 getGroupedLeafRows 方法，生成结果仅包含叶节点
+        // const leafRows = flattenBy(groupedRows, (row) => row.subRows)
+        var leafRows = getGroupedLeafRows(groupedRows);
+        row._groupingValuesCache[columnId] = aggregateFn(columnId, leafRows, groupedRows);
+        return row._groupingValuesCache[columnId];
+      }
+    };
+  },
+  createCell: function createCell(cell, column, row) {
+    cell.$getAggregatedValue = function getCellAggregatedValue() {
+      return row.$getAggregatedValue(column.id);
+    };
+  }
+};
+export { CustomAggregatedFeature };