From acfc1fc942ad31e07652dc063d7e443871958cdc Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 21 May 2024 16:01:36 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=20tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/theme/element-extra.css                            | 4 ++--
 .../Apps/ChatAi/components/ChitChat/ChatMessage.vue       | 2 +-
 src/components/Cards/RelationCard/index.vue               | 2 +-
 src/components/DataActions/index.vue                      | 6 +++---
 .../el-form-renderer/components/render-form-item.vue      | 2 +-
 src/components/Form/FormFields/CodeEditor.vue             | 6 +++---
 src/components/Table/ListTable/TableAction/RightSide.vue  | 2 +-
 src/components/Table/TableFormatters/AmountFormatter.vue  | 2 +-
 src/components/Table/TableFormatters/ChoicesFormatter.vue | 2 +-
 src/components/Table/TableFormatters/StatusFormatter.vue  | 2 +-
 src/components/Widgets/Term/index.vue                     | 2 +-
 src/layout/components/NavHeader/ViewSwitcher.vue          | 2 +-
 src/layout/components/NavHeader/index.vue                 | 8 ++++----
 src/layout/components/Page/index.vue                      | 2 +-
 src/layout/components/TabPage/index.vue                   | 2 +-
 .../Asset/AssetDetail/components/PermUserGroupCard.vue    | 2 +-
 src/views/dashboard/components/Title.vue                  | 2 +-
 .../perms/AssetPermission/components/AccountFormatter.vue | 2 +-
 src/views/settings/Tool/Base.vue                          | 4 ++--
 19 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/public/theme/element-extra.css b/public/theme/element-extra.css
