NEZ-1079 perf: 将各处列表、dashboard等页面中多处下拉框的弹出触发方式统一为点击触发

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

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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-bar-statistics.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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/chart-detail.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay="10"
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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-pie.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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/chart-single-stat.vue

@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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/chart-table.vue

@@ -13,7 +13,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             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="hover"
+        trigger="click"
         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="hover"
+            trigger="click"
             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="hover"
+              trigger="click"
               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="hover"
+            trigger="click"
             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="hover"
+              trigger="click"
               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="hover"
+            trigger="click"
             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="hover"-->
+<!--              trigger="click"-->
 <!--              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&#45;&#45;error"  @click="loadMore">-->
@@ -97,7 +97,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="hover"
+            trigger="click"
             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="hover"
+              trigger="click"
               :popper-class="'popover-webshell'"
             >
             <div>
@@ -84,7 +84,7 @@
             slot="label"
             placement="bottom-start"
             width="150"
-            trigger="hover"
+            trigger="click"
             :popper-class="'popover-webshell'"
           >
             <div>

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="hover" :content="getStateContent(scope.row)" popper-class="small-pop">
+            <el-popover placement="right" trigger="click" :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/detailView/list/alertRule/alertRuleDetail.vue

@@ -29,7 +29,7 @@
           style="position: relative"
           @show="alertMessageHover(item, true)"
           @hide="alertMessageHover(item, false)"
-          trigger="hover">
+          trigger="click">
           <alertRuleInfo v-if="item.loading" :id="item.id" :severity-data="severityData" :that="item" @showText="showText(item)"></alertRuleInfo>
           <div class="detail-row-info" slot="reference">
           <div class="asset-manageIp">

nezha-fronted/src/components/common/pickTime.vue

@@ -8,7 +8,7 @@
         <i class="global-active-color nz-icon nz-icon-refresh" style="font-size: 14px"></i>&nbsp;
         <span><slot name="added-text"></slot></span>
       </button>
-      <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)">
+      <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @click="dropdownHandler(dropdownShow)">
         <span class="select-refresh-time-label" v-if="interval !== -1">{{interLabel}}</span>
         <i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i>
         <transition name="el-zoom-in-top">
