From 560a2f9a4f54b6fb9ce461539ee13804793ac331 Mon Sep 17 00:00:00 2001
From: Marvin <454846659@qq.com>
Date: Fri, 22 Dec 2023 11:00:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(ellipsis):=20=E4=BF=AE=E5=A4=8Dtaro?=
 =?UTF-8?q?=E7=AB=AF=E6=96=87=E6=9C=AC=E7=9C=81=E7=95=A5=E5=A4=B1=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/__VUE/ellipsis/index.taro.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/packages/__VUE/ellipsis/index.taro.vue b/src/packages/__VUE/ellipsis/index.taro.vue
index fb469dabc0..1a986948de 100644
--- a/src/packages/__VUE/ellipsis/index.taro.vue
+++ b/src/packages/__VUE/ellipsis/index.taro.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view :id="'root' + refRandomId" ref="root" class="nut-ellipsis ell" @click="handleClick">
+    <view :id="rootId" class="nut-ellipsis ell" @click="handleClick">
       <view v-if="!exceeded" class="nut-ellipsis__wordbreak">{{ content }}</view>
 
       <view v-if="exceeded && !expanded" class="nut-ellipsis__wordbreak">
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts">
-import { ref, reactive, toRefs, computed, onMounted, PropType, unref } from 'vue';
+import { ref, reactive, toRefs, computed, onMounted, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
 import Taro from '@tarojs/taro';
@@ -74,7 +74,6 @@ export default create({
   emits: ['click', 'change'],
 
   setup(props, { emit }) {
-    const root = ref(null);
     const rootContain = ref(null);
     const symbolContain = ref(null);
     let contantCopy = ref(props.content);
@@ -83,6 +82,7 @@ export default create({
     let originHeight = 0; // 原始高度
     const ellipsis = reactive<EllipsisedValue>({});
     const refRandomId = Math.random().toString(36).slice(-8);
+    const rootId = ref('root' + refRandomId);
     let widthRef = ref('auto');
     const state = reactive({
       exceeded: false, //是否超出
@@ -120,12 +120,10 @@ export default create({
     };
 
     const getReference = async () => {
-      let element = unref(root);
-
       const query = Taro.createSelectorQuery();
-      query.select(`#${(element as any).id}`) &&
+      query.select(`#${rootId.value}`) &&
         query
-          .select(`#${(element as any).id}`)
+          .select(`#${rootId.value}`)
           .fields(
             {
               computedStyle: ['width', 'height', 'lineHeight', 'paddingTop', 'paddingBottom', 'fontSize']
@@ -287,7 +285,7 @@ export default create({
 
     return {
       ...toRefs(state),
-      root,
+      rootId,
       rootContain,
       symbolContain,
       ellipsis,