From 246184545bc93dcea74def0a8c69106866d363ae Mon Sep 17 00:00:00 2001
From: zwkang <kang95630@gmail.com>
Date: Fri, 30 Sep 2022 16:11:22 +0800
Subject: [PATCH] feat(grid-item): explore grid-item to pass props

---
 src/grid/GridItem.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/grid/GridItem.tsx b/src/grid/GridItem.tsx
index 7912d84b..a363c89c 100644
--- a/src/grid/GridItem.tsx
+++ b/src/grid/GridItem.tsx
@@ -22,17 +22,21 @@ const getGridItemWidth = (column: number) => `${100 / column}%`;
 export interface GridItemProp extends TdGridItemProps, TdGridProps {}
 
 const GridItem: FC<GridItemProp> = (prop) => {
-  const { description, image, layout, text, badgeProps } = prop;
+  const { description, image, layout, text, badgeProps, ...resetProps } = prop;
 
   const { classPrefix } = useConfig();
   const { align, gutter, column, border } = useContext(GridContext);
 
   const name = `${classPrefix}-grid-item`;
 
-  const rootClass = useMemo(() => cls(name, {
-    [`${name}--bordered`]: border,
-    [`${classPrefix}-is-large`]: column <= 3,
-  }), [border, name, column, classPrefix]);
+  const rootClass = useMemo(
+    () =>
+      cls(name, {
+        [`${name}--bordered`]: border,
+        [`${classPrefix}-is-large`]: column <= 3,
+      }),
+    [border, name, column, classPrefix],
+  );
 
   const isHorizontal = useMemo(() => layout === 'horizontal', [layout]);
 
@@ -96,7 +100,7 @@ const GridItem: FC<GridItemProp> = (prop) => {
   );
 
   return (
-    <div className={rootClass} style={rootStyle}>
+    <div {...resetProps} className={rootClass} style={rootStyle}>
       {badgeProps ? <Badge {...badgeProps}>{gridItemImage}</Badge> : gridItemImage}
       <div className={`${name}__text`} style={textStyle}>
         <div className={`${name}__title`} style={titleStyle}>