feat: Ellipsis校验越界不走缓存配置 (#3329)

* feat: 不走缓存配置

* feat: 修复CIlint错误

* feat: 修复lint问题

Author: YONGQI

src/packages/ellipsis/ellipsis.taro.tsx

@@ -2,7 +2,10 @@ import React, { FunctionComponent, useState, useRef, useEffect } from 'react'
 import { nextTick, createSelectorQuery } from '@tarojs/taro'
 import classNames from 'classnames'
 import { View } from '@tarojs/components'
-import { getRectInMultiPlatform } from '@/utils/taro/get-rect'
+import {
+  getRectInMultiPlatform,
+  getRectInMultiPlatformWithoutCache,
+} from '@/utils/taro/get-rect'
 import { ComponentDefaults } from '@/utils/typings'
 import { useRtl } from '../configprovider/index.taro'
 import { TaroEllipsisProps } from '@/types'
@@ -195,7 +198,7 @@ export const Ellipsis: FunctionComponent<
 
   // 验证省略号
   const verifyEllipsis = async () => {
-    const refe = await getRectInMultiPlatform(rootContain.current)
+    const refe = await getRectInMultiPlatformWithoutCache(rootContain.current)
     if (refe && refe.height && refe.height > maxHeight.current) {
       if (direction === 'end') {
         ellipsis.current.leading = ellipsis.current?.leading?.slice(

src/utils/taro/get-rect.ts

@@ -53,3 +53,24 @@ export const getRectInMultiPlatform = async (
   }
   return Promise.resolve(makeRect(0, 0))
 }
+
+// 获取元素位置，不走缓存
+export const getRectInMultiPlatformWithoutCache = async (
+  element: any,
+  harmonyId = ''
+): Promise<Rect> => {
+  if (element) {
+    if (inBrowser) {
+      return Promise.resolve(getRect(element))
+    }
+    return new Promise((resolve, reject) => {
+      createSelectorQuery()
+        .select(`#${harmonyId || element.uid}`)
+        .boundingClientRect()
+        .exec(([rects]) => {
+          resolve(rects)
+        })
+    })
+  }
+  return Promise.resolve(makeRect(0, 0))
+}