mirror of
https://github.com/AtomUI/AtomUI.git
synced 2026-10-29 07:16:33 +08:00
7.4 KiB
7.4 KiB
SplitButton 语义结构
生成产物:由源文档生成,不要手工编辑。修改内容请回到控件文档、源码 public surface、Token 类型或生成数据、Gallery ShowCase 或源码结构。
Semantic Parts
| Part | AtomUI 节点 | 职责 | 相关 API | 相关 Token | 稳定性 |
|---|---|---|---|---|---|
root |
SplitButton |
控件根语义区域,承载 public API、状态归一、主题入口和 Gallery 可观察行为。 | 见 API 与契约模型 | 见视觉与主题模型 | stable |
content |
内容区域 |
承载用户内容、图标、文本或装饰性展示。 | 见 API 与契约模型 | 见视觉与主题模型 | stable |
state |
状态区域 |
表达 hover、pressed、disabled、loading、selected 或控件专属状态。 | 见 API 与契约模型 | 见视觉与主题模型 | stable |
theme |
主题区域 |
连接 ControlTheme、SharedToken、控件 Token 和资源键。 | 见 API 与契约模型 | 见视觉与主题模型 | stable |
Abstract AXAML Structure
来源:src/AtomUI.Desktop.Controls/Buttons/Themes/SplitButtonTheme.axaml
<DockPanel Name="PART_MainLayout">
<Button Name="PART_SecondaryButton" />
<Button Name="PART_PrimaryButton" />
</DockPanel>
Composition Model
该章节由控件 Themes/ 文件夹中的真实主题文件生成,用于说明 public 控件与内部协作对象之间的运行时结构。内部节点只用于理解和维护,不应指导用户代码直接依赖。
控件角色图
SplitButton
-> SplitButton (control theme, SplitButtonTheme.axaml)
-> DockPanel#PART_MainLayout (template-stable)
-> Button#PART_SecondaryButton (template-stable)
-> Button#PART_PrimaryButton (template-stable)
协作节点
| 节点 | 类型 | 来源 | 生命周期 owner | 影响的 public API | 稳定性 | Agent 使用边界 |
|---|---|---|---|---|---|---|
SplitButton |
public control | 源文档 + public API |
用户代码 / 控件宿主 | public API | public | 用户可直接使用 public 控件;可作为示例和 API 入口。 |
SplitButton |
control theme | SplitButtonTheme.axaml |
用户代码 / 控件宿主 | Content, ContentTemplate, EffectiveButtonType, FontSize, Height, Icon |
public | 用户可直接使用 public 控件;可作为示例和 API 入口。 |
PART_MainLayout |
template node (DockPanel) | SplitButtonTheme.axaml |
SplitButton | Content, ContentTemplate, EffectiveButtonType, FontSize, Height, Icon |
template-stable | 用于主题维护;变更需同步主题、实现和 LLMS。 |
PART_SecondaryButton |
template node (Button) | SplitButtonTheme.axaml |
SplitButton | EffectiveButtonType, FontSize, Height, IsDanger, IsEnabled, IsMotionEnabled |
template-stable | 用于主题维护;变更需同步主题、实现和 LLMS。 |
PART_PrimaryButton |
template node (Button) | SplitButtonTheme.axaml |
SplitButton | Content, ContentTemplate, EffectiveButtonType, FontSize, Height, Icon |
template-stable | 用于主题维护;变更需同步主题、实现和 LLMS。 |
Template Parts
| 契约组 | 代表成员 | 维护含义 |
|---|---|---|
| 内容与数据 | Content、Icon |
定义控件展示内容、输入数据、模板或业务对象入口。 |
| 交互与状态 | IsArrowVisible、IsDanger、IsMotionEnabled、IsPointAtCenter、IsPrimaryButtonType、IsWaveSpiritEnabled、ShouldUseOverlayPopup |
表达用户可观察状态、可用性、清除、加载或反馈语义。 |
| 视觉与布局 | Placement、PlacementAnchor、PlacementGravity、SizeType |
影响尺寸、位置、颜色、形状、密度和模板视觉变量。 |
| 弹层与窗口 | Flyout、GutterToFlyout |
控制 popup、flyout、dialog、window 或 overlay 宿主协作。 |
| 动效与异步 | MouseEnterDelay、MouseLeaveDelay |
约束动效开关、异步加载、播放速度、超时和任务边界。 |
| 其他稳定入口 | Command、CommandParameter、HotKey、OpenIndicator、TriggerType |
保留为 public surface,变更前需确认 Gallery 和用户 XAML 依赖。 |
Pseudo Classes
| 状态反馈 | public API、内部状态和伪类如何形成用户可感知反馈。 | open/close、motion、visual option。 | | 主题语义 | ControlTheme、SharedToken、控件 Token 和模板绑定如何表达视觉。 | SharedToken / 关联控件 Token + ControlTheme。 |
State Flow
SplitButton 的状态流按以下路径收敛:
Public API / inherited command / item source / user input
-> 控件实例状态
-> effective state / pseudo-class / template property
-> ControlTheme selector / presenter / renderer
-> Gallery 可观察行为
状态维护规则:
- Disabled 或不可交互状态优先屏蔽 pointer、keyboard、motion 和提交类反馈。
- open/close、motion、visual option 状态由控件实例或明确的数据 owner 推导,不能在 template part 之间双向竞争。
- 模板重套用时必须把 public API 对应状态回放到新的 part、伪类和主题变量。
- 集合、弹层、异步、动效或窗口相关状态必须能处理 reset、close、cancel、detach 和 owner 释放。
Theme and Token Boundaries
SplitButton 的视觉模型由控件模板、ControlTheme、SharedToken 和必要的控件 Token 共同构成。
| 主题文件 | 职责 |
|---|---|
SplitButtonTheme.axaml |
定义局部操作入口、按钮或 handle 的状态视觉。 |
SplitButton 当前没有专属 Token 文档;主题通过 SharedToken、关联控件 Token 或继承主题资源表达视觉语义。运行时状态不得写入 Token 模型。
主题维护规则:
- 不删除或重命名已经稳定的 ControlTheme key、template part、伪类和资源 key。
- 不把可由 AXAML 表达的模板状态迁移为 C# 动态创建视觉。
- 不把 hover、pressed、selected、expanded、loading、filter、popup open 等运行时状态写入 Token。
- Browser 或平台特化主题必须保持同一 API 的语义一致。
Token 边界:
- SplitButton 当前没有专属
token.md;LLMS 生成按第 5 节视觉与主题模型、SharedToken、控件家族 Token 或主题资源说明 Token 边界。
Customization Boundaries
维护 SplitButton 时必须保持以下不变量:
- 不擅自新增、删除、重命名或改变 public/protected API、Avalonia 属性、事件和默认值。
- 不破坏 template part、伪类、ControlTheme key、Token 名称和资源 key。
- 不改变 Gallery 已展示的 XAML 用法、默认外观、交互顺序和状态优先级。
- Template part 重新应用、集合替换、弹层关闭、窗口失活和控件 detach 时必须释放旧订阅和资源宿主。
- 不通过隐藏延迟、强制刷新或吞异常掩盖状态同步问题。
- 不引入运行时反射扫描作为 API、Token 或数据路径发现机制。
- 文档只描述当前稳定设计;历史变化记录在
changelog.md。
维护不变量:
维护 SplitButton 时不得破坏:
- Public API、默认值、事件顺序和 Gallery 可观察行为。
- Template part 名称、ControlTheme key、伪类和资源 key。
- 旧 template part、事件订阅、Popup/Flyout/Window host 和 collection view 的释放路径。
- Light/Dark、Browser/Desktop 和不同 SizeType 下的主题一致性。
- 控件文档、源码 public surface、Token 类型或生成数据与源码契约的一致性。