vue-dock-layout

header tabber center footer slider

tabItem tabPane

tabGroup tabStrip

tabHeader tabCenter tabFooter

tabSplit

tabGroup tabGroupHeader

tabGroupCenter --tabName ----tabIcon ----tabText --tabPane ----tabPaneHeader ----tabPaneCenter ----tabPaneFooter tabGroupFooter

resource

project subject

program

viewport material Inspector Hierarchy

scene asset

canvas widget setter

sideStrip toolStrip menuStrip tabsStrip

Group =》header GroupControl GroupAction GroupStrip =》 label =》TabName GroupExtra =》 SelectButton CommonButton StickyButton Panel =》center PanelControl tabName => TabName PanelEmbed =》 PanelEmbedLoading PanelFloat =》 PanelFloatWindow Split =》 Guide =》

<div ref="selfRef" :class="CLASSES.DOCK_LAYOUT__LAYOUT">
    <tab-set v-for="group in propss.groups"  :key="group.key" :layout="group.layout" :node="group.node" :path="group.path" :icons="group.icons" />
    <template v-for="panel in propss.panels" :key="panel.key">
        <tab-pane-embed v-if="!panel.isFloating" :layout="panel.layout" :node="panel.node" :path="panel.path" :icons="panel.icons" />
        <tab-pane-float v-else :layout="panel.layout" :node="panel.node" :path="panel.path" :icons="panel.icons" />
    </template>
    <anchor :center-rect="stateRect" v-if="stateShowEdges" />
    <splitter v-for="split in propss.splits"  :key="split.key" :layout="split.layout" :node="split.node" :path="split.path" />
    <floating-window v-for="float in propss.floats" :id="float.key" :title="float.title" url="" :rect="float.rect"  children="" />
</div>