我现在有以下现状（代码片段如下）：
search.js：
const SUPERVISION_UNDO_SEARCH_COLLAPSED_RESIZE_MAP = {
'true': 224, // 折叠
'false': 355 // 展开
};
toggleSearchForm = debounce(() => {
this.setState(prevState => ({
isSearchFormCollapsed: !prevState.isSearchFormCollapsed
}), () => {
const { onResize } = this.props;
if (onResize) {
onResize(calc(100vh - ${SUPERVISION_UNDO_SEARCH_COLLAPSED_RESIZE_MAP[this.state.isSearchFormCollapsed]}px));
}
});
}, 100);
table.js：
state = {
selectedRowKeys: [],
hasSelected: false,
table_scrollY: 300,
};
handleResize = () => {
const windowHeight = window.innerHeight;
const calculatedHeight = windowHeight - 505; // 这里是老的固定值
this.setState({ table_scrollY: calculatedHeight > 0 ? calculatedHeight : 111 });
};
componentDidMount() {
this.handleResize();
window.addEventListener('resize', this.handleResize);
}
componentDidUpdate(prevProps) {
if (prevProps.scrollY !== this.props.scrollY && this.props.scrollY) {
if (typeof this.props.scrollY === 'string' && this.props.scrollY.includes('calc')) {
const match = this.props.scrollY.match(/calc(100vh - ([0-9]+)px)/);
if (match) {
const offset = parseInt(match[1]);
const calculatedHeight = window.innerHeight - offset;
this.setState({ table_scrollY: calculatedHeight > 0 ? calculatedHeight : 111 });
}
} else {
this.setState({ table_scrollY: this.props.scrollY });
}
}
}
index.jsx 里初始是：
state = {
tableScrollY: 'calc(100vh - 224px)', // 初始写成了折叠态
...
}
现在的问题是：
首次进入页面（展开状态） vs “收起 → 再展开”，表格高度不一致；
加了展开/收起一行后，分页在不滚动页面时会被遮挡。
要求：不要删 handleResize、不要去掉事件监听，只通过调整固定值/初始值，把这两个现象消掉。
请你按下面步骤改：
- 统一“展开状态”的 offset 数值
先确定“展开状态”下，表格高度正确时需要的 offset（包括搜索区 + 折叠按钮行 + 上方按钮行 + 下方按钮+分页 + 适当的 margin/padding）。
假设重新测算后得到一个值 EXPANDED_OFFSET（比如 540，仅示例）。
把这个 EXPANDED_OFFSET 用在三个地方，保证它们完全一致：
1）index.jsx 初始值改成展开态：
state = {
tableScrollY: calc(100vh - ${EXPANDED_OFFSET}px),
...
}
2）search.js 的展开态值改成同一个数：
const SUPERVISION_UNDO_SEARCH_COLLAPSED_RESIZE_MAP = {
'true': COLLAPSED_OFFSET, // 折叠态：比展开态小一截，单独算
'false': EXPANDED_OFFSET, // 展开态：= EXPANDED_OFFSET
};
3）table.js 的 handleResize 里，把老的 505 改成同一个 EXPANDED_OFFSET：
handleResize = () => {
const windowHeight = window.innerHeight;
const calculatedHeight = windowHeight - EXPANDED_OFFSET; // 与上面保持一致
this.setState({ table_scrollY: calculatedHeight > 0 ? calculatedHeight : 111 });
};
这样：
首次进入页面时，handleResize 用的 offset = 展开态 offset；
收起再展开时，componentDidUpdate 解析到的也是同一个 offset；
两次都是 window.innerHeight - EXPANDED_OFFSET，高度就统一了。
2. 单独调整“折叠状态”的 offset，保证分页露出
折叠态只影响 SUPERVISION_UNDO_SEARCH_COLLAPSED_RESIZE_MAP['true']，不影响 handleResize。
你只需要根据“折叠后顶部变矮多少”重新算一个 COLLAPSED_OFFSET，保证：
折叠时表格更高一点；
但分页仍然在视口内完整可见（不要被挤到底部之外）。
最终保证：
COLLAPSED_OFFSET < EXPANDED_OFFSET
// 且展开/折叠两种状态下，分页都不被遮挡
3. 不要再用 224 / 355 / 505 这种互相矛盾的值
现在最大的根因是：
展开态在 search.js 里是 355；
index.jsx 初始是 224（折叠）；
table.js 的 handleResize 是 505；
三个数字互相对不上，所以才会出现“首次进入”和“再次展开”高度不一样、加了一行之后分页露不全。
修改时，只做下面三件事：
1）给展开态定一个统一的 EXPANDED_OFFSET；
2）三个地方都用这个值；
3）给折叠态定一个 COLLAPSED_OFFSET，只用在 search.js 的 'true' 分支。
请你在不删除任何方法/生命周期的前提下，按上面思路帮我改三个文件里的固定值，并给出你最终选取的 EXPANDED_OFFSET / COLLAPSED_OFFSET。重点是：
首次进入（展开）和“收起再展开”的高度必须一致；
两种状态下分页条在不滚动页面时都要完整可见。