@uni-design-system/uni-angular 2.0.2 → 2.0.4
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 +57 -0
- package/fesm2022/uni-design-system-uni-angular.mjs +1944 -0
- package/fesm2022/uni-design-system-uni-angular.mjs.map +1 -0
- package/package.json +22 -34
- package/types/uni-design-system-uni-angular.d.ts +483 -0
- package/.storybook/main.ts +0 -41
- package/.storybook/manager.ts +0 -24
- package/.storybook/preview.ts +0 -21
- package/.storybook/tsconfig.json +0 -24
- package/.storybook/typings.d.ts +0 -4
- package/.storybook/vite.config.ts +0 -7
- package/.turbo/turbo-build.log +0 -25
- package/CHANGELOG.md +0 -35
- package/angular.json +0 -47
- package/dist/fesm2022/uni-design-system-uni-angular.mjs +0 -32
- package/dist/fesm2022/uni-design-system-uni-angular.mjs.map +0 -1
- package/dist/types/uni-design-system-uni-angular.d.ts +0 -11
- package/ng-package.json +0 -7
- package/src/lib/button.component.ts +0 -28
- package/src/lib/button.stories.ts +0 -20
- package/src/lib/cdk/datasource/base-datasource.ts +0 -113
- package/src/lib/cdk/datasource/datasource.types.ts +0 -10
- package/src/lib/cdk/datasource/record-datasource.ts +0 -115
- package/src/lib/cdk/datasource/server-side-datasource.ts +0 -172
- package/src/lib/cdk/helpers/memoize.helper.ts +0 -15
- package/src/lib/cdk/helpers/number.helper.ts +0 -2
- package/src/lib/cdk/index.ts +0 -3
- package/src/lib/cdk/local-storage/local-storage.service.ts +0 -124
- package/src/lib/cdk/option/option.model.ts +0 -6
- package/src/lib/cdk/timer/timer.ts +0 -66
- package/src/lib/components/text/text.component.ts +0 -57
- package/src/lib/components/text/text.mdx +0 -15
- package/src/lib/components/text/text.stories.ts +0 -39
- package/src/lib/theming/theme.service.ts +0 -270
- package/src/lib/theming/theme.token.ts +0 -7
- package/src/public-api.ts +0 -1
- package/src/stories/blocks/StoryUsage.tsx +0 -21
- package/tsconfig.json +0 -19
package/README.md
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://uni-design-system.github.io/uni/" target="_blank">
|
|
3
|
+
<img src="https://github.com/uni-design-system/uni-react/raw/v0.0.17/.github/uni-logo.png" alt="UNI Design System">
|
|
4
|
+
</a>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
UNI Angular is a themed based component library built atop of the UNI Design System Core Concepts.
|
|
9
|
+
<p>
|
|
10
|
+
|
|
11
|
+
<p align="center">
|
|
12
|
+
<a href="https://uni-design-system.github.io/uni/docs/angular/"><strong>Browse the Angular (v21) component library →</strong></a>
|
|
13
|
+
</p>
|
|
14
|
+
|
|
15
|
+
# @uni-design-system/uni-angular
|
|
16
|
+
|
|
17
|
+
The official **Angular** implementation of the Uni Design System. Built from the ground up for modern enterprise apps, this package delivers strict, performance-optimized structural components.
|
|
18
|
+
|
|
19
|
+
## 📦 Installation
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npm install @uni-design-system/uni-angular @uni-design-system/uni-core @emotion/css
|
|
23
|
+
```
|
|
24
|
+
*Note: This package requires `@emotion/css` to be present in the host application as a peer dependency.*
|
|
25
|
+
|
|
26
|
+
## 🏁 Getting Started
|
|
27
|
+
|
|
28
|
+
This library utilizes fully standalone components compliant with modern Angular architectures. Simply import the component into your Standalone Component or Angular Module:
|
|
29
|
+
|
|
30
|
+
### 1. Import Component
|
|
31
|
+
```typescript
|
|
32
|
+
import { Component } from '@angular/core';
|
|
33
|
+
import { ButtonComponent } from '@uni-design-system/uni-angular';
|
|
34
|
+
|
|
35
|
+
@Component({
|
|
36
|
+
selector: 'app-root',
|
|
37
|
+
standalone: true,
|
|
38
|
+
imports: [ButtonComponent], // 🟢 Inject here
|
|
39
|
+
template: `
|
|
40
|
+
<uni-button
|
|
41
|
+
text="Hello Uni!"
|
|
42
|
+
(click)="handleOnClick()">
|
|
43
|
+
</uni-button>
|
|
44
|
+
`
|
|
45
|
+
})
|
|
46
|
+
export class AppComponent {
|
|
47
|
+
handleOnClick() {
|
|
48
|
+
console.log('Button clicked!');
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## 🛠️ Architecture Profile
|
|
54
|
+
- **Framework Support:** Angular `^21.2.0`
|
|
55
|
+
- **Package Format:** Compiled strictly under the **Angular Package Format (APF)** using `ng-packagr` into flat, optimized `fesm2022` modules.
|
|
56
|
+
- **CSS Architecture:** Leverages native CSS properties and token maps for high-performance hardware rendering, avoiding heavy deprecated runtime framework animation libraries.
|
|
57
|
+
|