@uni-design-system/uni-angular 2.0.4 → 3.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
CHANGED
|
@@ -21,13 +21,15 @@ The official **Angular** implementation of the Uni Design System. Built from the
|
|
|
21
21
|
```bash
|
|
22
22
|
npm install @uni-design-system/uni-angular @uni-design-system/uni-core @emotion/css
|
|
23
23
|
```
|
|
24
|
-
|
|
24
|
+
|
|
25
|
+
_Note: This package requires `@emotion/css` to be present in the host application as a peer dependency._
|
|
25
26
|
|
|
26
27
|
## 🏁 Getting Started
|
|
27
28
|
|
|
28
29
|
This library utilizes fully standalone components compliant with modern Angular architectures. Simply import the component into your Standalone Component or Angular Module:
|
|
29
30
|
|
|
30
31
|
### 1. Import Component
|
|
32
|
+
|
|
31
33
|
```typescript
|
|
32
34
|
import { Component } from '@angular/core';
|
|
33
35
|
import { ButtonComponent } from '@uni-design-system/uni-angular';
|
|
@@ -36,12 +38,7 @@ import { ButtonComponent } from '@uni-design-system/uni-angular';
|
|
|
36
38
|
selector: 'app-root',
|
|
37
39
|
standalone: true,
|
|
38
40
|
imports: [ButtonComponent], // 🟢 Inject here
|
|
39
|
-
template: `
|
|
40
|
-
<uni-button
|
|
41
|
-
text="Hello Uni!"
|
|
42
|
-
(click)="handleOnClick()">
|
|
43
|
-
</uni-button>
|
|
44
|
-
`
|
|
41
|
+
template: ` <uni-button text="Hello Uni!" (click)="handleOnClick()"> </uni-button> `,
|
|
45
42
|
})
|
|
46
43
|
export class AppComponent {
|
|
47
44
|
handleOnClick() {
|
|
@@ -51,7 +48,7 @@ export class AppComponent {
|
|
|
51
48
|
```
|
|
52
49
|
|
|
53
50
|
## 🛠️ Architecture Profile
|
|
51
|
+
|
|
54
52
|
- **Framework Support:** Angular `^21.2.0`
|
|
55
53
|
- **Package Format:** Compiled strictly under the **Angular Package Format (APF)** using `ng-packagr` into flat, optimized `fesm2022` modules.
|
|
56
54
|
- **CSS Architecture:** Leverages native CSS properties and token maps for high-performance hardware rendering, avoiding heavy deprecated runtime framework animation libraries.
|
|
57
|
-
|