style: 调整element,popover组件弹出效果

nezha-fronted/src/components/charts/chart-alert-list.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">

nezha-fronted/src/components/charts/chart-table.vue

@@ -13,7 +13,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div>{{errorContent}}</div>
             <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">

nezha-fronted/src/components/charts/chartPreview.vue

@@ -53,7 +53,7 @@
         v-if="isError"
         placement="top-start"
         :close-delay=10
-        trigger="click"
+        trigger="hover"
         popper-class="chart-error-popper">
         <div >{{errorContent}}</div>
         <span slot="reference"  class="panel-info-corner panel-info-corner--error">

nezha-fronted/src/components/charts/line-chart-block.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
@@ -25,7 +25,7 @@
               v-if="seriesItem.length!==seriesItemArr.length"
               placement="top-start"
               :close-delay=10
-              trigger="click"
+              trigger="hover"
               popper-class="chart-warring-popper">
             <div class="moreTitle">{{$t('dashboard.panel.moreTitle')}}{{$t('dashboard.panel.showAll')}}{{seriesItem.length}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error"  @click="loadMore">
@@ -126,7 +126,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference"  class="panel-info-corner panel-info-corner--error">
@@ -139,7 +139,7 @@
               v-if="seriesItemScreen.length!==seriesItemArrScreen.length"
               placement="top-start"
               :close-delay=10
-              trigger="click"
+              trigger="hover"
               popper-class="chart-warring-popper">
             <div class="moreTitle">{{$t('dashboard.panel.moreTitle')}}{{$t('dashboard.panel.showAll')}}{{seriesItemScreen.length}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error"  @click="loadScreenMore">

nezha-fronted/src/components/charts/logs.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
@@ -97,7 +97,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="click"
+            trigger="hover"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference"  class="panel-info-corner panel-info-corner--error">

nezha-fronted/src/components/cli/webSSH.vue

@@ -64,7 +64,7 @@
               slot="label"
               placement="top"
               width="150"
-              trigger="click"
+              trigger="hover"
               :popper-class="'popover-webshell'"
             >
             <div>
@@ -84,7 +84,7 @@
             slot="label"
             placement="bottom-start"
             width="150"
-            trigger="click"
+            trigger="hover"
             :popper-class="'popover-webshell'"
           >
             <div>

nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue

@@ -79,7 +79,7 @@
         :show-overflow-tooltip="true"
         :label="$t('project.endpoint.element')">
         <template v-slot="scope">
-          <el-popover trigger="click" placement="right" v-if="typeof scope.row.metricTip != 'undefined' && scope.row.metricTip != null">
+          <el-popover trigger="hover" placement="right" v-if="typeof scope.row.metricTip != 'undefined' && scope.row.metricTip != null">
             <div>
               <ul>
                 <li><span class="metirc-tip-list">metric&nbsp;:&nbsp;</span><span>{{scope.row.metricTip.metric?scope.row.metricTip.metric:'&#45;&#45;'}}</span></li>

nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue

@@ -111,7 +111,7 @@
           </div>
           <span v-else-if="item.prop === 'lastUpdate'">{{dateFormat(scope.row.lastUpdate)}}</span>
           <span v-else-if="item.prop === 'state'" >
-            <el-popover placement="right" trigger="click" :content="getStateContent(scope.row)" popper-class="small-pop">
+            <el-popover placement="right" trigger="hover" :content="getStateContent(scope.row)" popper-class="small-pop">
               <div slot="reference" style="width: 20px">
                 <div :class="{'active-icon green':scope.row.state == '1','active-icon red':scope.row.state == '0', 'active-icon gray':scope.row.state == '2'}"></div>
               </div>

nezha-fronted/src/components/common/table/special/endpointQueryTab.vue

@@ -24,7 +24,7 @@
         :show-overflow-tooltip="true"
         :label="$t('project.endpoint.element')">
         <template v-slot="scope">
-          <el-popover trigger="click" placement="right" v-if="typeof scope.row.metricTip != 'undefined' && scope.row.metricTip != null">
+          <el-popover trigger="hover" placement="right" v-if="typeof scope.row.metricTip != 'undefined' && scope.row.metricTip != null">
             <div>
               <ul>
                 <li><span class="metirc-tip-list">metric&nbsp;:&nbsp;</span><span>{{scope.row.metricTip.metric?scope.row.metricTip.metric:'&#45;&#45;'}}</span></li>