Smart.DockingLayout

开源地址：https://github.com/HTMLElements/smart-webcomponents

开源协议：未知，可能是自定义的社区版使用协议

编程语言：vue可用

官网链接：Smart Docking-layout for Vue 3 | Docking-layout | Smart UI for Vue 3

图片

评注

界面表示效果不错，不过开源协议未知，商用可能需要付费，单人开发者价格399美元

jqxDockingLayout

开源：未知

编程语言：vue可用

官网链接：Vue Docking Layout Component

图片

评注

看上去比较规整，也符合常见类似应用的样子，但未找到开源链接，可能并不开源，商用应该也需要付费

vue-dock-layout

开源地址：GitHub – imengyu/vue-dock-layout: A dock layout component like visual studio for Vue3 – 一个类似visual studio的拖拽网格布局组件

开源协议：MIT license

编程语言：vue3

演示链接：@imengyu/vue-dock-layout

图片

评注

正如描述所说，很想vs code 的风格，但看上去总体比较简单，开源星标数较少，维护力度也可能不太够，优点是MIT协议开源

vue-draggable-resizable

开源地址：https://github.com/mauricius/vue-draggable-resizable

开源协议：MIT license

编程语言：vue2

演示链接：Storybook

图片

评注

一个可拖动，可调整大小的窗口框架，但并未找到dock窗口功能的实现

rc-dock

开源地址：https://github.com/ticlo/rc-dock

开源协议：Apache-2.0 license

星星数：552 stars

编程语言：react

演示链接：ticlo.github.io/rc-dock/examples

介绍

Dock Layout for React Component

图片

评注

总体很好

dockview

开源地址：GitHub – mathuo/dockview: Zero dependency layout manager and builder with ReactJS support

开源协议：MIT license

星星数：191 stars

编程语言：react

官网链接：dockview.dev

介绍

Zero dependency layout manager and builder with ReactJS support

图片

评注

tab 有功能选项

FlexLayout

开源地址：GitHub – caplin/FlexLayout: Docking Layout Manager for React

开源协议：MIT license

星星数：757 stars

编程语言：react

介绍

Docking Layout Manager for React

图片

未获取到

dock-spawn

开源地址：GitHub – coderespawn/dock-spawn: Dock Spawn is a web based dock layout engine that aids in creating flexible user interfaces by enabling panels to be docked on the screen similar to Visual Studio IDE

开源协议：MIT license

星星数：255 stars

编程语言：js

官网链接：dockspawn.com

介绍

Dock Spawn is a web based dock layout engine that aids in creating flexible user interfaces by enabling panels to be docked on the screen similar to Visual Studio IDE

图片

未获取到

总结

总体来说，rc-dock拥有较为结构化的布局，看上去也简洁，并以MIT协议开源，较为推荐。

（转载请注明原文链接：http://wp.xiaohe.work/?p=288，更多内容可访问晓和软件网站xiaohe.work）