mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-13 16:40:52 +08:00
30 lines
1016 B
TypeScript
30 lines
1016 B
TypeScript
/**
|
|
* If the node is holding inside a form, return the form element,
|
|
* otherwise return the parent node of the given element or
|
|
* the document body if the element is not provided.
|
|
*/
|
|
export function getPopupContainer(node?: HTMLElement): HTMLElement {
|
|
return (
|
|
node?.closest('form') ?? (node?.parentNode as HTMLElement) ?? document.body
|
|
);
|
|
}
|
|
|
|
/**
|
|
* VxeTable专用弹窗层
|
|
* 解决问题: https://gitee.com/dapppp/ruoyi-plus-vben5/issues/IB1DM3
|
|
* @param _node 触发的元素
|
|
* @returns 挂载节点
|
|
*/
|
|
export function getVxePopupContainer(_node?: HTMLElement): HTMLElement {
|
|
/**
|
|
* 需要区分是否为固定列情况 如果为固定列返回parent会导致展开宽度不正常
|
|
* 如果是固定列的情况直接返回body 但是这样不会跟随滚动(个人认为这属于极限场景)
|
|
* 如果有更好的办法解决 请告知
|
|
*/
|
|
if (_node?.closest('td.fixed--width')) {
|
|
return document.body;
|
|
}
|
|
// 返回parent元素
|
|
return _node?.parentElement ?? document.body;
|
|
}
|