fix: detail reduction of UI (#1131)

packages/component/src/styles/theme.ts

@@ -17,7 +17,7 @@ export const getLightTheme = (
       primaryColor: '#6880FF',
       pageBackground: '#fff',
       hoverBackground: '#F1F3FF',
-      innerHoverBackground: '#E9E9EC',
+      innerHoverBackground: '#E0E6FF',
       popoverBackground: '#fff',
       tooltipBackground: '#6880FF',
       codeBackground: '#f2f5f9',

packages/component/src/ui/popper/Popper.tsx

@@ -151,7 +151,7 @@ export const Popper = ({
                   onPointerLeave={onPointerLeaveHandler}
                   style={popoverStyle}
                   className={popoverClassName}
-                  onClick={() => {
+                  onClick={e => {
                     if (hasClickTrigger && !visibleControlledByParent) {
                       setVisible(false);
                     }

packages/component/src/ui/table/TableCell.tsx

@@ -1,13 +1,6 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-
 import { TableCellProps } from './interface';
 import { StyledTableCell } from './styles';
-export const TableCell = ({
-  children,
-  ...props
-}: PropsWithChildren<
-  TableCellProps & HTMLAttributes<HTMLTableCellElement>
->) => {
+export const TableCell = ({ children, ...props }: TableCellProps) => {
   return <StyledTableCell {...props}>{children}</StyledTableCell>;
 };
 

packages/component/src/ui/table/index.ts

@@ -5,6 +5,7 @@
 // import TableRow from '@mui/material/TableRow';
 //
 
+export * from './interface';
 export * from './Table';
 export * from './TableBody';
 export * from './TableCell';

packages/component/src/ui/table/interface.ts

@@ -1,8 +1,9 @@
-import { CSSProperties } from 'react';
+import { CSSProperties, HTMLAttributes, PropsWithChildren } from 'react';
 
 export type TableCellProps = {
   align?: 'left' | 'right' | 'center';
   ellipsis?: boolean;
   proportion?: number;
   style?: CSSProperties;
-};
+} & PropsWithChildren &
+  HTMLAttributes<HTMLTableCellElement>;