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

package/lib/cjs/field-bridge/bridge.js

@@ -0,0 +1,104 @@
+/** @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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var lodashEs = require('lodash-es');
+var ahooks = require('ahooks');
+var schemaForm = require('@hi-ui/schema-form');
+var schemaUtils = require('@hi-ui/schema-utils');
+require('../container/index.js');
+require('../utils/cls.js');
+require('@hi-ui/classname');
+require('@tanstack/react-table');
+require('@hi-ui/icons');
+require('@hi-ui/schema-hooks');
+require('../cell/index.js');
+var table = require('../table.js');
+require('@tanstack/react-virtual');
+require('@hi-ui/schema-action-trigger');
+require('@hi-ui/pagination');
+require('@hi-ui/use-subscription');
+require('@hi-ui/checkbox');
+require('@hi-ui/radio');
+require('@hi-ui/space');
+require('@hi-ui/switch');
+require('@babel/runtime/regenerator');
+require('tslib');
+require('@hi-ui/schema-table-extensions');
+require('@babel/runtime/helpers/createClass');
+require('immer');
+require('@hi-ui/use-id');
+require('@babel/runtime/helpers/inheritsLoose');
+require('@hi-ui/schema-fields');
+var toolbar = require('./toolbar.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function EditTableBridge(props) {
+  var _a, _b, _c;
+  var wrapperElRef = React.useRef(null);
+  var _useSchemaFormCtx = schemaForm.useSchemaFormCtx(),
+    formRef = _useSchemaFormCtx.formRef;
+  var tableCtxRef = React.useRef(null);
+  var _useControllableValue = ahooks.useControllableValue(props),
+    values = _useControllableValue[0],
+    setValues = _useControllableValue[1];
+  // value 变更时，需经过 subscription 主动设置，方可生效
+  React.useEffect(function () {
+    var _a;
+    var complete = !props.doNotCompleteRerender;
+    (_a = tableCtxRef.current) === null || _a === void 0 ? void 0 : _a.subscription.setValue(props.value || [], {
+      complete: complete
+    });
+  }, [props.value, tableCtxRef, props.doNotCompleteRerender]);
+  var handleValuesChange = function handleValuesChange(changed, allValues) {
+    var _a;
+    // console.log('handleValuesChange',changed, allValues)
+    (_a = props.onValuesChange) === null || _a === void 0 ? void 0 : _a.call(props, changed, allValues);
+    setValues(allValues);
+  };
+  var finalProps = schemaUtils.mergeProps({
+    fields: props.fields,
+    sticky: true
+  }, lodashEs.omit(props, [
+  // 移除无关的属性
+  'value', 'defaultValue', 'onChange', 'innerCtxRef', 'catchInnerCtx']));
+  // 捕获内部引用
+  (_a = props.catchInnerCtx) === null || _a === void 0 ? void 0 : _a.call(props, {
+    tableCtx: tableCtxRef.current
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "pro-edit-table",
+    ref: wrapperElRef
+  }, props.toolbar === false ? null : ( /*#__PURE__*/React__default["default"].createElement(toolbar.Toolbar, {
+    ctx: {
+      tableFields: finalProps.fields,
+      tableCtxRef: tableCtxRef,
+      fullscreenElRef: wrapperElRef,
+      formRef: formRef,
+      readonly: props.readonly
+    },
+    left: (_b = props.toolbar) === null || _b === void 0 ? void 0 : _b.left,
+    right: props.actions || ((_c = props.toolbar) === null || _c === void 0 ? void 0 : _c.right)
+  })), /*#__PURE__*/React__default["default"].createElement(table.EditableSchemaTable, Object.assign({}, finalProps, {
+    defaultValue: values,
+    innerCtxRef: tableCtxRef,
+    onValuesChange: handleValuesChange
+  })));
+}
+exports.EditTableBridge = EditTableBridge;

package/lib/cjs/field-bridge/index.js

@@ -0,0 +1,58 @@
+/** @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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var _inheritsLoose = require('@babel/runtime/helpers/inheritsLoose');
+var React = require('react');
+var schemaFields = require('@hi-ui/schema-fields');
+var bridge = require('./bridge.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var _inheritsLoose__default = /*#__PURE__*/_interopDefaultCompat(_inheritsLoose);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ProEditTable = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose__default["default"](ProEditTable, _ProField);
+  function ProEditTable() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProEditTable.prototype;
+  _proto.render = function render(data, ctx) {
+    if (data === void 0) {
+      data = [];
+    }
+    var fieldProps = this.getFieldProps({
+      fields: []
+    }, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(bridge.EditTableBridge, Object.assign({}, fieldProps, {
+      value: data,
+      readonly: true
+    }));
+  };
+  _proto.renderCell = function renderCell() {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null); // 表格不允许嵌套在单元格中
+  };
+
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({
+      fields: []
+    }, ctx);
+    return /*#__PURE__*/React__default["default"].createElement(bridge.EditTableBridge, Object.assign({}, fieldProps));
+  };
+  return ProEditTable;
+}(schemaFields.ProField);
+exports.EditTableBridge = bridge.EditTableBridge;
+exports.ProEditTable = ProEditTable;

package/lib/cjs/field-bridge/toolbar.js

