工具停靠

页面末尾的工具，类似于IDE：一排图标，每个图标打开页面旁边列中的一个区域。当前页面右侧的工具条就是一个例子。

两个组，每个组一个打开

工具条顶部的图标打开列的上部区域，底部的图标打开下部区域，每次只能打开一个。单独一个区域占据整个列；没有打开任何区域，列就消失。可以从起始边缘拖动列变宽，工具的状态会随着页面返回。

位于顶部

在横向布局下，工具条位于顶部，停靠是页面的主体，填充在页面中——工具条开始处打开的区域位于结束处打开的区域旁边，下面。一个工具从边到边并占据区域的高度——一个编辑器——这样显示了填充。

行 1
行 2
行 3
行 4
行 5
行 6
行 7
行 8
行 9
行 10
行 11
行 12
行 13
行 14
行 15
行 16
行 17
行 18
行 19
行 20
行 21
行 22
行 23
行 24
行 25
行 26
行 27
行 28
行 29
行 30
行 31
行 32
行 33
行 34
行 35
行 36
行 37
行 38
行 39
行 40

使用方式

页面在其page_zones_after块中描述其工具，停靠绘制列、区域、手柄和工具条。工具显示页面为其绘制的内容，或页面在第一次打开时加载的内容（url）。

{%- block page_zones_after -%}
    {{ tool_dock('board.file', [
        { name: 'outline', label: 'Outline', icon: 'ph:bold/list-bullets', content: outline },
        { name: 'detail', label: 'Detail', icon: 'ph:bold/info', group: 'end', open: true, content: detail },
        { name: 'history', label: 'History', icon: 'ph:bold/clock-counter-clockwise', group: 'end', url: path('app_file_history') },
    ]) }}
{%- endblock -%}