求助: 前端开发能让用户自助添加/拖动/缩放小组件的仪表面板

需要前端开发一个股票/基金行情的仪表面板, 要求:

1. 仪表面板是有 N 个小组件组成, 每个组件可以是曲线图, 也可以是动态行情数据等等
2. 用户可以在小组件库中自行选择小组件, 增加到面板上
3. 用户可以自助添加/拖动/缩放小组件
4. 小组件在拖动/缩放的过程中, 布局会随时弹性适应
5. 需适配手机和电脑
6. 最好但不限于用 react/nextjs 框架


问题:
1. 有没有一站式解决的框架或 libraries
2. 求开发思路

谢谢

拖拽可以使用类似 react-grid-layout 这种。需要适配手机和桌面端,手机和桌面端应该没办法复用, 只能进入的时候判断是手机还是桌面端,主要是在进入界面前保存一下 componentSchema, 如果是桌面端走一分支,移动端走另一种方式的渲染。  再做完善点就是 bi 了... 有个设计器, 等于是保存两份布局 Schema 根据 type 是移动端或者桌面端分别保存

https://swapy.tahazsh.com/

@ZGame 我们类似的场景就是用了 layout ，但是自适应效果不好