@@ -0,0 +1,53 @@
+/** @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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var schemaForm = require('@hi-ui/schema-form');
+var schemaActionTrigger = require('@hi-ui/schema-action-trigger');
+var useSubscription = require('@hi-ui/use-subscription');
+var schemaHooks = require('@hi-ui/schema-hooks');
+var schemaUtils = require('@hi-ui/schema-utils');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function Toolbar(props) {
+  var tableCtxRef = props.ctx.tableCtxRef;
+  // 此处用来触发工具栏按钮的更新
+  // 严格比较时，使用 tickState 订阅，否则使用 NOOP_SUBSCRIPTION
+  var _useSchemaFormCtx = schemaForm.useSchemaFormCtx(),
+    propsRef = _useSchemaFormCtx.propsRef,
+    tickState = _useSchemaFormCtx.tickState;
+  var subscription = propsRef.current.strictValueCompare ? tickState : useSubscription.NOOP_SUBSCRIPTION;
+  schemaHooks.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 = schemaUtils.getGetterValue(getRight, dftRight, [props.ctx]);
+  return /*#__PURE__*/React__default["default"].createElement(schemaActionTrigger.TableToolbar, {
+    ctx: props.ctx,
+    left: props.left,
+    right: right,
+    className: "pro-edit-table__toolbar"
+  });
+}
+exports.Toolbar = Toolbar;

package/lib/cjs/footer/index.js

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

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

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

package/lib/cjs/header/index.js

@@ -0,0 +1,134 @@
+/** @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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var classname = require('@hi-ui/classname');
+var reactTable = require('@tanstack/react-table');
+var schemaUtils = require('@hi-ui/schema-utils');
+var schemaHooks = require('@hi-ui/schema-hooks');
+var ctx = require('../ctx.js');
+require('../container/index.js');
+var fixed = require('../utils/fixed.js');
+var cls = require('../utils/cls.js');
+var validate = require('./validate.js');
+var ctx$1 = require('../container/ctx.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var HeaderCellWrapper = /*#__PURE__*/React__default["default"].memo(function HeaderCell(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+  var header = props.header;
+  var _useEditableSchemaTab = ctx.useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab.table,
+    globalStaticRef = _useEditableSchemaTab.globalStaticRef;
+  // 鼠标hover时，增加 data-hovering 状态
+  var _useElHovering = schemaHooks.useElHovering(),
+    headerCellRef = _useElHovering.elRef;
+  var validation = validate.validateHeaderCell(header, table.getHeaderGroups().length);
+  if (!validation.isValid) return null;
+  // 开启 fixed 时才去获取固定单元格的样式
+  var fixed$1 = props.fixed ? fixed.getFixedStyles(header.column, {
+    globalStaticRef: globalStaticRef
+  }) : {};
+  var fixedClassName = (fixed$1.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 = schemaUtils.mergeValues(fixed$1.style, dynamicAttrs === null || dynamicAttrs === void 0 ? void 0 : dynamicAttrs.style);
+  return /*#__PURE__*/React__default["default"].createElement("th", Object.assign({}, dynamicAttrs, {
+    className: classname.cx(cls.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
+  }), reactTable.flexRender(header.column.columnDef.header, header.getContext()));
+});
+var Header = /*#__PURE__*/React__default["default"].memo(function Header(_ref) {
+  var className = _ref.className;
+  var _useEditableSchemaTab2 = ctx.useEditableSchemaTableCtx(),
+    table = _useEditableSchemaTab2.table;
+  var _useTableContainer = ctx$1.useTableContainer(),
+    virtualize = _useTableContainer.virtualize;
+  return /*#__PURE__*/React__default["default"].createElement("thead", {
+    className: cls.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__default["default"].createElement("tr", {
+      key: headerGroup.id,
+      className: cls.cls('header-row')
+    }, leftHeaders.map(function (header) {
+      return /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("th", null) : null, rightHeaders.map(function (header) {
+      return /*#__PURE__*/React__default["default"].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: []
+  });
+}
+exports["default"] = Header;
+exports.groupHeaders = groupHeaders;

package/lib/cjs/header/validate.js

@@ -0,0 +1,69 @@
+/** @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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+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
+  };
+}
+exports.validateHeaderCell = validateHeaderCell;

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

@@ -0,0 +1,62 @@
+/** @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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var lodashEs = require('lodash-es');
+function useGetFieldsValue(ctx) {
+  var innerRef = ctx.innerRef;
+  return React.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 = lodashEs.pick(row, keys);
+      // 额外需要获取的 fields
+      if ((_a = opts.extraFields) === null || _a === void 0 ? void 0 : _a.length) {
+        opts.extraFields.forEach(function (field) {
+          lodashEs.set(values, field, row[field]);
+        });
+      }
+      return values;
+    });
+  }, [innerRef]);
+}
+function useGetGroupedValues(ctx) {
+  var innerRef = ctx.innerRef;
+  return React.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 = lodashEs.pick(row, keys);
+      var readonly = lodashEs.omit(row, keys);
+      return {
+        editable: editable,
+        readonly: readonly
+      };
+    });
+  }, [innerRef] // innerRef
+  );
+}
+
+exports.useGetFieldsValue = useGetFieldsValue;
+exports.useGetGroupedValues = useGetGroupedValues;