From 618cd667fcc9ac7381029b54a4842b7f06158ff4 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 27 Mar 2025 16:02:03 +0800
Subject: [PATCH] feat: row, col component

---
 .../seal-table/components/layout.tsx          | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/seal-table/components/layout.tsx

diff --git a/src/components/seal-table/components/layout.tsx b/src/components/seal-table/components/layout.tsx
new file mode 100644
index 00000000..cc1a0e41
--- /dev/null
+++ b/src/components/seal-table/components/layout.tsx
@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+
+const Row = styled.div.attrs<{ className?: string }>((props) => ({
+  className: props.className
+}))`
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+`;
+
+const Col = styled.div<{
+  $width?: string | number;
+  $align?: string;
+  $flexBasis?: string | number;
+  $maxWidth?: string | number;
+}>`
+  flex: ${(props) => (props.$width ? 'none' : 1)};
+  display: flex;
+  justify-content: ${(props) => props.$align || 'flex-start'};
+  align-items: center;
+  width: ${({ $width }) =>
+    $width ? (typeof $width === 'number' ? `${$width}px` : $width) : '10px'};
+  ${({ $flexBasis }) => ($flexBasis ? `flex-basis: ${$flexBasis};` : '')}
+  ${({ $maxWidth }) => ($maxWidth ? `max-width: ${$maxWidth};` : '')}
+`;
+
+export { Col, Row };