公共组件
admin/src/components/ 下的目录由 unplugin-vue-components 自动注册(见 vite.config.ts 的 dirs: ["src/components"]),页面里可直接用对应组件名,无需手工 import。另有根级单文件 ErrorBoundary.vue。
下列名称均来自当前仓库目录;用途按组件职责概括,细节以源码为准。
| 目录 / 文件 | 用途 |
|---|---|
AppLink | 内链 / 外链统一链接 |
ColorPicker | 颜色选择(Element Plus + 输入与重置) |
CronBuilder | Cron 表达式可视化编辑 |
DaterangePicker | 日期时间范围 |
DelWrap | 可关闭包裹层 |
DetailDesc | 详情描述块(含 DetailDescItem) |
DictValue | 按字典选项展示文案 |
DragSort | 拖拽排序列表 |
Editor | 富文本编辑(与 WangEditor 配套场景) |
ErrorBoundary.vue | 错误边界 |
ExportData | 导出数据弹层 |
FooterBtns | 底部操作按钮条 |
Icon | Element Plus 图标封装 |
IconSelect | 图标选择器 |
ImageContain | 图片容器(el-image) |
ImageSelect | 图片选择 / 素材 |
ImportData | 导入数据 |
OverflowTooltip | 溢出省略 + Tooltip |
Pagination | 分页条 |
PopoverInput | 气泡输入 |
Popup | 通用弹层 |
Region | 地区选择 |
SearchForm | 列表搜索表单布局 |
StatusTag | 状态标签 |
TableColumnSetting | 表格列显隐设置 |
Upload | 上传 |
VideoSelect | 视频选择 |
WangEditor | WangEditor 封装 |
Watermark | 水印 |
业务页面专用组件放在对应 views/ 下,不要塞进 components/。新增公共组件时保持「一目录一入口 index.vue」的习惯,以便自动扫描。