ui/kit
Keel 的组件,全部基于 el:展示、浮层、表单、数据、应用外壳和可视化。焦点、禁用、定时和浮层能力由 el 提供。
- 直接依赖:
core、theme、locale、el。 - 不依赖:
window。 - 调用者:应用视图和示例。
组件 API、文件模板和验收要求见kit 组件规范,阶段安排见设计决策。
| 组件 | 说明 |
|---|---|
| CodeEditor | 代码编辑器:高亮、补全、诊断 |
| Kbd | 快捷键键帽、平台格式、独立/继承字号与自定义样式 |
| Button | 操作按钮、图标、键盘与加载状态 |
| Alert | 行内/横幅提示、尺寸、图标与富内容,支持浅深色 |
| Empty | 空状态富内容、媒体、操作/尾部与分区样式 |
| Avatar | 固定尺寸头像和姓名回退 |
| AvatarGroup | 叠放头像组、人数上限与溢出标记 |
| Tag | 可选择/移除标签,描边、尺寸、圆角、自定义内容与配色 |
| DescriptionList | 多列/跨列、横纵标签、自定义值与分隔线 |
| GroupBox | 标题/描述分组、外观、框外 footer 与样式配置 |
| StatusBar | 固定 24dp 左右状态栏 |
| Marker | 纯图形标记 |
| Icon | 矢量图标 |
| Spinner | 不确定进度、减少动画、自定义图标/颜色/周期 |
| Skeleton | 占位、圆形、自定义圆角、次级色阶与 Shimmer 扫光 |
| Popover | 触发元素旁的非模态面板 |
| Tooltip | 富内容提示、动作键位与定位 |
| HoverCard | 悬停预览、实例延时与锚点定位 |
| Menu | 命令菜单与子菜单 |
| DropdownButton | 带菜单的按钮、分体按钮 |
| Dialog | 模态对话框、确认框 |
| Sheet | 贴边滑入的模态面板 |
| Notifier | 右上角通知栈 |
| CopyButton | 复制并显示反馈 |
| Checkbox | 复选框、半选 |
| Switch | 开关 |
| RadioGroup | 单选组 |
| Toggle | 保持按下的按钮 |
| ToggleGroup | 单选或多选按钮组 |
| Input / TextArea | 文本框、前后缀、清空、错误 |
| Input Group | 输入/多行编辑器与四方向附加内容 |
| Select | 下拉选择、可搜索 |
| Combobox | 可筛选输入 |
| Slider | 线性/对数滑块、范围选择与结束回调 |
| NumberInput | 数字输入 |
| OtpInput | 验证码、密码遮罩、分组与尺寸 |
| TimeField | 时间输入 |
| Calendar | 日历、范围 |
| DatePicker | 日期字段 |
| Rating | 星级评分、已填星减分、自定义尺寸与颜色 |
| Stepper | 横纵步骤进度、图标、尺寸、单步禁用 |
| Form | 表单与校验 |
| VirtualList | 等高虚拟列表 |
| VariableList | 自然高度虚拟列表、稳定 key 与阅读位置保持 |
| List | 单选长列表 |
| Tree | 树 |
| Table | 表格:排序、列宽、单元格插槽 |
| Pagination | 分页 |
| Command | 命令面板 |
| Message | 对话消息 |
| Bubble | 聊天气泡 |
| MessageScroller | 对话滚动区 |
| Attachment | 附件卡片 |
| Tabs | 四种外观、图标/富标签、单项禁用、宽度上限、滚动/溢出与拖动重排 |
| Collapsible | 独立触发器与内容、可中断展开动画 |
| Accordion | 折叠面板、四档尺寸、边框开关 |
| Badge | 数字/圆点/图标角标、尺寸与自定义颜色 |
| ProgressCircle | 圆形进度、中心内容与不确定状态 |
| Progress | 进度条、自定义高度/颜色/圆角与轨道样式 |
| Link | 链接 |
| Image | 图片 |
| Sidebar | 导航侧栏 |
| Toolbar | 工具栏与溢出菜单 |
| Resizable | 可拖动分隔的两栏 |
| Dock | 可停靠面板与布局保存 |
| Settings | 设置页 |
| Carousel | 轮播 |
| TitleBar | 无边框窗口的标题栏 |
| Chart | 折线图、面积图、柱状图、堆叠柱状图 |
| CandlestickChart | 开高低收、密集聚合、数据表 |
| PieChart | 饼图、环形图、交互图例 |
| Plot | 可缩放平移的 x/y 绘图 |
| ColorPicker | 颜色选择 |
| Questionnaire | 分页问卷与答案模型 |