@libs-ui/components-avatar 0.2.357-7 → 0.2.357-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -12
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -114,8 +114,7 @@ Khi `getLastTextAfterSpace = true`, text `'Trần Thị Bích'` sẽ lấy ký t
|
|
|
114
114
|
```
|
|
115
115
|
|
|
116
116
|
```typescript
|
|
117
|
-
handlerPreviewImageEvent(
|
|
118
|
-
event.stopPropagation();
|
|
117
|
+
handlerPreviewImageEvent(state: 'open' | 'remove'): void {
|
|
119
118
|
if (state === 'open') {
|
|
120
119
|
console.log('Gallery viewer mở');
|
|
121
120
|
} else {
|
|
@@ -195,8 +194,8 @@ export class UserListComponent {
|
|
|
195
194
|
|
|
196
195
|
| Output | Type | Mô tả | Handler TS | Binding HTML |
|
|
197
196
|
|---|---|---|---|---|
|
|
198
|
-
| `(outAvatarError)` | `void` | Phát ra khi tất cả nguồn ảnh đều thất bại (cả `linkAvatar` lẫn `linkAvatarError`) và component chuyển sang hiển thị text fallback | `handlerAvatarError(): void {
|
|
199
|
-
| `(outEventPreviewImage)` | `'open' \| 'remove'` | Phát ra khi gallery viewer được mở (`'open'`) hoặc đóng (`'remove'`) | `handlerPreviewImageEvent(state: 'open' \| 'remove'): void {
|
|
197
|
+
| `(outAvatarError)` | `void` | Phát ra khi tất cả nguồn ảnh đều thất bại (cả `linkAvatar` lẫn `linkAvatarError`) và component chuyển sang hiển thị text fallback | `handlerAvatarError(): void { console.log('Avatar fallback'); }` | `(outAvatarError)="handlerAvatarError()"` |
|
|
198
|
+
| `(outEventPreviewImage)` | `'open' \| 'remove'` | Phát ra khi gallery viewer được mở (`'open'`) hoặc đóng (`'remove'`) | `handlerPreviewImageEvent(state: 'open' \| 'remove'): void { console.log(state); }` | `(outEventPreviewImage)="handlerPreviewImageEvent($event)"` |
|
|
200
199
|
|
|
201
200
|
## Types & Interfaces
|
|
202
201
|
|
|
@@ -266,11 +265,3 @@ avatarConfig: IAvatarConfig = {
|
|
|
266
265
|
⚠️ **Preview image và lifecycle**: Khi `[clickPreviewImage]="true"`, component tự khởi tạo và quản lý vòng đời của `LibsUiComponentsGalleryViewerComponent`. Gallery viewer sẽ tự bị hủy khi avatar component bị destroy (xử lý trong `ngOnDestroy`).
|
|
267
266
|
|
|
268
267
|
⚠️ **Transform text**: `textAvatar` được tự động xử lý: loại bỏ unicode tiếng Việt (normalize), xóa ký tự đặc biệt (giữ lại chữ và số), trim khoảng trắng, rồi lấy ký tự đầu tiên. Nếu sau xử lý không còn ký tự nào, hiển thị `—`.
|
|
269
|
-
|
|
270
|
-
## Demo
|
|
271
|
-
|
|
272
|
-
```bash
|
|
273
|
-
npx nx serve core-ui
|
|
274
|
-
```
|
|
275
|
-
|
|
276
|
-
Truy cập: http://localhost:4500/avatar
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-avatar",
|
|
3
|
-
"version": "0.2.357-
|
|
3
|
+
"version": "0.2.357-9",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/core": ">=18.0.0",
|
|
6
|
-
"@libs-ui/interfaces-types": "0.2.357-
|
|
7
|
-
"@libs-ui/utils": "0.2.357-
|
|
8
|
-
"@libs-ui/components-gallery": "0.2.357-
|
|
9
|
-
"@libs-ui/services-dynamic-component": "0.2.357-
|
|
6
|
+
"@libs-ui/interfaces-types": "0.2.357-9",
|
|
7
|
+
"@libs-ui/utils": "0.2.357-9",
|
|
8
|
+
"@libs-ui/components-gallery": "0.2.357-9",
|
|
9
|
+
"@libs-ui/services-dynamic-component": "0.2.357-9"
|
|
10
10
|
},
|
|
11
11
|
"sideEffects": false,
|
|
12
12
|
"module": "fesm2022/libs-ui-components-avatar.mjs",
|