mirrors/nocobase
1
0
Fork 0
mirror of https://github.com/nocobase/nocobase synced 2024-11-15 01:26:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(client): fix selected background color of table row (#5445)

Browse Source
This commit is contained in:
Junyi 2024-10-17 18:00:58 +08:00 committed by GitHub
parent 2061f702a8
commit 9f6b162782
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/core/client/src/schema-component/antd/table-v2/Table.tsx
View File

@ -476,18 +476,15 @@ export const Table: any = withDynamicSchemaProps(
const highlightRowCss = useMemo(() => {
return css`
& > td {
background-color: ${token.controlItemBgActiveHover} !important;
background-color: ${token.controlItemBgActive} !important;
}
&:hover > td {
background-color: ${token.controlItemBgActiveHover} !important;
}
`;
}, [token.controlItemBgActiveHover]);
}, [token.controlItemBgActive, token.controlItemBgActiveHover]);
const highlightRow = useMemo(
() => (onClickRow ? highlightRowCss : ''),
[onClickRow, token.controlItemBgActiveHover],
);
const highlightRow = useMemo(() => (onClickRow ? highlightRowCss : ''), [highlightRowCss, onClickRow]);
const onRow = useMemo(() => {
if (onClickRow) {
@ -581,7 +578,7 @@ export const Table: any = withDynamicSchemaProps(
const BodyCellComponent = useCallback(
(props) => {
const isIndex = props.className?.includes('selection-column');
const { record, schema, rowIndex } = props;
const { record, schema, rowIndex, ...others } = props;
const { ref, inView } = useInView({
threshold: 0,
triggerOnce: true,
@ -594,7 +591,7 @@ export const Table: any = withDynamicSchemaProps(
// fix the problem of blank rows at the beginning of a table block
if (rowIndex < 20) {
return (
<td {...props} className={classNames(props.className, cellClass)} style={style}>
<td {...others} className={classNames(props.className, cellClass)} style={style}>
{props.children}
</td>
);