@libs-ui/components-tabs 0.2.357-8 → 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 +8 -10
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -330,6 +330,14 @@ import {
|
|
|
330
330
|
ITabsItemEvent,
|
|
331
331
|
TYPE_TAB_MODE,
|
|
332
332
|
} from '@libs-ui/components-tabs';
|
|
333
|
+
|
|
334
|
+
// Types phụ trợ dùng bên trong ITabs / ITabsItem — import từ package tương ứng khi cần khai báo tường minh:
|
|
335
|
+
import { IButton } from '@libs-ui/components-buttons-button';
|
|
336
|
+
import { TYPE_BADGE_MODE } from '@libs-ui/components-badge';
|
|
337
|
+
import { IListConfigItem } from '@libs-ui/components-list';
|
|
338
|
+
import { IPopoverOverlay } from '@libs-ui/components-popover';
|
|
339
|
+
import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
|
|
340
|
+
import { Observable } from 'rxjs';
|
|
333
341
|
```
|
|
334
342
|
|
|
335
343
|
```typescript
|
|
@@ -520,16 +528,6 @@ export type TYPE_TAB_MODE = 'left' | 'center' | 'space-between' | 'center-has-li
|
|
|
520
528
|
|
|
521
529
|
⚠️ **fieldKey và fieldLabel cho data custom**: Khi object item dùng tên trường khác `key`/`label` (vd: từ API trả về `id`/`name`), phải truyền `[fieldKey]="'id'"` và `[fieldLabel]="'name'"` để component đọc đúng trường.
|
|
522
530
|
|
|
523
|
-
## Demo
|
|
524
|
-
|
|
525
|
-
```bash
|
|
526
|
-
npx nx serve core-ui
|
|
527
|
-
```
|
|
528
|
-
|
|
529
|
-
Truy cập: `http://localhost:4500/tabs`
|
|
530
|
-
|
|
531
|
-
Bao gồm các ví dụ: Basic responsive, Center mode, Rich content (icon + badge), Drag & Drop, và tích hợp Modal V2 để cấu hình danh sách tab động.
|
|
532
|
-
|
|
533
531
|
## Unit Tests
|
|
534
532
|
|
|
535
533
|
```bash
|
package/package.json
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-tabs",
|
|
3
|
-
"version": "0.2.357-
|
|
3
|
+
"version": "0.2.357-9",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/core": ">=18.0.0",
|
|
6
|
-
"@libs-ui/components-badge": "0.2.357-
|
|
7
|
-
"@libs-ui/components-buttons-button": "0.2.357-
|
|
8
|
-
"@libs-ui/components-list": "0.2.357-
|
|
9
|
-
"@libs-ui/components-popover": "0.2.357-
|
|
6
|
+
"@libs-ui/components-badge": "0.2.357-9",
|
|
7
|
+
"@libs-ui/components-buttons-button": "0.2.357-9",
|
|
8
|
+
"@libs-ui/components-list": "0.2.357-9",
|
|
9
|
+
"@libs-ui/components-popover": "0.2.357-9",
|
|
10
10
|
"rxjs": "~7.8.0",
|
|
11
|
-
"@libs-ui/interfaces-types": "0.2.357-
|
|
12
|
-
"@libs-ui/utils": "0.2.357-
|
|
11
|
+
"@libs-ui/interfaces-types": "0.2.357-9",
|
|
12
|
+
"@libs-ui/utils": "0.2.357-9",
|
|
13
13
|
"@ngx-translate/core": "^15.0.0",
|
|
14
|
-
"@libs-ui/pipes-call-function-in-template": "0.2.357-
|
|
15
|
-
"@libs-ui/components-drag-drop": "0.2.357-
|
|
16
|
-
"@libs-ui/services-http-request": "0.2.357-
|
|
14
|
+
"@libs-ui/pipes-call-function-in-template": "0.2.357-9",
|
|
15
|
+
"@libs-ui/components-drag-drop": "0.2.357-9",
|
|
16
|
+
"@libs-ui/services-http-request": "0.2.357-9",
|
|
17
17
|
"@angular/common": "~18.2.0"
|
|
18
18
|
},
|
|
19
19
|
"sideEffects": false,
|