项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。

案例总览 ​

案例讲的是「一个软件怎么用这套框架搭起来」:每个案例都是可运行的完整装配,chrome 全走 et-*,右上角源码面板能看到整份实现。

电子表格工作台

消费方形态的旗舰装配:标题栏、多文档标签、功能区、公式栏、双停靠、画布宿主与表页签,点单元格看求和。

Workbench · RibbonBar · FormulaBar · SheetCanvasHost · SheetTabs
日志分析器

非办公工具的完整装配:过滤与查询在左停靠、结果在右停靠,⌘K 唤起命令面板。

CommandPalette · ContextMenu · EmptyState · KeyHint
数据库查询台

对象树、编辑器与结果分栏、消息面板:一条 SQL 从写到底,执行与过滤共用一张命令表。

DocumentTabs · RibbonBar · Splitter · ContextMenu
文件资源管理器

目录树、文件列表与预览 / 属性面板:右键菜单、就地重命名与空态引导都在真实数据流里。

RibbonBar · ContextMenu · Dock · EmptyState
代码编辑器

脏标记文档标签、编辑器画布与问题面板;命令面板与工具区共用一张命令表。

DocumentTabs · CommandPalette · RibbonBar · ContextMenu
运维监控台

刷新与时间窗在工具区,服务、指标、事件三块面板并列,折叠、空态与 Toast 反馈齐全。

RibbonBar · Dock · EmptyState · Toast
邮件工作台

经典三栏:文件夹、列表、阅读面板,回复归档走命令 + 键位,两处空态各给下一步。

ToolGroup · ShortcutHint · TabStrip · EmptyState
设置中心(Backstage)

「文件」入口打开全屏设置页:左分节导航 + 右表单区,开关全屏页时画布尺寸读数不动。

Backstage · TitleBar · TabStrip · Provider

挑案例还是挑组件? ​

要一个能直接改的整页装配,从案例进;只想知道某个组件的 props 与行为,去组件目录。两者用的是同一批入口:案例里的每一件都能在组件页找到契约,逐行装配清单见配方:日志分析器。