index eed55f352..ff9af3db2 100644
--- a/public/theme/element-extra.css
+++ b/public/theme/element-extra.css
@@ -92,8 +92,8 @@
 
 
 td .el-button.el-button--mini {
-  padding: 3px 6px;
-  line-height: 1.5;
+  padding: 1px 6px;
+  line-height: 1;
 
   .el-icon--right {
       margin-bottom: 2px;
diff --git a/src/components/Apps/ChatAi/components/ChitChat/ChatMessage.vue b/src/components/Apps/ChatAi/components/ChitChat/ChatMessage.vue
index 1da9ad0cb..955220885 100644
--- a/src/components/Apps/ChatAi/components/ChitChat/ChatMessage.vue
+++ b/src/components/Apps/ChatAi/components/ChitChat/ChatMessage.vue
@@ -22,7 +22,7 @@
           <el-tooltip
             v-if="isSystemError && isLoading"
             :content="$tc('Reconnect')"
-            open-delay="500"
+            :open-delay="500"
             placement="top"
           >
             <svg-icon icon-class="refresh" @click="onRefresh" />
diff --git a/src/components/Cards/RelationCard/index.vue b/src/components/Cards/RelationCard/index.vue
index dcd2d13f5..63fbc802e 100644
--- a/src/components/Cards/RelationCard/index.vue
+++ b/src/components/Cards/RelationCard/index.vue
@@ -17,7 +17,7 @@
       <template v-if="showHasObjects">
         <tr v-for="obj of iHasObjects" :key="obj.value" class="item">
           <td style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
-            <el-tooltip :content="obj.label" effect="dark" open-delay="500" placement="left" style="margin: 4px;">
+            <el-tooltip :content="obj.label" :open-delay="500" effect="dark" placement="left" style="margin: 4px;">
               <b>{{ obj.label }}</b>
             </el-tooltip>
           </td>
diff --git a/src/components/DataActions/index.vue b/src/components/DataActions/index.vue
index 8ac09bf9d..e013f8bcf 100644
--- a/src/components/DataActions/index.vue
+++ b/src/components/DataActions/index.vue
@@ -29,7 +29,7 @@
             >
               {{ option.group }}
             </div>
-            <el-tooltip :key="option.name" :content="option.tip" :disabled="!option.tip" open-delay="500" placement="top">
+            <el-tooltip :key="option.name" :content="option.tip" :disabled="!option.tip" :open-delay="500" placement="top">
               <el-dropdown-item
                 :key="option.name"
                 :command="[option, action]"
@@ -56,7 +56,7 @@
         v-bind="{...cleanButtonAction(action), icon: action.icon && action.icon.startsWith('el-') ? action.icon : ''}"
         @click="handleClick(action)"
       >
-        <el-tooltip :content="action.tip" :disabled="!action.tip" :open-delay="500" placement="top">
+        <el-tooltip ::open-delay="500" :content="action.tip" :disabled="!action.tip" placement="top">
           <span>
             <span v-if="action.icon && !action.icon.startsWith('el-')" style="vertical-align: initial">
               <i v-if="action.icon.startsWith('fa')" :class="'fa ' + action.icon" />
@@ -246,7 +246,7 @@ export default {
   }
 
   ::v-deep .action-item.el-dropdown .el-button {
-    padding: 3px 6px;
+    //padding: 3px 6px;
     background-color: #E8F7F4;
     color: #1ab394;
 
diff --git a/src/components/Form/DataForm/components/el-form-renderer/components/render-form-item.vue b/src/components/Form/DataForm/components/el-form-renderer/components/render-form-item.vue
index ef2d64182..8be3d8617 100755
--- a/src/components/Form/DataForm/components/el-form-renderer/components/render-form-item.vue
+++ b/src/components/Form/DataForm/components/el-form-renderer/components/render-form-item.vue
@@ -9,7 +9,7 @@
   >
     <template v-if="data.label" #label>
       <span>{{ data.label }}</span>
-      <el-tooltip v-if="data.helpTip" effect="dark" open-delay="500" placement="right" popper-class="help-tips">
+      <el-tooltip v-if="data.helpTip" :open-delay="500" effect="dark" placement="right" popper-class="help-tips">
         <div slot="content" v-html="data.helpTip" />
         <i class="fa fa-question-circle-o help-tip-icon" />
       </el-tooltip>
diff --git a/src/components/Form/FormFields/CodeEditor.vue b/src/components/Form/FormFields/CodeEditor.vue
index a2535b392..76daaf1a8 100644
--- a/src/components/Form/FormFields/CodeEditor.vue
+++ b/src/components/Form/FormFields/CodeEditor.vue
@@ -6,7 +6,7 @@
         :key="index"
         style="display: inline-block; margin: 0 2px"
       >
-        <el-tooltip :content="item.tip" :disabled="!item.tip" open-delay="500" placement="top">
+        <el-tooltip :content="item.tip" :disabled="!item.tip" :open-delay="500" placement="top">
           <el-button
             v-if="item.type ==='button' && !item.isVisible"
             :type="item.el&&item.el.type"
@@ -93,7 +93,7 @@
       </div>
 
       <div v-if="toolbar.hasOwnProperty('fold')" class="fold">
-        <el-tooltip :content="$tc('MoreActions')" open-delay="500" placement="top">
+        <el-tooltip :content="$tc('MoreActions')" :open-delay="500" placement="top">
           <i
             :class="[isFold ? 'fa-angle-double-right': 'fa-angle-double-down']"
             class="fa"
@@ -108,7 +108,7 @@
           :key="index"
           style="display: inline-block"
         >
-          <el-tooltip :content="item.tip" open-delay="500">
+          <el-tooltip :content="item.tip" :open-delay="500">
             <el-button
               v-if="item.type ==='button'"
               :disabled="item.disabled"
diff --git a/src/components/Table/ListTable/TableAction/RightSide.vue b/src/components/Table/ListTable/TableAction/RightSide.vue
index c0c8fc3f9..5aa706e72 100644
--- a/src/components/Table/ListTable/TableAction/RightSide.vue
+++ b/src/components/Table/ListTable/TableAction/RightSide.vue
@@ -148,7 +148,7 @@ export default {
 
   ::v-deep .el-button {
     border: none;
-    padding: 5px;
+    padding: 7px;
     font-size: 14px;
     color: var(--color-icon-primary);
     background-color: transparent;
diff --git a/src/components/Table/TableFormatters/AmountFormatter.vue b/src/components/Table/TableFormatters/AmountFormatter.vue
index e59f0f207..80ef80503 100644
--- a/src/components/Table/TableFormatters/AmountFormatter.vue
+++ b/src/components/Table/TableFormatters/AmountFormatter.vue
@@ -2,8 +2,8 @@
   <DetailFormatter :col="col" :row="row">
     <template>
       <el-popover
+        ::open-delay="500"
         :disabled="!showItems"
-        :open-delay="500"
         :title="title"
         placement="top-start"
         trigger="hover"
diff --git a/src/components/Table/TableFormatters/ChoicesFormatter.vue b/src/components/Table/TableFormatters/ChoicesFormatter.vue
index 71c87f288..5ec0a8a4d 100644
--- a/src/components/Table/TableFormatters/ChoicesFormatter.vue
+++ b/src/components/Table/TableFormatters/ChoicesFormatter.vue
@@ -1,6 +1,6 @@
 <template>
   <span>
-    <el-tooltip v-if="shown" :disabled="!formatterArgs.hasTips" effect="dark" open-delay="500" placement="bottom">
+    <el-tooltip v-if="shown" :disabled="!formatterArgs.hasTips" :open-delay="500" effect="dark" placement="bottom">
       <div slot="content" v-html="tips" />
       <span :class="classes">
         <i v-if="formatterArgs.showIcon && icon" :class="'fa ' + icon" />
diff --git a/src/components/Table/TableFormatters/StatusFormatter.vue b/src/components/Table/TableFormatters/StatusFormatter.vue
index f02e8c301..de2034e3d 100644
--- a/src/components/Table/TableFormatters/StatusFormatter.vue
+++ b/src/components/Table/TableFormatters/StatusFormatter.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-tooltip v-if="formatterArgs.hasTips" effect="dark" open-delay="500" placement="bottom">
+    <el-tooltip v-if="formatterArgs.hasTips" :open-delay="500" effect="dark" placement="bottom">
       <div slot="content">
         <template v-if="tipsIsArray">
           <div v-for="tip of tips" :key="tip">
diff --git a/src/components/Widgets/Term/index.vue b/src/components/Widgets/Term/index.vue
index eb463a494..64f90afa0 100644
--- a/src/components/Widgets/Term/index.vue
+++ b/src/components/Widgets/Term/index.vue
@@ -6,7 +6,7 @@
         :key="index"
         style="display: inline-block"
       >
-        <el-tooltip :content="item.tip" open-delay="500">
+        <el-tooltip :content="item.tip" :open-delay="500">
           <el-button
             v-if="!item.isScrollButton || showScrollButton"
             size="mini"
diff --git a/src/layout/components/NavHeader/ViewSwitcher.vue b/src/layout/components/NavHeader/ViewSwitcher.vue
index 5ec15fb5a..e4b74ce6a 100644
--- a/src/layout/components/NavHeader/ViewSwitcher.vue
+++ b/src/layout/components/NavHeader/ViewSwitcher.vue
@@ -3,9 +3,9 @@
     v-model="iShowTip"
     :content="tipText"
     :manual="true"
+    :open-delay="500"
     class="item"
     effect="dark"
-    open-delay="500"
     placement="bottom-start"
   >
     <el-menu
diff --git a/src/layout/components/NavHeader/index.vue b/src/layout/components/NavHeader/index.vue
index 769010512..e71ff2e3a 100644
--- a/src/layout/components/NavHeader/index.vue
+++ b/src/layout/components/NavHeader/index.vue
@@ -2,22 +2,22 @@
   <div class="navbar">
     <ul class="navbar-right">
       <li class="header-item header-icon">
-        <el-tooltip :content="$tc('SiteMessageList')" effect="dark" open-delay="500">
+        <el-tooltip :content="$tc('SiteMessageList')" :open-delay="500" effect="dark">
           <SiteMessages />
         </el-tooltip>
       </li>
       <li v-perms="['rbac.view_webterminal']" class="header-item header-icon">
-        <el-tooltip :content="$tc('WebTerminal')" effect="dark" open-delay="500">
+        <el-tooltip :content="$tc('WebTerminal')" :open-delay="500" effect="dark">
           <WebTerminal />
         </el-tooltip>
       </li>
       <li v-if="ticketsEnabled" class="header-item header-hover">
-        <el-tooltip :content="$tc('Ticket')" effect="dark" open-delay="500">
+        <el-tooltip :content="$tc('Ticket')" :open-delay="500" effect="dark">
           <Tickets />
         </el-tooltip>
       </li>
       <li v-perms="'settings.view_setting'" class="header-item header-icon">
-        <el-tooltip :content="$tc('SystemSetting')" effect="dark" open-delay="500">
+        <el-tooltip :content="$tc('SystemSetting')" :open-delay="500" effect="dark">
           <SystemSetting />
         </el-tooltip>
       </li>
diff --git a/src/layout/components/Page/index.vue b/src/layout/components/Page/index.vue
index ab0259e1e..af9a67710 100644
--- a/src/layout/components/Page/index.vue
+++ b/src/layout/components/Page/index.vue
@@ -14,7 +14,7 @@
       <slot name="title">
         <span style="padding-left: 10px">
           {{ iTitle }}
-          <el-tooltip v-if="helpTip" effect="dark" open-delay="500" placement="top" popper-class="help-tips">
+          <el-tooltip v-if="helpTip" :open-delay="500" effect="dark" placement="top" popper-class="help-tips">
             <div slot="content" class="page-help-content" v-html="helpTip" />
             <span>
               <el-button class="help-msg-btn">
diff --git a/src/layout/components/TabPage/index.vue b/src/layout/components/TabPage/index.vue
index 58d173517..f96003eaa 100644
--- a/src/layout/components/TabPage/index.vue
+++ b/src/layout/components/TabPage/index.vue
@@ -23,7 +23,7 @@
               <i v-if="item.icon" :class="item.icon" class="fa pre-icon " />
               {{ toSentenceCase(item.title) }}
               <slot :tab="item.name" name="badge" />
-              <el-tooltip v-if="item.helpTip" effect="dark" open-delay="500" placement="bottom" popper-class="help-tips">
+              <el-tooltip v-if="item.helpTip" :open-delay="500" effect="dark" placement="bottom" popper-class="help-tips">
                 <div slot="content" class="page-help-content" v-html="item.helpTip" />
                 <span>
                   <el-button class="help-msg-btn">
diff --git a/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue b/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
index af07e3ce5..2fb352fd6 100644
--- a/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
+++ b/src/views/assets/Asset/AssetDetail/components/PermUserGroupCard.vue
@@ -11,8 +11,8 @@
           <td>
             <el-tooltip
               :content="obj.label"
+              :open-delay="500"
               effect="dark"
-              open-delay="500"
               placement="left"
               style="margin: 4px;"
             >
diff --git a/src/views/dashboard/components/Title.vue b/src/views/dashboard/components/Title.vue
index 998680614..8f98768d8 100644
--- a/src/views/dashboard/components/Title.vue
+++ b/src/views/dashboard/components/Title.vue
@@ -4,8 +4,8 @@
     <el-tooltip
       v-if="hasTip"
       :content="config.tip"
+      :open-delay="500"
       effect="dark"
-      open-delay="500"
       placement="top"
     >
       <i class="fa fa-exclamation-circle icon" />
diff --git a/src/views/perms/AssetPermission/components/AccountFormatter.vue b/src/views/perms/AssetPermission/components/AccountFormatter.vue
index cdbcb80b5..d63780e58 100644
--- a/src/views/perms/AssetPermission/components/AccountFormatter.vue
+++ b/src/views/perms/AssetPermission/components/AccountFormatter.vue
@@ -9,7 +9,7 @@
           @change="handleCheckboxCheck(i, $event)"
         >
           {{ i.label }}
-          <el-tooltip :content="i.tip" open-delay="500" placement="top">
+          <el-tooltip :content="i.tip" :open-delay="500" placement="top">
             <i class="fa fa-question-circle-o" />
           </el-tooltip>
         </el-checkbox>
diff --git a/src/views/settings/Tool/Base.vue b/src/views/settings/Tool/Base.vue
index 446942290..b6a923e62 100644
--- a/src/views/settings/Tool/Base.vue
+++ b/src/views/settings/Tool/Base.vue
@@ -8,7 +8,7 @@
               <el-form-item :label="item.label" :prop="item.name" label-width="80px">
                 <template #label>
                   {{ item.label }}
-                  <el-tooltip v-if="item.tip" :content="item.tip" open-delay="500" placement="top">
+                  <el-tooltip v-if="item.tip" :content="item.tip" :open-delay="500" placement="top">
                     <i class="fa fa-question-circle-o" />
                   </el-tooltip>
                 </template>
@@ -27,7 +27,7 @@
           <el-form-item :label="field.label" :prop="field.name">
             <template #label>
               {{ field.label }}
-              <el-tooltip v-if="field.tip" :content="field.tip" open-delay="500" placement="top">
+              <el-tooltip v-if="field.tip" :content="field.tip" :open-delay="500" placement="top">
                 <i class="fa fa-question-circle-o" />
               </el-tooltip>
             </template>