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

package/lib/esm/field-bridge/toolbar.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 from 'react';
+import { useSchemaFormCtx } from '@hi-ui/schema-form';
+import { TableToolbar } from '@hi-ui/schema-action-trigger';
+import { NOOP_SUBSCRIPTION } from '@hi-ui/use-subscription';
+import { useSubscribeTickState } from '@hi-ui/schema-hooks';
+import { getGetterValue } from '@hi-ui/schema-utils';
+function Toolbar(props) {
+  var tableCtxRef = props.ctx.tableCtxRef;
+  // 此处用来触发工具栏按钮的更新
+  // 严格比较时，使用 tickState 订阅，否则使用 NOOP_SUBSCRIPTION
+  var _useSchemaFormCtx = useSchemaFormCtx(),
+    propsRef = _useSchemaFormCtx.propsRef,
+    tickState = _useSchemaFormCtx.tickState;
+  var subscription = propsRef.current.strictValueCompare ? tickState : NOOP_SUBSCRIPTION;
+  useSubscribeTickState(subscription);
+  var dftRight = props.ctx.readonly ? [] : [{
+    text: '增行',
+    onClick: function onClick() {
+      var _a;
+      (_a = tableCtxRef.current) === null || _a === void 0 ? void 0 : _a.rowActions.addRow({});
+    }
+  }];
+  var getRight = props.right;
+  var right = getGetterValue(getRight, dftRight, [props.ctx]);
+  return /*#__PURE__*/React.createElement(TableToolbar, {
+    ctx: props.ctx,
+    left: props.left,
+    right: right,
+    className: "pro-edit-table__toolbar"
+  });
+}
+export { Toolbar };

package/lib/esm/footer/index.js

