Advanced MUI Widgets 是一套面向 React 与 MUI 的高级界面模式集，目标是把 MUI 从组件库转变为「活的应用平台」。内容以 DataGrid 为核心，围绕单元格渲染、实时数据、状态持久化与图表联动展开。
一、用途 主要用于构建数据密集型的后台界面：让表格本身承担仪表盘、表单与 BI 工具的职责，减少弹窗与独立页面，使数据在表格中直接呈现语义信息。
二、主要能力
- DataGrid 作为应用界面
- 迷你趋势图单元格：通过自定义列类型复用 SparkLineChart，支持 line / bar 两种 plotType，并按首尾值判断涨跌颜色（#16a34a / #dc2626）。
- 热力图配色：用 heatmapColor 函数把数值映射为连续渐变色（蓝→黄→红），并按数值自动切换文字颜色。
- 进度条单元格：LinearProgress 根据利用率阈值切换 error / warning / success 配色。
- 自定义列类型可跨多个列复用。
-
实时 WebSocket 表格 使用 SignalR HubConnectionBuilder 连接 /hubs/data，通过 apiRef.current.updateRows(deltas) 只更新变化行，避免整表重渲染；对更新行添加 row-flash 关键帧动画，单行独立管理 timeout。文档也展示了上涨绿色、下跌红色的闪烁变体思路。
-
保存/恢复表格状态 使用 apiRef.current.exportState() 与 restoreState()，把视图状态存入 localStorage，以 Chip 形式展示多个「视图档案」，支持切换与删除。
-
自定义工具栏 在 GridToolbarContainer 中组合筛选、列、密度按钮，并加入「分配（带选中数量）」「按筛选导出」按钮，以及带快捷项（本周、本月）的 DateRangePicker。
-
Premium 能力
- AI 助手：DataGridPremium 上启用 aiAssistant，配合 GridAiAssistantPanel，支持自然语言查询与建议项（如「显示逾期发票」「按部门分组并按总收入排序」）。
- 图表与表格双向同步：通过 gridFilteredSortedRowIdsSelector 读取可见行，随筛选/排序/分组变化实时更新 BarChart。
- 透视（Pivoting）：通过 initialState 设置 rowGrouping 与 aggregation（avg / sum / size），在浏览器内实现无代码 GROUP BY。
- Excel 风格剪贴板：cellSelection 配合粘贴前回调做批量确认，并自定义 splitClipboardPastedText。
- 自定义控件创意目录 文档给出 100+ 控件思路，分为：
- DataGrid 单元格控件：状态与状态类（动画状态胶囊、多状态红绿灯、脉冲点、倒计时、SLA 健康条、置信度环、双态开关）；数据可视化类（迷你趋势图、子弹图、迷你柱状图、瀑布增量、热力图背景、径向仪表、堆叠比例条、趋势箭头、评分星、散点簇）；内容与身份类（头像堆叠、标签云、文件类型图标、图片缩略图、代码片段、国旗、严重度徽章、优先级指示）；操作与交互类（一键操作、分体按钮、内联数字步进、内联日期编辑、内联富文本、可展开 JSON、拖拽手柄、复制到剪贴板）。
- 行级控件：详情面板作为迷你表单 / 微仪表盘 / 嵌套子表格、行级活动流、行对比模式、固定汇总行、草稿行。
三、使用方式 文档以 TypeScript + React 代码片段形式呈现，依赖 @mui/x-data-grid、@mui/x-data-grid-premium、@mui/x-charts、signalR、dayjs 等包，导入后按示例定义列、工具栏与回调即可。所有示例均保留原始代码，可按需复制。
四、适用场景 适合需要在 MUI DataGrid 上实现类似 BI 工具、实时监控、人员/项目/财务数据管理等复杂表格交互的前端团队。
五、限制
- 部分能力有版本门槛：主从面板、列锁定、树形数据需 Pro；行分组与聚合、透视、Excel 剪贴板、图表同步、AI 助手需 Premium。
- 实时方案依赖 SignalR / WebSocket 服务端支持。
- 视图档案示例使用 localStorage 存储。
- 文档未提供具体收费、价格与授权细节，暂未提供。