From da5d342ef689df328df1f4487e69ad94e1e6cd78 Mon Sep 17 00:00:00 2001
From: xzdry <dry@xzdry.net>
Date: Mon, 5 Sep 2022 09:31:07 +0800
Subject: [PATCH] feat(arco/Table): add slot key

---
 .../arco-lib/src/components/Table/Table.tsx   | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/arco-lib/src/components/Table/Table.tsx b/packages/arco-lib/src/components/Table/Table.tsx
index 0e1515d6..1434b380 100644
--- a/packages/arco-lib/src/components/Table/Table.tsx
+++ b/packages/arco-lib/src/components/Table/Table.tsx
@@ -172,7 +172,7 @@ export const Table = implementRuntimeComponent({
     state: TableStateSpec,
     methods: {},
     slots: {
-      content: {
+      td: {
         slotProps: Type.Object({
           [LIST_ITEM_EXP]: Type.Any(),
           [LIST_ITEM_INDEX_EXP]: Type.Number(),
@@ -436,13 +436,19 @@ export const Table = implementRuntimeComponent({
                 id: `${component.id}_${childSchema.id}_${index}`,
               };
 
+              console.log('id', `${component.id}_${childSchema.id}_${index}`);
+
               /**
                * FIXME: temporary hack
                */
-              slotsElements.content?.({
-                [LIST_ITEM_EXP]: record,
-                [LIST_ITEM_INDEX_EXP]: index,
-              });
+              slotsElements.td?.(
+                {
+                  [LIST_ITEM_EXP]: record,
+                  [LIST_ITEM_INDEX_EXP]: index,
+                },
+                undefined,
+                `${childSchema.id}_${index}`
+              );
 
               colItem = (
                 <ImplWrapper
@@ -455,7 +461,11 @@ export const Table = implementRuntimeComponent({
                   evalListItem
                   slotContext={{
                     renderSet: new Set(),
-                    slotKey: formatSlotKey(_childrenSchema.id, 'td', `td_${index}`),
+                    slotKey: formatSlotKey(
+                      component.id,
+                      'td',
+                      `${childSchema.id}_${index}`
+                    ),
                   }}
                 />
               );