Keel GitHub

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 分页问卷与答案模型