Vue3中naive-ui Ellipsis组件省略与Tooltip触发逻辑定位求助

• 文本省略判断核心：位于Ellipsis.tsx的computeEllipsis函数中，该函数会对比文本原始尺寸（无容器限制时的宽高）与组件容器的实际尺寸，当文本内容超出容器范围时，会逐步截取文本并添加省略号，直到内容适配容器空间。
• Tooltip触发逻辑：由响应式变量needTooltip控制，这个变量的取值由computeEllipsis的计算结果决定——当文本被截断时，needTooltip被设为true，此时组件会用Tooltip包裹内容；未截断时则设为false，不渲染Tooltip。
• 关键代码片段参考：

  const computeEllipsis = () => {
    // ... 省略前置尺寸计算代码
    if (textWidth > containerWidth || textHeight > containerHeight) {
      // 执行文本截取逻辑，生成带省略号的内容
      currentText.value = getTruncatedText() + '...';
      needTooltip.value = true;
    } else {
      currentText.value = originalText.value;
      needTooltip.value = false;
    }
  };
  

  此外，组件通过ResizeObserver监听容器尺寸变化，一旦容器尺寸改变，会重新调用computeEllipsis更新省略状态与Tooltip显示状态。

内容的提问来源于stack exchange，提问作者Kai021195