撤销封装指令

components.d.ts

@@ -32,7 +32,6 @@ declare module 'vue' {
     Echarts: typeof import('./src/components/Echarts/index.vue')['default']
     ElCascader: typeof import('element-plus/es')['ElCascader']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
-    ElImage: typeof import('element-plus/es')['ElImage']
     Empty: typeof import('./src/components/Empty/index.vue')['default']
     File: typeof import('./src/components/Upload/file.vue')['default']
     HeadSearch: typeof import('./src/components/headSearch/index.vue')['default']
@@ -76,7 +75,4 @@ declare module 'vue' {
     VerifySlide: typeof import('./src/components/Verifition/Verify/VerifySlide.vue')['default']
     WangEditor: typeof import('./src/components/FormUI/wangEditor/index.vue')['default']
   }
-  export interface ComponentCustomProperties {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
-  }
 }

src/components/Enterprise/hotPromoted.vue

@@ -8,11 +8,11 @@
             <v-img :src="item?.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" alt="" width="77" height="77" style="border-radius: 4px;"/>
           </div>
           <div class="company-info cursor-pointer">
-            <h3 v-ellipse-tooltip.top>{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3>
-            <!-- <h3 :ref="el => { if(el) companyNameRefs[index] = el }">
+            <!-- <h3 v-ellipse-tooltip.top>{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</h3> -->
+            <h3 :ref="el => { if(el) companyNameRefs[index] = el }">
               {{ formatName(item.enterprise.anotherName || item.enterprise.name) }}
               <v-tooltip v-if="isTextOverflow[index]" activator="parent" location="top">{{ formatName(item.enterprise.anotherName || item.enterprise.name) }}</v-tooltip>
-            </h3> -->
+            </h3>
             <p>
               {{ item?.enterprise.scaleName }}
               <span class="septal-line" v-if="item.enterprise.industryName"></span>
@@ -57,7 +57,7 @@
 </template>
 
 <script setup name="hotPromoted">
-import { ref, watch } from 'vue'
+import { nextTick, ref, watch } from 'vue'
 import { timesTampChange } from '@/utils/date'
 import { formatName } from '@/utils/getText'
 import { jumpToEnterpriseDetail } from '@/utils/position'
@@ -73,25 +73,25 @@ const props = defineProps({
 
 const router = useRouter()
 
-// const isTextOverflow = ref({})
-// const companyNameRefs = ref({})
+const isTextOverflow = ref({})
+const companyNameRefs = ref({})
 // 检查文本是否溢出
-// const checkTextOverflow = () => {
-//   Object.entries(companyNameRefs.value).forEach(([index, element]) => {
-//     if (element) {
-//       isTextOverflow.value[index] = element.scrollWidth > element.clientWidth
-//     }
-//   })
-// }
+const checkTextOverflow = () => {
+  Object.entries(companyNameRefs.value).forEach(([index, element]) => {
+    if (element) {
+      isTextOverflow.value[index] = element.scrollWidth > element.clientWidth
+    }
+  })
+}
 
 const list = ref([])
 watch(
   () => props.items, 
   (newVal) => {
     list.value = newVal
-    // nextTick(() => {
-    //   checkTextOverflow()
-    // })
+    nextTick(() => {
+      checkTextOverflow()
+    })
   },
   { immediate: true },
   { deep: true }

src/main.js

@@ -31,7 +31,7 @@ import VueLuckyCanvas from '@lucky-canvas/vue'
 
 import router from './router'
 
-import { ellipsisTooltip } from '@/components/CtTooltip/index.js'
+// import { ellipsisTooltip } from '@/components/CtTooltip/index.js'
 // import imageDirective from '@/directives/previewImageDirective'
 
 import './permission'
@@ -55,6 +55,6 @@ app.use(VueLuckyCanvas)
 registerPlugins(app)
 app.component('VueDatePicker', VueDatePicker)
 
-app.directive('ellipse-tooltip', ellipsisTooltip)
+// app.directive('ellipse-tooltip', ellipsisTooltip)
 
 app.mount('#app')