This commit is contained in:
cracklesparkle
2024-12-06 12:42:34 +09:00
parent bd0a317e76
commit e9595f9703
16 changed files with 770 additions and 390 deletions

View File

@ -1,6 +1,5 @@
import { Checkbox, Group, RenderTreeNodePayload } from "@mantine/core";
import { Checkbox, Group, RenderTreeNodePayload, Text } from "@mantine/core";
import { IconChevronDown } from "@tabler/icons-react";
import { useEffect } from "react";
export const MapTreeCheckbox = ({
node,
@ -12,10 +11,6 @@ export const MapTreeCheckbox = ({
const checked = tree.isNodeChecked(node.value);
const indeterminate = tree.isNodeIndeterminate(node.value);
useEffect(() => {
console.log(node.value)
}, [checked])
return (
<Group gap="xs" {...elementProps}>
<Checkbox.Indicator
@ -25,7 +20,7 @@ export const MapTreeCheckbox = ({
/>
<Group gap={5} onClick={() => tree.toggleExpanded(node.value)}>
<span>{node.label}</span>
<Text size="xs">{node.label}</Text>
{hasChildren && (
<IconChevronDown