fix: refine checkbox hover state and optimize segment selection logic
This commit is contained in:
parent
31b9b8ecc3
commit
f2c7bd8df8
@ -15,9 +15,9 @@ const Checkbox = ({ checked, onCheck, className, disabled, mixed }: CheckboxProp
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
'h-4 w-4 cursor-pointer rounded-[4px] border border-components-checkbox-border bg-components-checkbox-bg-unchecked shadow-xs hover:border-components-checkbox-border-hover hover:bg-components-checkbox-bg-unchecked-hover',
|
'h-4 w-4 cursor-pointer rounded-[4px] border border-components-checkbox-border bg-components-checkbox-bg-unchecked shadow-xs hover:border-components-checkbox-border-hover',
|
||||||
|
mixed ? s.mixed : 'hover:bg-components-checkbox-bg-unchecked-hover',
|
||||||
disabled && 'cursor-not-allowed border-components-checkbox-border-disabled bg-components-checkbox-bg-disabled hover:border-components-checkbox-border-disabled hover:bg-components-checkbox-bg-disabled',
|
disabled && 'cursor-not-allowed border-components-checkbox-border-disabled bg-components-checkbox-bg-disabled hover:border-components-checkbox-border-disabled hover:bg-components-checkbox-bg-disabled',
|
||||||
mixed && s.mixed,
|
|
||||||
className,
|
className,
|
||||||
)}
|
)}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
@ -410,9 +410,9 @@ const Completed: FC<ICompletedProps> = ({
|
|||||||
setSelectedSegmentIds((prev) => {
|
setSelectedSegmentIds((prev) => {
|
||||||
const currentAllSegIds = segments.map(seg => seg.id)
|
const currentAllSegIds = segments.map(seg => seg.id)
|
||||||
const prevSelectedIds = prev.filter(item => !currentAllSegIds.includes(item))
|
const prevSelectedIds = prev.filter(item => !currentAllSegIds.includes(item))
|
||||||
return [...prevSelectedIds, ...((isAllSelected || selectedSegmentIds.length > 0) ? [] : currentAllSegIds)]
|
return [...prevSelectedIds, ...(isAllSelected ? [] : currentAllSegIds)]
|
||||||
})
|
})
|
||||||
}, [segments, isAllSelected, selectedSegmentIds])
|
}, [segments, isAllSelected])
|
||||||
|
|
||||||
const totalText = useMemo(() => {
|
const totalText = useMemo(() => {
|
||||||
const isSearch = searchValue !== '' || selectedStatus !== 'all'
|
const isSearch = searchValue !== '' || selectedStatus !== 'all'
|
||||||
|
Loading…
Reference in New Issue
Block a user