feat: ota包仓库新增复制校验和

@@ -71,9 +71,7 @@ export const columns: BasicColumn[] = [
   {
     title: '校验和',
     dataIndex: PackageField.CHECK_SUM,
-    format(text, record) {
-      return text ? `${record[PackageField.CHECK_SUM_ALG]}: ${text.slice(0, 11)}` : '';
-    },
+    slots: { customRender: PackageField.CHECK_SUM },
     width: 120,
   },
   {

@@ -11,9 +11,11 @@
   import { useDrawer } from '/@/components/Drawer';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useDownload } from './hook/useDownload';
-  import { computed } from 'vue';
+  import { computed, unref } from 'vue';
   import { useSyncConfirm } from '/@/hooks/component/useSyncConfirm';
   import { Authority } from '/@/components/Authority';
+  import Icon from '/@/components/Icon';
+  import { useClipboard } from '@vueuse/core';
 
   const [register, { reload, getSelectRowKeys, getRowSelection, setSelectedRowKeys }] = useTable({
     columns,
@@ -100,6 +102,13 @@
       reload();
     } catch (error) {}
   };
+
+  const { copy, copied } = useClipboard({ legacy: true });
+  const handleCopy = (event: MouseEvent, text: string) => {
+    event.stopPropagation();
+    copy(text);
+    unref(copied) && createMessage.success('复制成功');
+  };
 </script>
 
 <template>
@@ -115,6 +124,15 @@
           </Button>
         </Authority>
       </template>
+      <template #checksum="{ text }">
+        <div
+          class="cursor-pointer flex gap-2 items-center"
+          @click="(event) => handleCopy(event, text)"
+        >
+          <div class="flex-auto truncate">{{ text }}</div>
+          <Icon v-if="text" icon="ant-design:copy-outlined" />
+        </div>
+      </template>
       <template #action="{ record }">
         <TableAction
           @click.stop