From e89d1a0520dadbc1e31510ce7467a2b02e407fd5 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Fri, 24 Jan 2025 20:42:56 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96timeline=E4=B8=A2?=
 =?UTF-8?q?=E5=A4=B1=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/workflow/components/approval-timeline-item.vue  | 3 +--
 .../src/views/workflow/components/approval-timeline.vue       | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
index f6b26f7f..924de720 100644
--- a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
@@ -13,7 +13,6 @@ import { renderDict } from '#/utils/render';
 
 defineOptions({
   name: 'ApprovalTimelineItem',
-  inheritAttrs: false,
 });
 
 const props = defineProps<{ item: Flow }>();
@@ -42,7 +41,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <TimelineItem :key="item.id">
+  <TimelineItem>
     <template #dot>
       <div class="relative rounded-full border">
         <VbenAvatar
diff --git a/apps/web-antd/src/views/workflow/components/approval-timeline.vue b/apps/web-antd/src/views/workflow/components/approval-timeline.vue
index 0e344fcc..b469099e 100644
--- a/apps/web-antd/src/views/workflow/components/approval-timeline.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-timeline.vue
@@ -13,8 +13,8 @@ const props = defineProps<{
 <template>
   <Timeline v-if="props.list.length > 0">
     <ApprovalTimelineItem
-      v-for="(item, index) in props.list"
-      :key="index"
+      v-for="item in props.list"
+      :key="item.id"
       :item="item"
     />
   </Timeline>