Skip to content

feat(AvatarUpload): preview when click backdrop #7368

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ArgoZhang merged 21 commits into from
Dec 19, 2025
Merged

feat(AvatarUpload): preview when click backdrop #7368

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
a1c3b55
refactor(AvatarUpload): Rewrite zoom event，align the current item index.
momijijin Dec 18, 2025
60d29bb
refactor(AvatarUpload): Update unit test
momijijin Dec 18, 2025
9f8bd31
refactor(AvatarUpload): Refactor the related logic to reduce redundan…
momijijin Dec 18, 2025
285ffea
refactor(AvatarUpload): Update unit test
momijijin Dec 18, 2025
509573e
refactor(AvatarUpload): Unit test need ok uploadFile, Files search ch…
momijijin Dec 18, 2025
84f274e
refactor(AvatarUpload): Update unit test
momijijin Dec 18, 2025
7827b37
refactor(AvatarUpload): Update unit test
momijijin Dec 18, 2025
7e55079
refactor(AvatarUpload): Update unit test
momijijin Dec 18, 2025
e465835
Merge branch 'main' into momiji/avatar-upload-add-zoom-func
momijijin Dec 18, 2025
1bd9d37
Merge branch 'main' into momiji/avatar-upload-add-zoom-func
ArgoZhang Dec 19, 2025
88aaa0b
refactor: 重构代码
ArgoZhang Dec 19, 2025
f6047d7
chore: 更新编码方式
ArgoZhang Dec 19, 2025
920286c
style: 微调样式
ArgoZhang Dec 19, 2025
fedc3b8
style: 更新样式
ArgoZhang Dec 19, 2025
7212c15
Revert "refactor(AvatarUpload): Update unit test"
ArgoZhang Dec 19, 2025
757b8f0
Revert "refactor(AvatarUpload): Update unit test"
ArgoZhang Dec 19, 2025
756bd8b
Revert "refactor(AvatarUpload): Update unit test"
ArgoZhang Dec 19, 2025
81a4cc5
chore: 重构单元测试
ArgoZhang Dec 19, 2025
2f86dd6
test: 增加单元测试
ArgoZhang Dec 19, 2025
ddcd6f2
test: 更新单元测试
ArgoZhang Dec 19, 2025
7ca214f
chore: bump version 10.1.4
ArgoZhang Dec 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/BootstrapBlazor/Components/Upload/AvatarUpload.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,9 @@
{
<div @key="item" class="@GetItemClassString()" id="@item.ValidateId" style="@ItemStyleString">
<Avatar Url="@item.PrevUrl" />
<div class="upload-item-actions">
<span class="upload-item-delete" @onclick="@(e => OnFileDelete(item))">
<div class="upload-item-actions" @onclick="@(() => Preview(item.ValidateId ?? ""))">
<span class="upload-item-delete" @onclick="@(e => OnFileDelete(item))"
Comment thread
sourcery-ai[bot] marked this conversation as resolved.
Outdated
@onclick:stopPropagation="true">
<i class="@DeleteIcon"></i>
</span>
@if (GetShowProgress(item))
Expand Down
6 changes: 3 additions & 3 deletions src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -154,11 +154,11 @@ protected override async Task TriggerOnChanged(UploadFile file)
/// 预览当前头像方法
/// </summary>
/// <returns></returns>
public async Task Preview()
public async Task Preview(string id)
{
if(ShowPreviewList)
if(ShowPreviewList && !string.IsNullOrWhiteSpace(id) && Files.Any(r => r.ValidateId == id))
{
await InvokeVoidAsync("preview", PreviewerId, 0);
await InvokeVoidAsync("preview", PreviewerId, Files.IndexOf(Files.First(r => r.ValidateId == id)));
Comment thread
sourcery-ai[bot] marked this conversation as resolved.
Outdated
}
}

Expand Down
8 changes: 8 additions & 0 deletions src/BootstrapBlazor/Components/Upload/InputUpload.razor.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,6 +157,14 @@
.upload .upload-body.is-avatar .upload-item:hover .upload-item-actions .upload-item-delete {
display: block;
color: var(--bs-danger);
padding: 0.1rem;
border-radius: 0.5rem;
border: 0.1rem solid var(--bs-danger);
}

.upload .upload-body.is-avatar .upload-item:hover .upload-item-actions .upload-item-delete:hover {
color: var(--bs-white);
background-color: var(--bs-danger);
}

.upload .upload-body.is-avatar .upload-item.is-invalid .upload-item-spin {
Expand Down
Loading