chore: update

src/components/ReFlowChart/src/Control.vue

@@ -105,27 +105,24 @@ onMounted(() => {
         @mouseenter.prevent="onEnter(key)"
         @mouseleave.prevent="focusIndex = -1"
       >
-        <el-tooltip
+        <button
-          :content="item.text"
+          :ref="'controlButton' + key"
-          :visible="focusIndex === key"
+          v-tippy="{
-          placement="right"
+            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
+          <span
-            :ref="'controlButton' + key"
+            :class="'iconfont ' + item.icon"
-            :disabled="item.disabled"
+            :style="{ fontSize: `${item.size}px` }"
-            :style="{
+          />
-              cursor: item.disabled === false ? 'pointer' : 'not-allowed',
+        </button>
-              color: item.disabled === false ? '' : '#00000040',
-              background: 'transparent'
-            }"
-            @click="onControl(item, key)"
-          >
-            <span
-              :class="'iconfont ' + item.icon"
-              :style="{ fontSize: `${item.size}px` }"
-            />
-          </button>
-        </el-tooltip>
       </li>
     </ul>
   </div>

src/views/able/pdf.vue

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