增强组件示例总览
这里的示例不再追求“每个局部壳子一个 basic.vue”,而是优先展示收口后的公开体系如何落回真实后台页面链路。
列表主干
- SearchForm 场景示例
- ProTable 场景示例
- ListPage 场景示例
- ColumnSettingPanel 场景示例
- SavedViewTabs 场景示例
- TableFilterDrawer 场景示例
编辑链路
- ProForm 场景示例
- OverlayForm 场景示例
- DialogForm 场景示例
- DrawerForm 场景示例
- LoginForm 场景示例
- RequestForm 场景示例
- StepsForm 场景示例
- CrudPage 场景示例
详情链路
页面状态与工作区
- PageHeader 场景示例
- PageContainer 场景示例
- StatCard 场景示例
- AsyncStateContainer 场景示例
- SplitLayoutPage 场景示例
- FilterPanel 场景示例
流程与任务
当前不再主推为独立示例入口
- 诸如批量操作条、列表头、详情摘要区、变更对比区、状态摘要条这类片段,更适合作为页面场景内部块,而不是一级示例目录。
推荐理解顺序
- 先看
SearchForm + ProTable + ListPage,理解后台列表页主干。 - 再看
OverlayForm + LoginForm + StepsForm + CrudPage,把编辑链路接上。 - 接着看
DetailPanel + DetailPage + AuditTimeline,补齐查看和历史记录。 - 再看
PageHeader + PageContainer + StatCard,补齐页面展示壳层。 - 最后看
ApprovalFlowPanel + ImportWizard + ExportTaskPanel,理解更重的业务流场景。