From 7adcc9bd602769a5ff20aa1118013ec0e1fd420f Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Thu, 15 Sep 2022 18:55:45 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E7=AB=99=E5=90=8D=E7=A7=B0=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=82=AC=E6=B5=AE=E6=98=BE=E7=A4=BA=E5=85=A8=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/overflow-tooltip/index.vue | 29 ++++++++++++++++---
 .../default/components/sidebar/logo.vue       |  8 ++++-
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/admin/src/components/overflow-tooltip/index.vue b/admin/src/components/overflow-tooltip/index.vue
index c762136e..57734dbf 100644
--- a/admin/src/components/overflow-tooltip/index.vue
+++ b/admin/src/components/overflow-tooltip/index.vue
@@ -1,16 +1,37 @@
 <template>
     <div>
-        <el-tooltip v-bind="props" :disabled="disabled" placement="top" :teleported="false">
-            <div ref="textRef" class="overflow-text truncate">{{ content }}</div>
+        <el-tooltip v-bind="props" :disabled="disabled">
+            <div
+                ref="textRef"
+                class="overflow-text truncate"
+                :style="{ textOverflow: overfloType }"
+            >
+                {{ content }}
+            </div>
         </el-tooltip>
     </div>
 </template>
 
 <script lang="ts" setup>
 import { useEventListener } from '@vueuse/core'
-import { useTooltipContentProps } from 'element-plus'
+import { useTooltipContentProps, type Placement } from 'element-plus'
+import type { PropType } from 'vue'
 
-const props = defineProps(useTooltipContentProps)
+const props = defineProps({
+    ...useTooltipContentProps,
+    teleported: {
+        type: Boolean,
+        default: false
+    },
+    placement: {
+        type: String as PropType<Placement>,
+        default: 'top'
+    },
+    overfloType: {
+        type: String as PropType<'ellipsis' | 'unset' | 'clip'>,
+        default: 'ellipsis'
+    }
+})
 const textRef = shallowRef<HTMLElement>()
 const disabled = ref(false)
 
diff --git a/admin/src/layout/default/components/sidebar/logo.vue b/admin/src/layout/default/components/sidebar/logo.vue
index d016ab3c..f469f4e8 100644
--- a/admin/src/layout/default/components/sidebar/logo.vue
+++ b/admin/src/layout/default/components/sidebar/logo.vue
@@ -8,7 +8,13 @@
                 :class="{ 'text-white': theme == ThemeEnum.DARK }"
                 :style="{ left: `${szie + 16}px` }"
             >
-                {{ title || config.webName }}
+                <overflow-tooltip
+                    :content="title || config.webName"
+                    :teleported="true"
+                    placement="bottom"
+                    overflo-type="unset"
+                >
+                </overflow-tooltip>
             </div>
         </transition>
     </div>