@@ -0,0 +1,87 @@
+/** @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 { flexRender } from '@tanstack/react-table';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import '../container/index.js';
+import { getFixedStyles } from '../utils/fixed.js';
+import { cls } from '../utils/cls.js';
+import { groupHeaders } from '../header/index.js';
+import { useFirstCellPatch } from './use-first-cell-patch.js';
+import { useTableContainer } from '../container/ctx.js';
+var FooterCellWrapper = /*#__PURE__*/React.memo(function FooterCell(props) {
+  var _a;
+  var footer = props.footer;
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    globalStaticRef = _useEditableSchemaTab.globalStaticRef;
+  // 开启 fixed 时才去获取固定单元格的样式
+  var fixed = props.fixed ? getFixedStyles(footer.column, {
+    globalStaticRef: globalStaticRef
+  }) : {};
+  var fixedClassName = (fixed.className || []).map(function (c) {
+    return "cell--" + c;
+  });
+  return /*#__PURE__*/React.createElement("td", {
+    className: cls.apply(void 0, ['footer-cell'].concat(fixedClassName)),
+    style: fixed.style,
+    "data-text-align": (_a = footer.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.align
+  }, flexRender(footer.column.columnDef.footer, footer.getContext()));
+});
+// 仅渲染一行footer，用来生成摘要(合计)行等
+var Footer = /*#__PURE__*/React.memo(function Footer(_ref) {
+  var className = _ref.className;
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table;
+  var _useTableContainer = useTableContainer(),
+    virtualize = _useTableContainer.virtualize;
+  useFirstCellPatch();
+  return /*#__PURE__*/React.createElement("tfoot", {
+    className: cls('footer', className)
+  }, table.getFooterGroups().slice(0, 1) // 第一行就是叶节点
+  .map(function (footerGroup) {
+    var _a, _b, _c, _d;
+    var realFooters = footerGroup.headers;
+    var _groupHeaders = groupHeaders(realFooters, table),
+      leftFooters = _groupHeaders.left,
+      rightFooters = _groupHeaders.right,
+      centerFooters = _groupHeaders.center;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: footerGroup.id,
+      className: cls('footer-row')
+    }, leftFooters.map(function (footer) {
+      return /*#__PURE__*/React.createElement(FooterCellWrapper, {
+        key: footer.id,
+        footer: footer,
+        fixed: true
+      });
+    }), ((_b = (_a = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0) > 0 ? /*#__PURE__*/React.createElement("td", null) : null, ((virtualize === null || virtualize === void 0 ? void 0 : virtualize.columns) || centerFooters).map(function (footerOrVirtual) {
+      var footer = 'index' in footerOrVirtual ? realFooters[footerOrVirtual.index] : footerOrVirtual;
+      if (!footer) return null;
+      // 固定列不参与虚拟化
+      if (footer.column.getIsPinned()) return null;
+      return /*#__PURE__*/React.createElement(FooterCellWrapper, {
+        key: footer.id,
+        footer: footer,
+        fixed: true
+      });
+    }), ((_d = (_c = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _c === void 0 ? void 0 : _c.right) !== null && _d !== void 0 ? _d : 0) > 0 ? /*#__PURE__*/React.createElement("td", null) : null, rightFooters.map(function (footer) {
+      return /*#__PURE__*/React.createElement(FooterCellWrapper, {
+        key: footer.id,
+        footer: footer,
+        fixed: true
+      });
+    }));
+  }));
+}, function () {
+  return true;
+} // 始终不由外部触发重渲染
+);
+
+export { Footer as default };

package/lib/esm/footer/use-first-cell-patch.js

@@ -0,0 +1,37 @@
+/** @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 { useEditableSchemaTableCtx } from '../ctx.js';
+import { cls } from '../utils/cls.js';
+import 'lodash-es';
+import '@tanstack/react-table';
+import 'ahooks';
+
+// 简而言之，启用行选择时，把 footer 的第一个cell 的文字设置为 '合计'
+// 首列固定展示 // TODO 待支持动态首列配置
+function useFirstCellPatch() {
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    globalStaticRef = _useEditableSchemaTab.globalStaticRef,
+    tableContainerRef = _useEditableSchemaTab.tableContainerRef;
+  var enableRowSelection = globalStaticRef.current.enableRowSelection;
+  useEffect(function () {
+    if (enableRowSelection) {
+      var container = tableContainerRef.current;
+      if (container) {
+        var selector = "." + cls('footer-wrapper') + " table[data-is-selection] ." + cls('footer-cell');
+        var firstCell = container.querySelector(selector);
+        if (firstCell) {
+          firstCell.innerHTML = '合计';
+        }
+      }
+    }
+  }, [enableRowSelection, tableContainerRef]);
+}
+export { useFirstCellPatch };

package/lib/esm/header/index.js

@@ -0,0 +1,121 @@
+/** @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 { cx } from '@hi-ui/classname';
+import { flexRender } from '@tanstack/react-table';
+import { mergeValues } from '@hi-ui/schema-utils';
+import { useElHovering } from '@hi-ui/schema-hooks';
+import { useEditableSchemaTableCtx } from '../ctx.js';
+import '../container/index.js';
+import { getFixedStyles } from '../utils/fixed.js';
+import { cls } from '../utils/cls.js';
+import { validateHeaderCell } from './validate.js';
+import { useTableContainer } from '../container/ctx.js';
+var HeaderCellWrapper = /*#__PURE__*/React.memo(function HeaderCell(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var header = props.header;
+  var _useEditableSchemaTab = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table,
+    globalStaticRef = _useEditableSchemaTab.globalStaticRef;
+  // 鼠标hover时，增加 data-hovering 状态
+  var _useElHovering = useElHovering(),
+    headerCellRef = _useElHovering.elRef;
+  var validation = validateHeaderCell(header, table.getHeaderGroups().length);
+  if (!validation.isValid) return null;
+  // 开启 fixed 时才去获取固定单元格的样式
+  var fixed = props.fixed ? getFixedStyles(header.column, {
+    globalStaticRef: globalStaticRef
+  }) : {};
+  var fixedClassName = (fixed.className || []).map(function (c) {
+    return "cell--" + c;
+  });
+  // 获取动态属性
+  var dynamicAttrs = (_b = (_a = header.column.columnDef.meta) === null || _a === void 0 ? void 0 : _a.headerCell) === null || _b === void 0 ? void 0 : _b.call(_a, {
+    header: header
+  });
+  var style = mergeValues(fixed.style, dynamicAttrs === null || dynamicAttrs === void 0 ? void 0 : dynamicAttrs.style);
+  return /*#__PURE__*/React.createElement("th", Object.assign({}, dynamicAttrs, {
+    className: cx(cls.apply(void 0, ['header-cell'].concat(fixedClassName)), dynamicAttrs === null || dynamicAttrs === void 0 ? void 0 : dynamicAttrs.className),
+    ref: headerCellRef,
+    colSpan: (_c = dynamicAttrs === null || dynamicAttrs === void 0 ? void 0 : dynamicAttrs.colSpan) !== null && _c !== void 0 ? _c : header.colSpan,
+    rowSpan: (_d = dynamicAttrs === null || dynamicAttrs === void 0 ? void 0 : dynamicAttrs.rowSpan) !== null && _d !== void 0 ? _d : validation.rowSpan,
+    style: style,
+    "data-has-children": ((_e = header.column.columnDef.meta) === null || _e === void 0 ? void 0 : _e.field.children) ? true : undefined,
+    "data-text-align": (_f = header.column.columnDef.meta) === null || _f === void 0 ? void 0 : _f.align,
+    "data-field-name": (_h = (_g = header.column.columnDef.meta) === null || _g === void 0 ? void 0 : _g.field) === null || _h === void 0 ? void 0 : _h._titleText,
+    "data-field-key": (_k = (_j = header.column.columnDef.meta) === null || _j === void 0 ? void 0 : _j.field) === null || _k === void 0 ? void 0 : _k.dataIndex
+  }), flexRender(header.column.columnDef.header, header.getContext()));
+});
+var Header = /*#__PURE__*/React.memo(function Header(_ref) {
+  var className = _ref.className;
+  var _useEditableSchemaTab2 = useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table;
+  var _useTableContainer = useTableContainer(),
+    virtualize = _useTableContainer.virtualize;
+  return /*#__PURE__*/React.createElement("thead", {
+    className: cls('header', className)
+  }, table.getHeaderGroups().map(function (headerGroup) {
+    var _a, _b, _c, _d;
+    var realHeaders = headerGroup.headers;
+    var _groupHeaders = groupHeaders(realHeaders, table),
+      leftHeaders = _groupHeaders.left,
+      rightHeaders = _groupHeaders.right,
+      centerHeaders = _groupHeaders.center;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: headerGroup.id,
+      className: cls('header-row')
+    }, leftHeaders.map(function (header) {
+      return /*#__PURE__*/React.createElement(HeaderCellWrapper, {
+        key: header.id,
+        header: header,
+        fixed: true
+      });
+    }), ((_b = (_a = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0) > 0 ? /*#__PURE__*/React.createElement("th", null) : null, ((virtualize === null || virtualize === void 0 ? void 0 : virtualize.columns) || centerHeaders).map(function (headerOrVirtual) {
+      var header = 'index' in headerOrVirtual ? realHeaders[headerOrVirtual.index] : headerOrVirtual;
+      if (!header) return null;
+      // 固定列不参与虚拟化
+      if (header.column.getIsPinned()) return null;
+      return /*#__PURE__*/React.createElement(HeaderCellWrapper, {
+        key: header.id,
+        header: header
+      });
+    }), ((_d = (_c = virtualize === null || virtualize === void 0 ? void 0 : virtualize.colPadding) === null || _c === void 0 ? void 0 : _c.right) !== null && _d !== void 0 ? _d : 0) > 0 ? /*#__PURE__*/React.createElement("th", null) : null, rightHeaders.map(function (header) {
+      return /*#__PURE__*/React.createElement(HeaderCellWrapper, {
+        key: header.id,
+        header: header,
+        fixed: true
+      });
+    }));
+  }));
+});
+function groupHeaders(headers, table) {
+  var leftColumns = table.getLeftVisibleLeafColumns();
+  var rightColumns = table.getRightVisibleLeafColumns();
+  // 创建一个 Map 记录每列的位置类型
+  var columnPositions = new Map();
+  // 记录固定列的 id
+  leftColumns.forEach(function (col) {
+    return columnPositions.set(col.id, 'left');
+  });
+  rightColumns.forEach(function (col) {
+    return columnPositions.set(col.id, 'right');
+  });
+  // 使用 reduce 一次遍历完成分组
+  return headers.reduce(function (groups, header) {
+    var position = columnPositions.get(header.column.id) || 'center';
+    groups[position].push(header);
+    return groups;
+  }, {
+    left: [],
+    center: [],
+    right: []
+  });
+}
+export { Header as default, groupHeaders };

package/lib/esm/header/validate.js

@@ -0,0 +1,64 @@
+/** @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.
+ */
+function validateHeaderCell(header, totalHeaderRows) {
+  var _a;
+  var noParent = header.column.parent === undefined;
+  // isCrossCol 判断的准确性待进一步验证，目前实测有效
+  // crossCol 是指仅有一个子元素的列 // TODO 进一步细化描述
+  var isCrossCol = ((_a = header.subHeaders) === null || _a === void 0 ? void 0 : _a.length) === 1;
+  // 占位元素
+  if (header.isPlaceholder) {
+    // 没有父元素且是交叉列
+    if (noParent && isCrossCol) {
+      var isFirstRow = header.depth === 1;
+      if (isFirstRow) {
+        return {
+          isValid: true,
+          rowSpan: totalHeaderRows,
+          type: 'PLACEHOLDER-NO-PARENT'
+        };
+      }
+    }
+    // 有父元素且是交叉列
+    if (!noParent && isCrossCol) {
+      var parent = header.column.parent;
+      if (parent && header.depth - parent.depth <= 2) {
+        return {
+          isValid: true,
+          rowSpan: Math.max(1, totalHeaderRows - header.depth + 1),
+          type: 'PLACEHOLDER-WITH-PARENT'
+        };
+      }
+    }
+  }
+  // 正常元素
+  else if (noParent) {
+    if (header.depth === 1) {
+      return {
+        isValid: true,
+        rowSpan: 1,
+        type: 'NORMAL-NO-PARENT'
+      };
+    }
+  } else {
+    var _parent = header.column.parent;
+    if (_parent && header.depth - _parent.depth <= 2) {
+      return {
+        isValid: true,
+        rowSpan: 1,
+        type: 'NORMAL-WITH-PARENT'
+      };
+    }
+  }
+  return {
+    isValid: false
+  };
+}
+export { validateHeaderCell };

package/lib/esm/hooks/use-get-fields-value.js

@@ -0,0 +1,56 @@
+/** @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 { useCallback } from 'react';
+import { pick, set, omit } from 'lodash-es';
+function useGetFieldsValue(ctx) {
+  var innerRef = ctx.innerRef;
+  return useCallback(function getFieldsValue(opts) {
+    if (opts === void 0) {
+      opts = {};
+    }
+    var _innerRef$current = innerRef.current,
+      subscription = _innerRef$current.subscription,
+      globalStaticRef = _innerRef$current.globalStaticRef;
+    var allValues = subscription.getValue();
+    var keys = globalStaticRef.current.editableFieldKeys;
+    return allValues.map(function (row) {
+      var _a;
+      var values = pick(row, keys);
+      // 额外需要获取的 fields
+      if ((_a = opts.extraFields) === null || _a === void 0 ? void 0 : _a.length) {
+        opts.extraFields.forEach(function (field) {
+          set(values, field, row[field]);
+        });
+      }
+      return values;
+    });
+  }, [innerRef]);
+}
+function useGetGroupedValues(ctx) {
+  var innerRef = ctx.innerRef;
+  return useCallback(function getGroupedValues() {
+    var _innerRef$current2 = innerRef.current,
+      subscription = _innerRef$current2.subscription,
+      globalStaticRef = _innerRef$current2.globalStaticRef;
+    var allValues = subscription.getValue();
+    var keys = globalStaticRef.current.editableFieldKeys; // 可编辑字段
+    return allValues.map(function (row) {
+      var editable = pick(row, keys);
+      var readonly = omit(row, keys);
+      return {
+        editable: editable,
+        readonly: readonly
+      };
+    });
+  }, [innerRef] // innerRef
+  );
+}
+
+export { useGetFieldsValue, useGetGroupedValues };

package/lib/esm/hooks/use-global-actions.js

@@ -0,0 +1,60 @@
+/** @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 { useMemoizedFn, useLatest } from 'ahooks';
+import { useGetDataSource } from '../features/async-data/normal.js';
+import { useResetDataSource } from '../features/async-data/use-reset-data.js';
+import 'tslib';
+import '@hi-ui/schema-utils';
+import 'react';
+import '../utils/cls.js';
+import '../container/index.js';
+import 'lodash-es';
+import '@tanstack/react-table';
+import '@hi-ui/checkbox';
+import '@hi-ui/radio';
+import '@hi-ui/use-subscription';
+import '@hi-ui/space';
+import '@hi-ui/switch';
+import { useSetSelectedRowKeys } from '../features/row-selection/hooks/use-set-selected-row-keys.js';
+
+/**
+ * 全局静态函数
+ */
+function useGlobalStaticActions(ctx) {
+  var innerRef = ctx.innerRef;
+  // 获取异步数据源
+  var _useGetDataSource = useGetDataSource({
+      innerRef: innerRef
+    }),
+    getDataSource = _useGetDataSource.getDataSource,
+    updateDataSource = _useGetDataSource.updateDataSource;
+  // 重置分页、筛选
+  var resetDataSource = useResetDataSource({
+    innerRef: innerRef
+  });
+  var setDataSource = useMemoizedFn(
+  // 设置表格数据源
+  function setDataSource(dataSource) {
+    innerRef.current.subscription.setValue(dataSource);
+  });
+  // 设置行选择状态
+  var setSelectedRowKeys = useSetSelectedRowKeys({
+    innerRef: innerRef
+  });
+  var globalStaticActions = {
+    getDataSource: getDataSource,
+    updateDataSource: updateDataSource,
+    resetDataSource: resetDataSource,
+    setDataSource: setDataSource,
+    setSelectedRowKeys: setSelectedRowKeys
+  };
+  return useLatest(globalStaticActions);
+}
+export { useGlobalStaticActions };

package/lib/esm/hooks/use-global-static.js

@@ -0,0 +1,152 @@
+/** @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 { useMemo } from 'react';
+import { useLatest } from 'ahooks';
+import { ROW_OPERATION_COL_WIDTH } from '../const.js';
+
+/**
+ * 从 propsRef 中生成静态配置
+ * @desc 是 useGlobalStatic 返回值的子集
+ * @desc 也就是仅包含能直接从 propsRef 中获取的选项配置
+ */
+function genStaticOptsFromPropsRef(propsRef) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  // 是否启用异步数据
+  var enableAsyncData = !!((_a = propsRef.current.asyncData) === null || _a === void 0 ? void 0 : _a.request);
+  // 存在嵌套表头
+  var hasNestHeader = !!propsRef.current.fields.some(function (field) {
+    var _a;
+    return !!((_a = field.children) === null || _a === void 0 ? void 0 : _a.length);
+  });
+  var enableRowSelection = !!((_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.rowSelection);
+  var enableRowOperation = !!((_c = propsRef.current) === null || _c === void 0 ? void 0 : _c.rowOperation);
+  var enableRowEdit = !!((_e = (_d = propsRef.current) === null || _d === void 0 ? void 0 : _d.rowOperation) === null || _e === void 0 ? void 0 : _e.rowEdit);
+  // 操作列列宽是动态的，需要从配置中取出
+  var operationColWidth = ((_g = (_f = propsRef.current) === null || _f === void 0 ? void 0 : _f.rowOperation) === null || _g === void 0 ? void 0 : _g.width) || ROW_OPERATION_COL_WIDTH;
+  var fields = propsRef.current.fields;
+  // 分页
+  var enablePagination = !!((_h = propsRef.current) === null || _h === void 0 ? void 0 : _h.pagination);
+  // 是否存在过滤字段
+  var enableFilter = !!propsRef.current.filter && fields.some(function (field) {
+    var _a;
+    return !!((_a = field.control) === null || _a === void 0 ? void 0 : _a.filter);
+  });
+  // 表头过滤是否启用远程数据
+  var enableRemoteFilter = enableAsyncData && enableFilter && !!((_j = propsRef.current.filter) === null || _j === void 0 ? void 0 : _j.remote);
+  // 是否存在排序字段
+  var enableSorter = !!propsRef.current.sorter && fields.some(function (field) {
+    var _a;
+    return !!((_a = field.control) === null || _a === void 0 ? void 0 : _a.sorter);
+  });
+  // 表头排序是否启用远程数据
+  var enableRemoteSorter = enableAsyncData && enableSorter && !!((_k = propsRef.current.sorter) === null || _k === void 0 ? void 0 : _k.remote);
+  // 是否启用行展开
+  var enableRowExpanding = !!propsRef.current.expanding;
+  // 是否启用列分组
+  var enableRowGrouping = !!propsRef.current.grouping;
+  // 底部容器是否为空
+  var isBottomEmpty =
+  // 没有左侧的行选择指示器
+  !((_l = propsRef.current.rowSelection) === null || _l === void 0 ? void 0 : _l.enableIndicator) &&
+  // 也没有分页器
+  !propsRef.current.pagination;
+  return {
+    enableAsyncData: enableAsyncData,
+    hasNestHeader: hasNestHeader,
+    enableRowSelection: enableRowSelection,
+    enableRowOperation: enableRowOperation,
+    enableRowEdit: enableRowEdit,
+    operationColWidth: operationColWidth,
+    enablePagination: enablePagination,
+    enableHeaderActionHoverOnly: !!((_m = propsRef.current.headerAction) === null || _m === void 0 ? void 0 : _m.onlyVisibleOnHover),
+    enableFilter: enableFilter,
+    enableRemoteFilter: enableRemoteFilter,
+    enableSorter: enableSorter,
+    enableRemoteSorter: enableRemoteSorter,
+    enableRowExpanding: enableRowExpanding,
+    enableRowGrouping: enableRowGrouping,
+    isBottomEmpty: isBottomEmpty
+  };
+}
+/**
+ * 全局静态配置
+ * @desc 实际上并不是完全静态，而是指由配置生成后，禁止主动变化
+ */
+function useGlobalStatic(ctx) {
+  var _a, _b, _c;
+  var table = ctx.table,
+    subscription = ctx.subscription,
+    propsRef = ctx.propsRef;
+  var isEmpty =
+  // 表格数据长度为0
+  subscription.getValue().length === 0 ||
+  // 表格数据过滤后长度为0
+  table.getFilteredRowModel().rows.length === 0;
+  var showFooter = !isEmpty && !!((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.showFooter);
+  var hasStickyFooter = showFooter && !!((_c = (_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.sticky) === null || _c === void 0 ? void 0 : _c.footer) || undefined;
+  var _columnPinning = table.getState().columnPinning;
+  var hasLeftFixed = _columnPinning.left !== undefined && _columnPinning.left.length > 0;
+  var hasRightFixed = _columnPinning.right !== undefined && _columnPinning.right.length > 0;
+  var fields = propsRef.current.fields;
+  var editableFieldKeys = useMemo(function () {
+    return genEditableFieldKeys(fields);
+  }, [fields]);
+  var staticOpts = ctx.staticOptsRef.current;
+  var globalStatic = {
+    enableAsyncData: staticOpts.enableAsyncData,
+    isEmpty: isEmpty,
+    showFooter: showFooter,
+    hasStickyFooter: hasStickyFooter,
+    hasNestHeader: staticOpts.hasNestHeader,
+    hasLeftFixed: hasLeftFixed,
+    hasRightFixed: hasRightFixed,
+    enableRowSelection: staticOpts.enableRowSelection,
+    enableRowOperation: staticOpts.enableRowOperation,
+    enableRowEdit: staticOpts.enableRowEdit,
+    operationColWidth: staticOpts.operationColWidth,
+    editableFieldKeys: editableFieldKeys,
+    enablePagination: staticOpts.enablePagination,
+    enableHeaderActionHoverOnly: staticOpts.enableHeaderActionHoverOnly,
+    enableFilter: staticOpts.enableFilter,
+    enableRemoteFilter: staticOpts.enableRemoteFilter,
+    enableSorter: staticOpts.enableSorter,
+    enableRemoteSorter: staticOpts.enableRemoteSorter,
+    enableRowExpanding: staticOpts.enableRowExpanding,
+    enableRowGrouping: staticOpts.enableRowGrouping,
+    isBottomEmpty: staticOpts.isBottomEmpty
+  };
+  return useLatest(globalStatic);
+}
+/**
+ * 生成所有可编辑字段的 key
+ * @desc 仅在可编辑表格中生效
+ */
+function genEditableFieldKeys(fields) {
+  var result = [];
+  var traverse = function traverse(field) {
+    var _a;
+    // 如果有children，递归处理children
+    if ((_a = field.children) === null || _a === void 0 ? void 0 : _a.length) {
+      field.children.forEach(traverse);
+      return;
+    }
+    var _ref = field.control || {},
+      readonly = _ref.readonly,
+      editable = _ref.editable;
+    // 明确只读，不可编辑
+    if (readonly) return;
+    // 明确不可编辑
+    if (editable === false) return;
+    result.push(field.dataIndex);
+  };
+  fields.forEach(traverse);
+  return result;
+}
+export { genStaticOptsFromPropsRef, useGlobalStatic };

package/lib/esm/hooks/use-initial-render.js

@@ -0,0 +1,18 @@
+/** @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 { useUpdate } from 'ahooks';
+function useInitialRender() {
+  var forceUpdate = useUpdate();
+  React.useEffect(function () {
+    forceUpdate();
+  }, [forceUpdate]);
+}
+export { useInitialRender };