feat: tab 分栏拖拽

[mortalYoung]

trafficstars

[mumiao]

@mumiao

[slobber]

这个可以这么改： 修改： https://github.com/DTStack/molecule/blob/de01581f730fdde065add62b1b85e624a1383e3b/src/client/slots/editor/index.tsx#L46

把 renderGroups 中的 DndProvider 去掉，加到 return 中。

const renderGroups = () => {
        return (
            <Split ref={ref} sizes={sizes} split={layout.editorDirection} onChange={onPaneSizeChange}>
                {groups.map((g) => (
                    <Split.Pane key={g.id} minSize={220}>
                        <Group
                            group={g}
                            toolbar={toolbar}
                            options={options}
                            onMount={onMount}
                            onModelMount={onModelMount}
                            onSelectTab={onSelectTab}
                            onContextMenu={onContextMenu}
                            onToolbarClick={onToolbarClick}
                            onCloseTab={onCloseTab}
                            onDragStart={onDragStart}
                            onDragEnd={onDragEnd}
                            onDragEnter={onDragEnter}
                            onDragLeave={onDragLeave}
                            onDragOver={onDragOver}
                            onDrop={onDrop}
                        />
                    </Split.Pane>
                ))}
            </Split>
        );
    };

    return (
        <div className={variables.container}>
            <Progress active={loading} />
            <DndProvider backend={HTML5Backend} context={window}>
                {current ? renderGroups() : entry}
            </DndProvider>
        </div>
    );