AmpleOrganics / AmpleOrganics/Blaze.vue

AoFileUpload: UI Enhancements

未关闭
#270 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
Vue
星标
6
派生
2
PR 合并指标
30 天内没有已合并 PR

描述

AC

- Files can be picked by drag/drop onto the input, or by clicking a button
- There are unique modifier classes applied to the input when:
- The user is dragging a file, but not hovering over the input
- When the user is dragging a file AND hovering over the input
- When a file is picked, we see an image, the filename, and a remove button
- the remove button removes the item from the file list
- when all items are removed, the input returns to initial state
- if the filename is too long to be shown, it is truncated with "..."
- When multiple files are added, it will stretch the vertical size of the input to fit
- prop that will render the `multiple` attribute on the input ([W3S](https://www.w3schools.com/tags/att_input_multiple.asp))
- prop for passing thru accepted file types ([W3S](https://www.w3schools.com/jsref/prop_fileupload_accept.asp)
- Choose File button can be accessed by keyboard navigation
- Same as other input requirements:
- Label is required but can be hidden
- There is the same space for information text / invalid message

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。