@@ -120,13 +120,10 @@ export default {
       }
     },
     dropdownHandler (show) {
-      if (show) {
-        clearTimeout(timeout)
+      if (!show) {
         this.dropdownShow = true
       } else {
-        timeout = setTimeout(() => {
         this.dropdownShow = false
-        }, 700)
       }
     },
     getIntervalData (interval) { // interval:结束时间到现在的秒数

nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue

@@ -23,7 +23,7 @@
               <span>
                 <el-popover
                   placement="right"
-                  trigger="hover"
+                  trigger="click"
                   :content="node.label">
                   <span slot="reference">{{ node.label }}</span>
                 </el-popover>

nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dropdown :size="size">
+  <el-dropdown trigger="click" :size="size">
     <button id="more" :class="triggerButtonClass" title="more...">
       <i class="nz-icon nz-icon-more2"></i>
     </button>

nezha-fronted/src/components/common/project/L5/CanvasProps.vue

@@ -251,7 +251,7 @@
                   <template>
                     <el-col class="legend-title">
                       {{ $t('dashboard.panel.chartForm.legend') }}&nbsp;
-                      <el-popover placement="top" trigger="hover" width="211">
+                      <el-popover placement="top" trigger="click" width="211">
                         <div style="word-break:keep-all;">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
                         <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"
                            @mouseover="rz"></i>

nezha-fronted/src/components/common/rightBox/asset/assetBox.vue

@@ -241,7 +241,7 @@
                 </span>
                 <el-popover
                   placement="right"
-                  trigger="hover"
+                  trigger="click"
                   :content="$t('asset.talonPrompt')">
                   <i slot="reference" class="nz-icon nz-icon-about"></i>
                 </el-popover>

nezha-fronted/src/components/common/table/alert/alertMessageTable.vue

@@ -43,7 +43,7 @@
               style="position: relative"
               @show="alertMessageHover(scope.row.alertRule, true)"
               @hide="alertMessageHover(scope.row.alertRule, false)"
-              trigger="hover">
+              trigger="click">
               <alertRuleInfo v-if="scope.row.alertRule.loading" :id="scope.row.alertRule.id" :severity-data="severityData" :that="scope.row.alertRule" @showText="$emit('showText',scope.row)"></alertRuleInfo>
               <span slot="reference" class="data-column__span">{{scope.row.alertRule?scope.row.alertRule.name : '--'}}</span>
             </el-popover>
@@ -113,7 +113,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="scope.row.alertRule&&scope.row.alertRule.type !== 3" class="table-operation-item" @click="$emit('messageDetail', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown v-has="['alertMessage_expired']" size="medium" trigger="hover" @command="tableOperation">
+        <el-dropdown v-has="['alertMessage_expired']" size="medium" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/alert/alertRuleTable.vue

@@ -63,7 +63,7 @@
         <template v-else-if="item.prop === 'state'">
           <el-popover
             placement="right"
-            trigger="hover"
+            trigger="click"
             :open-delay="300"
             :width="225"
             popper-class="schedEnableTitle"
@@ -120,7 +120,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="queryMessage(scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['alertRule_edit','alertRule_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['alertRule_edit','alertRule_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue

@@ -90,7 +90,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button :class="{'table-operation-item--disable': scope.row.state === 3}" class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state === 3"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/asset/assetMetaTable.vue

@@ -69,7 +69,7 @@
       <div slot-scope="scope" class="table-operation-items">
 <!--        <button class="table-operation-item" @click.stop><i class="nz-icon nz-icon-view1"></i></button>-->
         <button class="table-operation-item" @click.stop="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['asset_label_edit','asset_label_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['asset_label_edit','asset_label_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/asset/assetTable.vue

@@ -118,7 +118,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="assetTab"  class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
         <button v-else class="table-operation-item" @click="$emit('showBottomBox', 'panelTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['asset_edit','asset_connect','asset_add','asset_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['asset_edit','asset_connect','asset_add','asset_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/nzDataList.vue

@@ -20,6 +20,7 @@
             </button>
             <el-dropdown
               type="primary"
+              trigger="click"
               v-if="showLayout.indexOf('detailViewSet') > -1"
               class="margin-l-5"
               @command="changeDetailType">
@@ -27,7 +28,7 @@
                       type="button">
                 <i class="nz-icon nz-icon-list-view" />
               </button>
-              <el-dropdown-menu slot="dropdown"  class="right-public-box-dropdown-top">
+              <el-dropdown-menu slot="dropdown"  class="right-public-box-dropdown-top right-public-box-select-top">
                 <el-dropdown-item :command="'list'" :class="detailType === 'list' ? 'active' : ''">{{$t('asset.detail.list')}}</el-dropdown-item>
                 <el-dropdown-item :command="'view'" :class="detailType === 'view' ? 'active' : ''">{{$t('asset.detail.detail')}}</el-dropdown-item>
               </el-dropdown-menu>

nezha-fronted/src/components/common/table/settings/agentTable.vue

@@ -41,7 +41,7 @@
               </span>
         <span v-else-if="item.prop === 'checkTime'">{{utcTimeToTimezoneStr(scope.row[item.prop])}}</span>
         <span v-else-if="item.prop === 'status'">
-          <el-popover :content="$t('asset.assetStatPre')+(scope.row.checkTime?utcTimeToTimezoneStr(scope.row.checkTime):$t('asset.assetStatDown'))" placement="right" trigger="hover" width="200">
+          <el-popover :content="$t('asset.assetStatPre')+(scope.row.checkTime?utcTimeToTimezoneStr(scope.row.checkTime):$t('asset.assetStatDown'))" placement="right" trigger="click" width="200">
             <div slot="reference" style="width: 20px">
               <div :class="{'active-icon green-bg':scope.row[item.prop] == '1','active-icon red-bg':scope.row[item.prop] == '0' || scope.row[item.prop] == '-1' || scope.row[item.prop] == '-2'}"></div>
             </div>
@@ -58,7 +58,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'agent_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['agent_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['agent_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/assetTypeTable.vue

@@ -72,7 +72,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['assetType_edit','assetType_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['assetType_edit','assetType_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
            <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/cabinetTable.vue

@@ -39,7 +39,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['dc_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['dc_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/chartTmplTable.vue

@@ -51,7 +51,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('panel', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['panel_chart_edit','panel_chart_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['panel_chart_edit','panel_chart_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/credentialsTable.vue

@@ -73,7 +73,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'credential_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['credential_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['credential_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/dcTable.vue

@@ -88,7 +88,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['dc_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['dc_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/endpointTable.vue

@@ -119,7 +119,7 @@
           </el-tooltip>
         </template>
         <template v-else-if="item.prop === 'state'">
-          <el-popover placement="left" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[0].state<2">
+          <el-popover placement="left" trigger="click" width="100" :popper-class="''" :disabled="scope.row.configs[0].state<2">
             <div>
               <div v-html="suspendedStr(scope.row.configs[0].state)"></div>
             </div>
@@ -136,7 +136,7 @@
               </span>
             </span>
           </el-popover>
-          <el-popover placement="right" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[1].state<2">
+          <el-popover placement="right" trigger="click" width="100" :popper-class="''" :disabled="scope.row.configs[1].state<2">
             <div>
               <div v-html="suspendedStr(scope.row.configs[1].state)"></div>
             </div>
@@ -170,7 +170,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="endpointTab"  class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
         <button v-else class="table-operation-item"  @click="$emit('showBottomBox', 'panelTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_endpoint_edit','monitor_endpoint_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_endpoint_edit','monitor_endpoint_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/exprTmplTable.vue

@@ -45,7 +45,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  v-has="'expressionTemplate_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['expressionTemplate_add','expressionTemplate_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['expressionTemplate_add','expressionTemplate_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/menuTable.vue

@@ -62,7 +62,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  v-has="'monitor_module_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_module_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_module_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/mibTable.vue

@@ -42,7 +42,7 @@
           <div style="height: 100%">
             <div style="height: 100%; overflow: auto;">
               <div v-for="(n,i) in scope.row['modelsDetail']" :key="n.name+'-'+n.id+'-'+i" class="detail-item-content">
-                <el-popover placement="top" trigger="hover" >
+                <el-popover placement="top" trigger="click" >
                   <div>
                     <div>
                       <span>{{$t('overall.name')}}:</span>
@@ -78,7 +78,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" title="Download" @click="downloadMib(scope.row)"><i class="nz-icon nz-icon-download"></i></button>
-        <el-dropdown size="medium" v-has="['snmp_mibFile_edit','snmp_mibFile_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['snmp_mibFile_edit','snmp_mibFile_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/modelTable.vue

@@ -63,7 +63,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
 <!--        <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>-->
-        <el-dropdown size="medium" v-has="['model_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['model_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/moduleTable.vue

@@ -67,7 +67,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  @click="showBottomBox('endpoint', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_module_edit','monitor_module_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_module_edit','monitor_module_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/projectTable.vue

@@ -67,7 +67,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="changeProjectTopo(scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['project_edit','project_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['project_edit','project_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/roleTable.vue

@@ -53,7 +53,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'role_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['role_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['role_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/common/table/settings/terminalLogTable.vue

@@ -43,7 +43,7 @@
           <el-popover
             placement="right-start"
             width="200"
-            trigger="hover"
+            trigger="click"
             :content="scope.row.uuid">
             <span slot="reference">{{scope.row.uuid.substring(0, 8).toUpperCase()}}</span>
           </el-popover>
@@ -81,7 +81,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <template v-if="scope.row.status == 0">
           <button :title="$t('config.terminallog.monitor.monitor')" class="table-operation-item" @click="showBottomBox('monitorTab', scope.row)"><i class="nz-icon nz-icon-JC"></i></button>
-          <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+          <el-dropdown size="medium" trigger="click" @command="tableOperation">
             <div class="table-operation-item table-operation-item--more">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
@@ -92,7 +92,7 @@
         </template>
         <template v-else>
           <button class="table-operation-item" @click="showBottomBox('cmdTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-          <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+          <el-dropdown size="medium" trigger="click" @command="tableOperation">
             <div class="table-operation-item table-operation-item--more">
               <i class="nz-icon nz-icon-more3"></i>
             </div>

nezha-fronted/src/components/common/table/settings/userTable.vue

@@ -80,7 +80,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['user_edit','user_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['user_edit','user_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>

nezha-fronted/src/components/layout/header.vue

@@ -5,7 +5,7 @@
       <el-breadcrumb-item v-for="crumb in breadcrumb" :key="crumb.code">{{$t(crumb.i18n)}}</el-breadcrumb-item>
     </el-breadcrumb>
     <div class="header-menu">
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="header-menu__item"><i class="nz-icon nz-icon-more-app"></i></div>
         <el-dropdown-menu slot="dropdown" class="right-public-box-select-top right-public-box-dropdown-top">
           <el-dropdown-item v-for="(item, index) in linkData" :key="index" :index="'0-' + index" v-if="linkData.length">
@@ -19,21 +19,21 @@
           </div>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-dropdown-menu></el-dropdown-menu>
         <div id="header-open-cli" @click="cli">
           <div class="header-menu__item"><i class="nz-icon nz-icon-terminal"></i></div>
           <span v-show="$store.state.consoleCount>0" class="right-tip">{{$store.state.consoleCount<=10?$store.state.consoleCount:'10+'}}</span>
         </div>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-dropdown-menu></el-dropdown-menu>
         <div class="header-menu__item" @click="showGuide = true"><i class="nz-icon nz-icon-guide"></i></div>
       </el-dropdown>
     </div>
     <!--个人操作-->
     <div class="personal">
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="header-menu--item">
           <i class="nz-icon nz-icon-language-change"></i>
         </div>
@@ -46,7 +46,7 @@
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="personal-avatar"><span>{{name.substr(0, 1)}}</span>&nbsp;<i class="nz-icon nz-icon-arrow-down"></i></div>
         <el-dropdown-menu  style="width: 142px" class="right-public-box-select-top right-public-box-dropdown-top" slot="dropdown">
           <div class="personal-dropdown">

nezha-fronted/src/components/page/asset/components/operation.vue

@@ -12,7 +12,7 @@
         class="nz-icon nz-icon-delete"></i>
               </span>
       &nbsp;
-      <el-dropdown v-has="'asset_connect'" trigger="hover" @command="cli">
+      <el-dropdown v-has="'asset_connect'" trigger="click" @command="cli">
         <span :id="'asset-ssh-'+row.id" class="content-right-option" title="CLI"><i
           :class="{'gray-filter': !row.accounts || row.accounts.length === 0 || (row.accounts.length === 1 && row.accounts.find(t => t.protocol === 'SNMP'))}" class="nz-icon nz-icon-cli"></i>
         </span>

nezha-fronted/src/components/page/asset/components/ping.vue

@@ -2,7 +2,7 @@
   <el-popover
     :content="formatPingTime(model.pingLastUpdate)"
     placement="bottom"
-    trigger="hover"
+    trigger="click"
     width="200"
   >
     <div slot="reference" style="width: 100%">

nezha-fronted/src/components/page/asset/endpointStatusPop.vue

@@ -36,7 +36,7 @@
                     <div :key="index" class="inner-row">
                       <div class="inner-col left">ID：{{item.id}}</div>
                       <div class="inner-col right">
-                        <el-popover placement="right"  width="50" trigger="hover" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
+                        <el-popover placement="right"  width="50" trigger="click" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
                           <div slot="reference" style="width: 20px">
                             <div @mouseover="resetZIndex($event)" :class="{'active-icon green':item.state == 1,'active-icon red':item.state == 0}"></div>
                           </div>

nezha-fronted/src/components/page/config/assetState.vue

@@ -92,7 +92,7 @@
             <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
             <div slot-scope="scope" class="table-operation-items">
               <button class="table-operation-item" @click="$refs.dataList.showBottomBox('operationLog', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-              <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+              <el-dropdown size="medium" trigger="click" @command="tableOperation">
                 <div class="table-operation-item table-operation-item--more">
                   <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>
                 </div>

nezha-fronted/src/components/page/config/profile.vue

@@ -9,7 +9,7 @@
           <el-popover
             placement="right-start"
             style="line-height: .1;"
-            trigger="hover"
+            trigger="click"
             :content="userList.name">
             <div slot="reference">
               <span :class="(mfaEnable == '1' || mfaLevel > 0)?'MfaName':'name'">
@@ -20,7 +20,7 @@
           </el-popover>
           <el-popover
             placement="right-start"
-            trigger="hover"
+            trigger="click"
             :content="'@' + userList.username">
             <div slot="reference">
               <span :class="(mfaEnable == '1' || mfaLevel > 0)?'MfaName':'name'">

nezha-fronted/src/components/page/config/system/linkTable.vue

@@ -66,7 +66,7 @@
           </template>
           <template v-else>
             <button class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-            <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+            <el-dropdown size="medium" trigger="click" @command="tableOperation">
               <div class="table-operation-item table-operation-item--more">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>

nezha-fronted/src/components/page/config/system/notifyMethodTable.vue

@@ -76,7 +76,7 @@
           </template>
           <template v-else>
             <button :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-            <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+            <el-dropdown size="medium" trigger="click" @command="tableOperation">
               <div class="table-operation-item table-operation-item--more">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>

nezha-fronted/src/components/page/dashboard/chartBox.vue

@@ -406,7 +406,7 @@
               <el-row style="margin-top: 18px">
                 <el-col class="legend-title">
                   {{$t('dashboard.panel.chartForm.legend')}}&nbsp;
-                  <el-popover placement="top" trigger="hover" width="211">
+                  <el-popover placement="top" trigger="click" width="211">
                     <div style="word-break:keep-all;">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
                     <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
                   </el-popover>
@@ -429,7 +429,7 @@
           <div v-if="editChart.type == 'singleStat'||editChart.type == 'table'" class="form__sub-title">
           <span>
             {{$t('dashboard.panel.chartForm.valMapping.name')}}
-            <el-popover  placement="top" trigger="hover" width="275">
+            <el-popover  placement="top" trigger="click" width="275">
               <div style="white-space: pre-wrap;">{{$t('dashboard.panel.chartForm.valueMappingTip')}}</div>
               <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
             </el-popover>

nezha-fronted/src/components/page/dashboard/chartMetric.vue

@@ -260,7 +260,7 @@
       <el-row :gutter="4">
         <el-col :span="4">
           {{$t('dashboard.panel.chartForm.legend')}}&nbsp;
-          <el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="hover">
+          <el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="click">
             <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 12px; -webkit-transform:scale(0.75);display:inline-block;" @mouseover="resetZIndex"></i>
           </el-popover>
         </el-col>

nezha-fronted/src/components/page/dashboard/overview/overview2.vue

@@ -201,7 +201,7 @@
             <span>{{$t("dashboard.overview.alert.moduleTopN")}}</span>
             <!--<span> <el-input v-model="col"  size="small"/></span>-->
             <!--<span> <el-input v-model="length" size="small"/></span>-->
-            <!--<el-dropdown trigger="hover" :show-timeout="0" size="small">
+            <!--<el-dropdown trigger="click" :show-timeout="0" size="small">
               <span>Top&nbsp;{{topFilter.rule}}<i class="nz-icon nz-icon-arrow-down el-icon&#45;&#45;right"></i></span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item v-for="(item,index) in topFilter.optionals" :key="index" @click.native="topNChange('rule', item)">{{item}}</el-dropdown-item>