UI 组件类型 · 复合组件 / File Uploader
File Uploader
选择、上传、校验并管理文件的组合控件
关键字段
Identity · 身份
- 子类型
- 复合组件
- 父级类目
- 表单与输入
What · 是什么
- 定义
- 选择、上传、校验并管理文件的组合控件
- 组成与状态
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口（按场景取舍）
Why · 为什么
- 作用
- 选择、上传、校验并管理文件的组合控件
Where · 在哪里
- 适用场景
- Web 界面设计、Busy、Progressing
How · 怎么做
- 检查清单
- 定义用途；明确结构与状态；覆盖键盘/触摸/读屏；处理加载、错误和空状态；验证响应式与焦点顺序。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与输入Forms & Input属于
用于接收、选择、编辑、上传和校验用户输入的组件。
- DropzoneDropzone反向 · 属于
接收拖放或点击选择文件的区域
- File ItemFile Item反向 · 属于
呈现单个已选或已上传文件的条目
- File NameFile Name反向 · 属于
显示文件名称和类型的文本
- Progress BarProgress Bar反向 · 属于
显示文件上传进度的反馈
- Remove ActionRemove Action反向 · 属于
移除已选文件的操作
- Retry ActionRetry Action反向 · 属于
上传失败后重新尝试的操作
- BusyBusy应用于
组件正在处理任务，暂时不应接受重复操作的状态。
- ProgressingProgressing应用于
任务有可估计进度并正在推进的状态。