用途
Syncfusion Angular Dashboard Layout 是一个网格结构的布局控件，用于在 Angular 应用中构建响应式、可交互的仪表盘。它适合需要多面板组合、用户可自行调整布局的场景，例如分析看板、管理后台、实时监控页面和可自定义的门户。
主要能力
- 网格布局：通过 columns 配置列数（默认 5），面板按 row、col 定位，sizeX、sizeY 控制跨格宽高。
- 拖拽重排：默认开启 allowDragging，支持 dragStart、drag、dragStop 事件，可通过 draggableHandle 指定拖拽手柄。
- 缩放面板：allowResizing 开启后出现缩放手柄，resizableHandles 可指定方向（如 e-south-east、e-east、e-west、e-north、e-south、e-south-west），并支持 minSizeX/minSizeY/maxSizeX/maxSizeY 约束。
- 浮动行为：allowFloating 为 true 时，面板移动或缩放后会自动上移填充空位。
- 动态面板管理：提供 addPanel、removePanel、removeAll、movePanel、resizePanel、updatePanel 等方法。
- 状态持久化：serialize() 返回当前布局的 PanelModel 数组，可存入 localStorage、sessionStorage 或后端；enablePersistence 可在浏览器存储中自动保存与恢复。
- 响应式：mediaQuery 定义堆叠断点（默认 max-width: 600px），cellAspectRatio 控制单元格宽高比。
- 其他：showGridLines 可视化网格结构，enableRtl 支持从右到左语言，enableHtmlSanitizer 默认开启以防止 XSS。
使用方式
在 Angular 项目中安装 Dashboard Layout 包并导入 CSS 与主题，然后在组件中引入 DashboardLayoutModule。面板可通过 HTML 属性或属性绑定两种方式定义，面板的 header 与 content 支持 HTML 字符串、DOM 元素或返回内容的函数。可通过事件（dragStart、drag、dragStop、resizeStart、resize、resizeStop、change、created、destroyed）跟踪交互，并调用方法动态管理面板。
适用场景
- 分析仪表盘：在可缩放面板中展示图表与指标。
- 管理后台：支持添加、删除、拖拽的组件化小部件系统。
- 实时监控：在保持布局状态的同时更新面板内容。
- 移动端响应式门户：移动端堆叠、桌面端网格。
- 用户自定义布局：允许用户保存偏好的面板排列。
- 组件库：从组件库动态添加新面板。
限制
资料未提供具体的收费、价格、平台兼容版本或性能指标。部分配置（如 SystemJS 用于旧版 Angular 设置）仅在特定环境下适用。enableHtmlSanitizer 设为 false 时需确保内容可信。