Attachment附件

file := tree.ID(page, "file")
card := components.BeginAttachment(canvas, theme, file, bounds,
    components.AttachmentData{
        Name: "product-demo.mov", Description: descriptions[index],
        Kind: components.AttachmentFile, State: states[index], Progress: 0.64,
    })
card.Paint()
if canvas.Clicked(file) {
    index = (index + 1) % len(states)
}

components.BeginAttachment(canvas, theme, tree.ID(page, "notes"), bounds,
    components.AttachmentData{
        Name: "release-notes.md", Description: "18 KB · Markdown",
        Kind: components.AttachmentFile, State: components.AttachmentDone,
        Size: components.AttachmentSizeSmall,
    }).Paint()
components.BeginAttachment(canvas, theme, tree.ID(page, "cover"), cover,
    components.AttachmentData{
        Name: "cover.png", Description: "1200 × 1200", Kind: components.AttachmentImage,
        Orientation: components.AttachmentVertical,
    }).Paint()

group := components.BeginAttachmentGroup(theme, bounds)
for index, data := range attachments {
    card := components.BeginAttachment(canvas, theme, items.At(index), ui.Rect{}, data)
    card = card.Action(components.AttachmentAction{
        ID: remove.At(index), Label: "Remove " + data.Name, Icon: crossIcon,
    })
    if group.Fits(card.Size()) {
        card.PaintIn(&group)
    }
}
failedCard := components.BeginAttachment(canvas, theme, failedID, cover, failed)
failedCard.Action(components.AttachmentAction{ID: retryID, Label: "Retry"}).Paint()