From a468e04bad1306b6f0cf2877291a3b02e8718f60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Chuailei000=E2=80=9D?= <2280131253@qq.com>
Date: Wed, 22 Mar 2023 15:00:48 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=8A=BD=E7=A6=BB=E5=85=AC=E5=85=B1?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E6=96=B9=E6=B3=95=EF=BC=9B=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=88=B6=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailCard/auto.vue            | 19 +++++++++++++++++--
 .../TableFormatters/ShowKeyCopyFormatter.vue  | 18 ++++--------------
 src/utils/common.js                           | 16 ++++++++++++++++
 3 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/components/DetailCard/auto.vue b/src/components/DetailCard/auto.vue
index a046d30e6..9def3b12d 100644
--- a/src/components/DetailCard/auto.vue
+++ b/src/components/DetailCard/auto.vue
@@ -4,7 +4,7 @@
 
 <script>
 import DetailCard from './index'
-import { toSafeLocalDateStr } from '@/utils/common'
+import { toSafeLocalDateStr, copy } from '@/utils/common'
 
 export default {
   name: 'AutoDetailCard',
@@ -46,6 +46,20 @@ export default {
     this.loading = false
   },
   methods: {
+    defaultFormatter(fields) {
+      const formatter = {}
+      for (const name of fields) {
+        formatter[name] = function(item, val) {
+          if (val === '-') {
+            return <span>{'-'}</span>
+          }
+          return (<span style={{ cursor: 'pointer' }} onClick={() => copy(val)}>
+            {val}
+          </span>)
+        }
+      }
+      return formatter
+    },
     async optionAndGenFields() {
       const data = await this.$store.dispatch('common/getUrlMeta', { url: this.url })
       const remoteMeta = data.actions['GET'] || {}
@@ -54,6 +68,7 @@ export default {
       const defaultExcludes = ['org_id']
       const excludes = (this.excludes || []).concat(defaultExcludes)
       fields = fields.filter(item => !excludes.includes(item))
+      const defaultFormatter = this.defaultFormatter(fields)
       for (const name of fields) {
         if (typeof name === 'object') {
           this.items.push(name)
@@ -125,7 +140,7 @@ export default {
         const item = {
           key: label,
           value: value,
-          formatter: this.formatters[name]
+          formatter: this.formatters[name] || defaultFormatter[name]
         }
         this.items.push(item)
       }
diff --git a/src/components/TableFormatters/ShowKeyCopyFormatter.vue b/src/components/TableFormatters/ShowKeyCopyFormatter.vue
index 994fa473a..3893074ac 100644
--- a/src/components/TableFormatters/ShowKeyCopyFormatter.vue
+++ b/src/components/TableFormatters/ShowKeyCopyFormatter.vue
@@ -33,6 +33,7 @@
 <script>
 import { downloadText } from '@/utils/common'
 import BaseFormatter from '@/components/TableFormatters/base'
+import { copy } from '@/utils/common'
 
 export default {
   name: 'ShowKeyCopyFormatter',
@@ -85,20 +86,9 @@ export default {
     onShow() {
       this.isShow = !this.isShow
     },
-    onCopy: _.throttle(function() {
-      const inputDom = document.createElement('input')
-      inputDom.id = 'createInputDom'
-      inputDom.value = this.cellValue
-      document.body.appendChild(inputDom)
-      inputDom.select()
-      document?.execCommand('copy')
-      this.$message({
-        message: this.$t('common.CopySuccess'),
-        type: 'success',
-        duration: 1400
-      })
-      document.body.removeChild(inputDom)
-    }, 1800),
+    onCopy() {
+      copy(this.cellValue)
+    },
     onDownload() {
       downloadText(this.cellValue, this.name + '.txt')
     }
diff --git a/src/utils/common.js b/src/utils/common.js
index 9a281baee..2c77a4fbe 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -1,4 +1,5 @@
 import i18n from '@/i18n/i18n'
+import { message } from '@/utils/message'
 const _ = require('lodash')
 const moment = require('moment')
 
@@ -362,4 +363,19 @@ export function diffObject(object, base) {
   })
 }
 
+export const copy = _.throttle(function(value) {
+  const inputDom = document.createElement('input')
+  inputDom.id = 'createInputDom'
+  inputDom.value = value
+  document.body.appendChild(inputDom)
+  inputDom.select()
+  document?.execCommand('copy')
+  message({
+    message: i18n.t('common.CopySuccess'),
+    type: 'success',
+    duration: 1000
+  })
+  document.body.removeChild(inputDom)
+}, 1400)
+
 export { BASE_URL }