如何控制show-overflow-tooltip为true时Popper的宽高

在使用 Popper 组件时，可以通过设置 Popper 的 `modifiers` 属性来控制其宽高。

具体来说，如果你想要在 `show-overflow-tooltip` 为 `true` 时控制 Popper 的宽高，可以添加一个自定义的 modifier，并将其应用于 Popper 上。下面是一个示例代码：

import { createPopper } from '@popperjs/core';

const popper = createPopper(referenceElement, popperElement, {
  modifiers: [
    {
      name: 'customWidthHeight',
      enabled: true,
      fn: ({ state }) => {
        if (state.modifiersData['show-overflow-tooltip']) {
          state.styles.popper.width = '200px'; // 设置宽度
          state.styles.popper.height = '100px'; // 设置高度
        }
      },
    },
  ],
});

popper.update();

在上述代码中，我们创建了一个名为 `customWidthHeight` 的自定义 modifier，并在其 `fn` 函数中根据 `show-overflow-tooltip` 的状态来设置 Popper 的宽度和高度。

然后，在创建 Popper 实例时，将这个 modifier 添加到 `modifiers` 属性中即可。

需要注意的是，如果你使用了其他的 Popper modifiers，可能需要将这个自定义 modifier 放在它们之前以确保其正常工作。