Skip to content

公共组件 ​

admin/src/components/ 下的目录由 unplugin-vue-components 自动注册(见 vite.config.ts 的 dirs: ["src/components"]),页面里可直接用对应组件名,无需手工 import。另有根级单文件 ErrorBoundary.vue。

下列名称均来自当前仓库目录;用途按组件职责概括,细节以源码为准。

目录 / 文件用途
AppLink内链 / 外链统一链接
ColorPicker颜色选择(Element Plus + 输入与重置)
CronBuilderCron 表达式可视化编辑
DaterangePicker日期时间范围
DelWrap可关闭包裹层
DetailDesc详情描述块(含 DetailDescItem)
DictValue按字典选项展示文案
DragSort拖拽排序列表
Editor富文本编辑(与 WangEditor 配套场景)
ErrorBoundary.vue错误边界
ExportData导出数据弹层
FooterBtns底部操作按钮条
IconElement Plus 图标封装
IconSelect图标选择器
ImageContain图片容器(el-image)
ImageSelect图片选择 / 素材
ImportData导入数据
OverflowTooltip溢出省略 + Tooltip
Pagination分页条
PopoverInput气泡输入
Popup通用弹层
Region地区选择
SearchForm列表搜索表单布局
StatusTag状态标签
TableColumnSetting表格列显隐设置
Upload上传
VideoSelect视频选择
WangEditorWangEditor 封装
Watermark水印

业务页面专用组件放在对应 views/ 下,不要塞进 components/。新增公共组件时保持「一目录一入口 index.vue」的习惯,以便自动扫描。

基于 MIT 许可发布