@sdcorejs/angular 19.0.0 → 19.0.1
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 +14 -15
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
# @sdcorejs/angular
|
|
2
2
|
|
|
3
|
-
>
|
|
4
|
-
> **EN** — Internal UI component library built on Angular Material, supporting Angular 19+
|
|
3
|
+
> Angular UI library built on Angular Material - supports Angular 19 / 20 / 21.
|
|
5
4
|
|
|
6
|
-
[](./package.json)
|
|
7
5
|
[](https://angular.dev)
|
|
8
6
|
[](https://material.angular.io)
|
|
9
7
|
|
|
8
|
+
**🚀 [Showcase](https://sdcorejs.github.io/sdcorejs-angular)** · **📖 [Storybook — code samples, props & API](https://sdcorejs.github.io/portal-template)**
|
|
9
|
+
|
|
10
10
|
---
|
|
11
11
|
|
|
12
12
|
## Table of Contents / Mục lục
|
|
@@ -423,19 +423,18 @@ import {
|
|
|
423
423
|
SdSelect, // Dropdown
|
|
424
424
|
SdAutocomplete, // Autocomplete
|
|
425
425
|
SdDate, // Date picker
|
|
426
|
-
SdSearch, // Search với debounce
|
|
427
426
|
} from '@sdcorejs/angular/forms';
|
|
428
427
|
```
|
|
429
428
|
|
|
430
429
|
```html
|
|
431
|
-
<sd-input [(
|
|
430
|
+
<sd-input [(model)]="form.name" label="Họ tên" [required]="true" />
|
|
432
431
|
|
|
433
|
-
<sd-input-number [(
|
|
432
|
+
<sd-input-number [(model)]="form.price" label="Đơn giá" [min]="0" suffix="VNĐ" />
|
|
434
433
|
|
|
435
|
-
<sd-select [(
|
|
434
|
+
<sd-select [(model)]="form.status" label="Trạng thái"
|
|
436
435
|
[items]="statusList" valueField="value" displayField="label" />
|
|
437
436
|
|
|
438
|
-
<sd-date [(
|
|
437
|
+
<sd-date [(model)]="form.birthday" label="Ngày sinh" />
|
|
439
438
|
```
|
|
440
439
|
|
|
441
440
|
---
|
|
@@ -560,17 +559,17 @@ export class ProductListComponent implements OnInit {
|
|
|
560
559
|
<sd-section title="Thông tin sản phẩm" icon="inventory">
|
|
561
560
|
<div class="row">
|
|
562
561
|
<div class="col-6">
|
|
563
|
-
<sd-input [(
|
|
562
|
+
<sd-input [(model)]="formData.code" label="Mã" [required]="true" />
|
|
564
563
|
</div>
|
|
565
564
|
<div class="col-6">
|
|
566
|
-
<sd-select [(
|
|
565
|
+
<sd-select [(model)]="formData.status" label="Trạng thái"
|
|
567
566
|
[items]="STATUS_LIST" valueField="value" displayField="label" />
|
|
568
567
|
</div>
|
|
569
568
|
<div class="col-12">
|
|
570
|
-
<sd-input [(
|
|
569
|
+
<sd-input [(model)]="formData.name" label="Tên sản phẩm" [required]="true" />
|
|
571
570
|
</div>
|
|
572
571
|
<div class="col-6">
|
|
573
|
-
<sd-input-number [(
|
|
572
|
+
<sd-input-number [(model)]="formData.price" label="Đơn giá" suffix="VNĐ" />
|
|
574
573
|
</div>
|
|
575
574
|
</div>
|
|
576
575
|
</sd-section>
|
|
@@ -591,7 +590,7 @@ export class ProductListComponent implements OnInit {
|
|
|
591
590
|
### Cấu trúc thư viện / Project structure
|
|
592
591
|
|
|
593
592
|
```
|
|
594
|
-
|
|
593
|
+
sdcorejs-angular/
|
|
595
594
|
├── src/
|
|
596
595
|
│ └── public-api.ts # Entry point chính
|
|
597
596
|
├── assets/
|
|
@@ -714,10 +713,10 @@ Thư viện tuân theo [Semantic Versioning](https://semver.org):
|
|
|
714
713
|
|
|
715
714
|
## QA / E2E
|
|
716
715
|
|
|
717
|
-
Core UI components expose runtime state via lowercase `data-*` attributes
|
|
716
|
+
Core UI components expose runtime state via lowercase `data-*` attributes for e2e selectors. The full catalog, component matrix, selector cookbook, and YAML schema for AI agents live in `docs/E2E-ATTRIBUTES.md` in the source repository.
|
|
718
717
|
|
|
719
718
|
---
|
|
720
719
|
|
|
721
720
|
## License
|
|
722
721
|
|
|
723
|
-
|
|
722
|
+
MIT - see the LICENSE file.
|