fix(editor): improve status display of attachments and images (#12573)

Closes: [BS-3564](https://linear.app/affine-design/issue/BS-3564/ui-embed-view-报错-ui-加-title)
Closes: [BS-3454](https://linear.app/affine-design/issue/BS-3454/点击-reload-后应该隐藏-attachment-embed-view-左下角-status(待新状态))

<img width="807" alt="Screenshot 2025-05-28 at 17 23 26" src="https://github.com/user-attachments/assets/9ecc29f8-73c6-4441-bc38-dfe9bd876542" />

<img width="820" alt="Screenshot 2025-05-28 at 17 45 37" src="https://github.com/user-attachments/assets/68e6db17-a814-4df4-a9fa-067ca03dec30" />

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **New Features**
  - Added support for retrying failed uploads of attachments and images, allowing users to re-upload files directly from the error status interface.
  - The error status dialog now dynamically displays "Retry" for upload failures and "Reload" for download failures, with appropriate actions for each.
- **Enhancements**
  - Improved clarity and consistency in file type display and icon usage for attachments and citations.
  - Button labels in the attachment interface now have capitalized text for better readability.
- **Bug Fixes**
  - Streamlined error handling and status updates for attachment and image uploads/downloads, reducing redundant UI elements.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
fundon
2025-05-29 02:18:50 +00:00
parent de00040389
commit 5590cdd8f1
11 changed files with 159 additions and 47 deletions

View File

@@ -108,6 +108,10 @@ export class BlobEngine {
return this.main.blobState$?.(key) ?? null;
}
upload(key: string) {
return this.main.upload?.(key) ?? null;
}
start() {
if (this._abort) {
return;

View File

@@ -5,6 +5,8 @@ export interface BlobState {
downloading: boolean;
errorMessage?: string | null;
overSize: boolean;
needUpload: boolean;
needDownload: boolean;
}
export interface BlobSource {
@@ -16,4 +18,6 @@ export interface BlobSource {
list: () => Promise<string[]>;
// This state is only available when uploading to the server or downloading from the server.
blobState$?: (key: string) => Observable<BlobState> | null;
// Re-upload to the server.
upload?: (key: string) => Promise<boolean>;
}