Appearance
组件库
项目通用组件说明。
通用组件列表
所有通用组件位于 src/components/ 目录，采用大驼峰命名：
| 组件 | 路径 | 说明 |
|---|---|---|
| NavBar | components/NavBar/ | 导航栏，统一标题、返回按钮样式 |
| Icon | components/Icon/ | 图标组件，封装 Iconify 图标 |
| Avatar | components/Avatar/ | 头像组件，首字母渐变 |
| SearchBar | components/SearchBar/ | 搜索栏组件 |
| EmptyState | components/EmptyState/ | 空状态占位组件 |
| GlobalLoading | components/GlobalLoading/ | 全局加载状态 |
| GlobalToast | components/GlobalToast/ | 全局提示消息 |
| CustomTabBar | components/CustomTabBar/ | 自定义底部 TabBar |
| ListSkeleton | components/ListSkeleton/ | 列表骨架屏 |
| SubmitOverlay | components/SubmitOverlay/ | 提交中遮罩层（防重复提交） |
| LandscapeOverlay | components/LandscapeOverlay/ | 横屏提示遮罩 |
| DebugPanel | components/DebugPanel/ | 调试日志面板 |
| MockToggle | components/MockToggle/ | Mock 数据开关 |
| TrackDebug | components/TrackDebug/ | 埋点调试组件 |
表单引擎组件
表单引擎相关组件位于 src/plugins/formCreate/components/，共 19 个自定义控件：
| 组件 | 说明 |
|---|---|
| DeptTreeSelect | 部门树选择器 |
| UserTreeSelect | 人员树选择器 |
| AreaTreeSelect | 地区树选择器 |
| DictSelect | 字典选择器 |
| FcSelect | 通用选择器 |
| FcDatePicker | 日期选择器 |
| FcTimePicker | 时间选择器 |
| DatePeriodPicker | 日期区间选择器 |
| DateDoubleTimePicker | 日期双时间选择器 |
| AttendanceControl | 考勤控件 |
| UploadFile | 文件上传 |
| UploadImg | 单图上传 |
| UploadImgs | 多图上传 |
| Editor | 富文本编辑器 |
| BaseTreeSelect | 基础树选择器 |
| FcCascader | 级联选择器 |
| OutsideControl | 外部控件 |
| ProcessInstanceRef | 流程实例引用 |
| TipsComponent | 提示组件 |
组件使用规范
- 所有组件使用
<script setup lang="ts">语法 - 组件 Props 必须定义 TypeScript 类型
- 样式统一使用 TailwindCSS + SCSS
- 路径统一使用
@/别名，禁止相对路径