Skip to content

Commit 5cecddf

Browse files
committed
demo: fix group & ungroup demo
1 parent 4a347d2 commit 5cecddf

File tree

1 file changed

+17
-1
lines changed

1 file changed

+17
-1
lines changed

packages/react-moveable/stories/9A-Components/ReactSelectoMultipleGroupUngroupApp.tsx

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,21 @@ export default function App() {
5757
ev.target.style.cssText += ev.cssText;
5858
});
5959
}}
60+
onClickGroup={e => {
61+
if (!e.moveableTarget) {
62+
setSelectedTargets([]);
63+
return;
64+
}
65+
if (e.isDouble) {
66+
const childs = groupManager.selectSubChilds(targets, e.moveableTarget);
67+
68+
setSelectedTargets(childs.targets());
69+
return;
70+
}
71+
if (e.isTrusted) {
72+
selectoRef.current!.clickTarget(e.inputEvent, e.moveableTarget);
73+
}
74+
}}
6075
></Moveable>
6176
<Selecto
6277
ref={selectoRef}
@@ -83,6 +98,7 @@ export default function App() {
8398
onSelectEnd={e => {
8499
const {
85100
isDragStart,
101+
isClick,
86102
added,
87103
removed,
88104
inputEvent,
@@ -98,7 +114,7 @@ export default function App() {
98114
}
99115
let nextChilds: TargetList;
100116

101-
if (isDragStart) {
117+
if (isDragStart || isClick) {
102118
nextChilds = groupManager.selectCompletedChilds(targets, added, removed);
103119
} else {
104120
nextChilds = groupManager.selectSameDepthChilds(targets, added, removed);

0 commit comments

Comments
 (0)