Moveable: [New Plugin] Click Drag to select for Moveable ❤❤❤

[ladifire]

Hi all,
I've made an app with react-moveable, the click drag to select is like this demo:

If you need this feature, please comment bellow this, I'll to publish it if much people need this.

[daybrush]

@ladifire

I am making a component called selecto and will probably be released this month.

Of course, React, Angular, Vue, Svelte, Preact, Lit will be supported.

Thank you :)

It will probably be supported in the example:

import Selecto from "react-selecto";

<Selecto
    ref={selectoRef}
    dragContainer={document.body}
    keyContainer={window}
    selectFromInside={false}
    selectByClick={true}
    selectableTargets={[".target"]}
    toggleContinueSelect="shift"
    hitRate={0}
    onDragStart={(e: any) => {
        if (moveableRef.current?.isMoveableElement(e.inputEvent.target)) {
            return false;
        }
        return;
    }}
    onSelectEnd={e => {
        setTimeout(() => {
            setTargets(e.selected);

            if (e.isDragStart) {
                e.inputEvent.preventDefault();
            }
        });
    }}
    />
<Moveable
    ref={moveableRef}
    target={targets}
    draggable={true}
    onClickGroup={e => {
        selectoRef.current!.click(e.inputEvent, e.inputTarget);
    }}
     />

[ladifire]

Refer to my solution: https://github.com/daybrush/moveable/issues/154

[vmdao]

This feature is great, hope it release soon!

[happylinks]

@daybrush are you planning to release this? The storybook looks great! (https://daybrush.com/selecto/storybook/?path=/story/selecto-with-moveable--you-can-change-the-moveable-target-in-real-time-by-selecting-it) I can also get it from npm I saw, but the github repo is unavailable (not public?).

[daybrush]

@happylinks
not yet ? Soon?

I am so busy these days that I have no time to work.

[happylinks]

Ahh that's alright, thanks for the response!
Would you consider making the github repo available already? Or are you not comfortable with that yet?
If not I understand, no worries :)
Take care!

[daybrush]

https://daybrush.com/selecto

https://github.com/daybrush/selecto