From eb96014379c45689979676e3b17968332d656513 Mon Sep 17 00:00:00 2001
From: Apcallover <1503963513@qq.com>
Date: Wed, 29 May 2024 10:21:39 +0800
Subject: [PATCH] =?UTF-8?q?flat:=20=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/text-tooltip/index.vue | 35 +++++++++++++++------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/components/text-tooltip/index.vue b/src/components/text-tooltip/index.vue
index 0f2feda..82fdb97 100644
--- a/src/components/text-tooltip/index.vue
+++ b/src/components/text-tooltip/index.vue
@@ -1,23 +1,25 @@
 <template>
-    <div>
-      <el-tooltip v-if="content.length > length" class="item" effect="dark" placement="top-start">
-        <div slot="content">
-          <div v-for="(item, index) in clipStr(content)" :key="index"><div>{{item}}</div></div>
+  <div>
+    <el-tooltip v-if="content.length > length" class="item" effect="dark" placement="top-start">
+      <div slot="content">
+        <div v-for="(item, index) in clipStr(content)" :key="index">
+          <div>{{ item }}</div>
         </div>
-        <span>{{ content.length > length ? `${content.substring(0, this.length)}...` : content}}</span>
-      </el-tooltip>
-      <span v-else>{{content}}</span>
-    </div>
+      </div>
+      <span>{{ content.length > length ? `${content.substring(0, this.length)}...` : content }}</span>
+    </el-tooltip>
+    <span v-else>{{ content }}</span>
+  </div>
 </template>
 
 <script>
 export default {
   name: "textTooltip",
   props: {
-    length:  { default: 50, required: false },
-    content:  { default: '', required: true },
-    empty:  { default: '', required: false },
-    tipWidth:  { default: 40, required: false },
+    length: {default: 50, required: false},
+    content: {default: '', required: true},
+    empty: {default: '', required: false},
+    tipWidth: {default: 40, required: false},
   },
   watch: {
     content(val) {
@@ -27,9 +29,10 @@ export default {
   methods: {
     clipStr(str) {
       const clip = []
-      if(str && str.length > this.tipWidth) {
-        for (let i = 0; i < Math.ceil(str.length / this.tipWidth); i++) {
-          clip.push(str.slice(i * this.tipWidth,i * this.tipWidth + this.tipWidth))
+      const tipWidth = Number(this.tipWidth)
+      if (str && str.length > tipWidth) {
+        for (let i = 0; i < Math.ceil(str.length / tipWidth); i++) {
+          clip.push(str.slice(i * tipWidth, (i * tipWidth) + tipWidth))
         }
         return clip
       }
@@ -40,7 +43,7 @@ export default {
 </script>
 
 <style scoped>
-.toolTipImg{
+.toolTipImg {
   margin-bottom: -5px;
   margin-right: 10px;
 }