chore: update

src/components/ReFlowChart/src/Control.vue

@@ -104,14 +104,12 @@ onMounted(() => {
         class="dark:text-bg_color"
         @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',
@@ -125,7 +123,6 @@ onMounted(() => {
             :style="{ fontSize: `${item.size}px` }"
           />
         </button>
-        </el-tooltip>
       </li>
     </ul>
   </div>

src/views/able/pdf.vue

@@ -78,12 +78,11 @@ const onPrint = () => {
           <el-checkbox v-model="showAllPages" @change="showAllPagesChange">
             显示所有页面
           </el-checkbox>
-          <el-tooltip
-            effect="dark"
-            :content="`翻转（当前角度${rotations[currentRotation]}度）`"
-            placement="top"
-          >
           <IconifyIconOnline
+            v-tippy="{
+              maxWidth: 'none',
+              content: `翻转（当前角度${rotations[currentRotation]}度）`
+            }"
             icon="ic:baseline-rotate-90-degrees-ccw"
             class="cursor-pointer outline-transparent"
             @click="
@@ -92,14 +91,15 @@ const onPrint = () => {
                 : (currentRotation += 1)
             "
           />
-          </el-tooltip>
-          <el-tooltip effect="dark" content="打印" placement="top">
           <IconifyIconOnline
+            v-tippy="{
+              maxWidth: 'none',
+              content: '打印'
+            }"
             icon="ri:printer-line"
             class="cursor-pointer outline-transparent"
             @click="onPrint"
           />
-          </el-tooltip>
         </div>
       </div>
       <el-scrollbar>

src/views/login/index.vue

@@ -245,13 +245,14 @@ watch(loginDay, value => {
                         <option value="30">30</option>
                       </select>
                       {{ t("login.pureRemember") }}
-                      <el-tooltip
+                      <IconifyIconOffline
-                        effect="dark"
+                        v-tippy="{
-                        placement="top"
+                          content: t('login.pureRememberInfo'),
-                        :content="t('login.pureRememberInfo')"
+                          placement: 'top'
-                      >
+                        }"
-                        <IconifyIconOffline :icon="Info" class="ml-1" />
+                        :icon="Info"
-                      </el-tooltip>
+                        class="ml-1"
+                      />
                     </span>
                   </el-checkbox>
                   <el-button

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
+            <span
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
+              v-tippy="{
-              placement="top-end"
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
+              {{ item.title }}
-            </el-tooltip>
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>

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
+            <span
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
+              v-tippy="{
-              placement="top-end"
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
+              {{ item.title }}
-            </el-tooltip>
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>

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
+            <span
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
+              v-tippy="{
-              placement="top-end"
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
+              {{ item.title }}
-            </el-tooltip>
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>

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
+            <span
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
+              v-tippy="{
-              placement="top-end"
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
+              {{ item.title }}
-            </el-tooltip>
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>

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
+            <span
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
+              v-tippy="{
-              placement="top-end"
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
+              {{ item.title }}
-            </el-tooltip>
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>