From 6565c3fb17295db7f124605645b72b73dc961f1a Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 27 Mar 2024 09:32:09 +0800
Subject: [PATCH] chore: update

---
 src/components/ReFlowChart/src/Control.vue | 37 +++++++++---------
 src/views/able/pdf.vue                     | 44 +++++++++++-----------
 src/views/login/index.vue                  | 15 ++++----
 src/views/schema-form/index.vue            | 12 +++---
 src/views/table/edit.vue                   | 12 +++---
 src/views/table/high.vue                   | 12 +++---
 src/views/table/index.vue                  | 12 +++---
 src/views/table/virtual.vue                | 12 +++---
 8 files changed, 82 insertions(+), 74 deletions(-)

diff --git a/src/components/ReFlowChart/src/Control.vue b/src/components/ReFlowChart/src/Control.vue
index d142db840..e0f46fb8a 100644
--- a/src/components/ReFlowChart/src/Control.vue
+++ b/src/components/ReFlowChart/src/Control.vue
@@ -105,27 +105,24 @@ onMounted(() => {
         @mouseenter.prevent="onEnter(key)"
         @mouseleave.prevent="focusIndex = -1"
       >
-        <el-tooltip
-          :content="item.text"
-          :visible="focusIndex === key"
-          placement="right"
+        <button
+          :ref="'controlButton' + key"
+          v-tippy="{
+            content: item.text
+          }"
+          :disabled="item.disabled"
+          :style="{
+            cursor: item.disabled === false ? 'pointer' : 'not-allowed',
+            color: item.disabled === false ? '' : '#00000040',
+            background: 'transparent'
+          }"
+          @click="onControl(item, key)"
         >
-          <button
-            :ref="'controlButton' + key"
-            :disabled="item.disabled"
-            :style="{
-              cursor: item.disabled === false ? 'pointer' : 'not-allowed',
-              color: item.disabled === false ? '' : '#00000040',
-              background: 'transparent'
-            }"
-            @click="onControl(item, key)"
-          >
-            <span
-              :class="'iconfont ' + item.icon"
-              :style="{ fontSize: `${item.size}px` }"
-            />
-          </button>
-        </el-tooltip>
+          <span
+            :class="'iconfont ' + item.icon"
+            :style="{ fontSize: `${item.size}px` }"
+          />
+        </button>
       </li>
     </ul>
   </div>
diff --git a/src/views/able/pdf.vue b/src/views/able/pdf.vue
index 78757f04c..b2bc3500c 100644
--- a/src/views/able/pdf.vue
+++ b/src/views/able/pdf.vue
@@ -78,28 +78,28 @@ const onPrint = () => {
           <el-checkbox v-model="showAllPages" @change="showAllPagesChange">
             显示所有页面
           </el-checkbox>
-          <el-tooltip
-            effect="dark"
-            :content="`翻转（当前角度${rotations[currentRotation]}度）`"
-            placement="top"
-          >
-            <IconifyIconOnline
-              icon="ic:baseline-rotate-90-degrees-ccw"
-              class="cursor-pointer outline-transparent"
-              @click="
-                currentRotation === 3
-                  ? (currentRotation = 0)
-                  : (currentRotation += 1)
-              "
-            />
-          </el-tooltip>
-          <el-tooltip effect="dark" content="打印" placement="top">
-            <IconifyIconOnline
-              icon="ri:printer-line"
-              class="cursor-pointer outline-transparent"
-              @click="onPrint"
-            />
-          </el-tooltip>
+          <IconifyIconOnline
+            v-tippy="{
+              maxWidth: 'none',
+              content: `翻转（当前角度${rotations[currentRotation]}度）`
+            }"
+            icon="ic:baseline-rotate-90-degrees-ccw"
+            class="cursor-pointer outline-transparent"
+            @click="
+              currentRotation === 3
+                ? (currentRotation = 0)
+                : (currentRotation += 1)
+            "
+          />
+          <IconifyIconOnline
+            v-tippy="{
+              maxWidth: 'none',
+              content: '打印'
+            }"
+            icon="ri:printer-line"
+            class="cursor-pointer outline-transparent"
+            @click="onPrint"
+          />
         </div>
       </div>
       <el-scrollbar>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 728b0d26b..5979c903d 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -245,13 +245,14 @@ watch(loginDay, value => {
                         <option value="30">30</option>
                       </select>
                       {{ t("login.pureRemember") }}
-                      <el-tooltip
-                        effect="dark"
-                        placement="top"
-                        :content="t('login.pureRememberInfo')"
-                      >
-                        <IconifyIconOffline :icon="Info" class="ml-1" />
-                      </el-tooltip>
+                      <IconifyIconOffline
+                        v-tippy="{
+                          content: t('login.pureRememberInfo'),
+                          placement: 'top'
+                        }"
+                        :icon="Info"
+                        class="ml-1"
+                      />
                     </span>
                   </el-checkbox>
                   <el-button
diff --git a/src/views/schema-form/index.vue b/src/views/schema-form/index.vue
index dc69934cb..9f588b2fe 100644
--- a/src/views/schema-form/index.vue
+++ b/src/views/schema-form/index.vue
@@ -42,12 +42,14 @@ function tabClick({ index }) {
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
diff --git a/src/views/table/edit.vue b/src/views/table/edit.vue
index dcee0eac4..2bcffab1b 100644
--- a/src/views/table/edit.vue
+++ b/src/views/table/edit.vue
@@ -49,12 +49,14 @@ function tabClick({ index }) {
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
diff --git a/src/views/table/high.vue b/src/views/table/high.vue
index 342f4c4e0..413d22683 100644
--- a/src/views/table/high.vue
+++ b/src/views/table/high.vue
@@ -49,12 +49,14 @@ function tabClick({ index }) {
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
diff --git a/src/views/table/index.vue b/src/views/table/index.vue
index 711177ec9..6d545bcf2 100644
--- a/src/views/table/index.vue
+++ b/src/views/table/index.vue
@@ -57,12 +57,14 @@ function tabClick({ index }) {
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>
diff --git a/src/views/table/virtual.vue b/src/views/table/virtual.vue
index 277d0e08d..d8fe02618 100644
--- a/src/views/table/virtual.vue
+++ b/src/views/table/virtual.vue
@@ -41,12 +41,14 @@ function tabClick({ index }) {
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>