快速开始
FlexLayout基本上负责单方向的分割屏幕。
基本行分割
isResizePanel = true在这种情况下，resizePanel将作为容器的兄弟元素进行渲染。例如，Mid容器和Right之间的resizePanel的所有权属于Mid，但mid-resizePanel处理自己两侧的兄弟元素。isResizePanel如果添加到最后一个元素，可能会与浏览器自身的调整大小功能重叠，从而影响用户体验。当需要动态渲染时，
isResizePanel建议使用状态，而不是提前将其渲染为true。列分割 + 增长
在垂直分割中预先分配特定区域比例
也就是说，在上面的代码中，顶部容器的增长为0.45，其余的中间和右侧容器的增长为1.275。
多重交叉（嵌套）
两个方向以上的分割通过重叠FlexLayout生成
（在本文中，CodeBlock隐式地充当高度的角色。）
同样，在没有可调整大小的剩余空间的情况下，调整大小也将无法正常工作。
如果不希望受到其影响，建议先将div作为直接子元素进行包装。
同样出于这个原因，如果您想防止意外行为，建议不要创建两个或更多的直系后代。
min/max + isFitContent
调整大小范围限制 + 基于内容大小的限制
通过在FlexLayoutContainer中使用CSS指定最小/最大大小，可以控制调整大小的范围。
或者可以这样使用。
执行结果如下。
如果想将内部内容的动态大小设置为最大大小
<FlexLayoutContainer isFitContent>...</FlexLayoutContainer>可以使用。使用isFitContent的容器不会比内部子元素的大小更大。isFitContent赋值由于可移动空间的值小于可移动的空间值，因此将形成完全无法调整大小的布局。如果不是故意的，请不要给所有容器赋予最大大小值。至少一个容器的最大大小不应被赋予。
面板移动模式 (panelMovementMode)
调整大小时与相邻面板的交互方式
panelMovementMode是控制在调整大小时如何移动相邻面板的属性。默认值是 离婚，可以使用以下模式。
bulldozer
推开相邻面板，但彼此不粘附。
divorce (기본값)
推开相邻面板并彼此粘附，但如果返回到开始调整大小的位置，则会再次分开。
stalker
相邻面板完全粘附，但到达最末端时会再次分开。
最后检查
layoutName / containerName是渲染的DOM元素的 id，同时也用于 getLayoutInfos, useDecompositionLayout 等Hook中的内部Store/Subject的 键。
值必须在页面内唯一。
唯一如果重复，内部键会冲突，导致调整大小/订阅对象混淆等意外行为。值必须是唯一的。
稳定如果在每次渲染时更改或根据条件更改名称，现有状态/订阅可能会中断，并被视为“其他布局”。建议避免空格/特殊字符，使用英文/数字及 -, _ 的值。
isResizePanel使用时生成的派生标识符${ContainerName} + '_resize_panel'。请保持容器命名的一致性和唯一性。
isResizePanel
容器的兄弟将渲染为 resize panel。
例如：在 Mid 和 Right 之间，resize panel 的所有权属于 Mid，但 resize panel 处理两侧的兄弟。
grow
明确指定特定容器的初始比例。
未指定 grow 的容器将均匀分配除指定 grow 之外的其余部分。
isFitContent
限制容器的大小不超过内部子元素的大小。
panelMovementMode
设置面板调整大小时与相邻面板的交互方式。
"推土机"：推开相邻面板但不粘附
"离婚"：推开相邻面板并粘附，但回弹时分离（默认值）
"跟踪者"：相邻面板完全粘附，但到达末端时分离