@haloduck/ui 1.0.0 → 2.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 +42 -60
- package/package.json +16 -9
package/README.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# @haloduck/ui
|
|
2
2
|
|
|
3
|
-
HaloDuck UI Library
|
|
3
|
+
HaloDuck UI Library is a modern and reusable UI component library for Angular-based applications.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
8
|
npm install @haloduck/ui
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
##
|
|
11
|
+
## Post Installation
|
|
12
12
|
### update `angular.json`
|
|
13
13
|
Update `angular.json` file.
|
|
14
14
|
```json
|
|
@@ -28,64 +28,46 @@ Copy i18n files to `public/i18n` folder in the root folder.
|
|
|
28
28
|
npx haloduck-copy-i18n
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
-
##
|
|
32
|
-
|
|
33
|
-
### Control
|
|
34
|
-
- **Button**:
|
|
35
|
-
- **Input**:
|
|
36
|
-
- **Select**:
|
|
37
|
-
- **DatePicker**:
|
|
38
|
-
- **DateRange**:
|
|
39
|
-
- **Calendar**:
|
|
40
|
-
- **Toggle**:
|
|
41
|
-
- **CopyButton**:
|
|
42
|
-
- **LanguageSelector**:
|
|
43
|
-
- **ImageUploader**:
|
|
44
|
-
- **FileUploader**:
|
|
45
|
-
- **ImageViewer**:
|
|
46
|
-
- **STLViewer**: 3D STL
|
|
47
|
-
- **MapToAddress**:
|
|
48
|
-
- **DrawCanvas**:
|
|
49
|
-
- **Flip**:
|
|
50
|
-
- **ConfirmDialog**:
|
|
51
|
-
- **Table**:
|
|
52
|
-
|
|
53
|
-
### Layout
|
|
54
|
-
- **Breadcrumb**:
|
|
55
|
-
- **DialogContainer**:
|
|
56
|
-
- **Notification**:
|
|
57
|
-
- **SideMenu**:
|
|
58
|
-
|
|
59
|
-
### Widget
|
|
60
|
-
- **PictureName**:
|
|
61
|
-
|
|
62
|
-
##
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
```typescript
|
|
67
|
-
export const appConfig: ApplicationConfig = {
|
|
68
|
-
providers: [
|
|
69
|
-
// ...
|
|
70
|
-
provideHaloduckUtilIconSet({
|
|
71
|
-
default: '/app/images/default-file-preview.svg',
|
|
72
|
-
stl: '/app/images/default-stl-preview.svg',
|
|
73
|
-
pdf: '/app/images/default-pdf-preview.svg',
|
|
74
|
-
}),
|
|
75
|
-
// ...
|
|
76
|
-
],
|
|
77
|
-
};
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
## 스타일링
|
|
81
|
-
|
|
82
|
-
이 라이브러리는 Tailwind CSS를 기반으로 제작되었습니다. Tailwind CSS가 프로젝트에 설치되어 있어야 합니다.
|
|
31
|
+
## Key Components
|
|
32
|
+
|
|
33
|
+
### Control Components
|
|
34
|
+
- **Button**: Button components with various styles
|
|
35
|
+
- **Input**: Form input component
|
|
36
|
+
- **Select**: Dropdown selection component
|
|
37
|
+
- **DatePicker**: Date picker component
|
|
38
|
+
- **DateRange**: Date range selection component
|
|
39
|
+
- **Calendar**: Calendar component
|
|
40
|
+
- **Toggle**: Toggle switch component
|
|
41
|
+
- **CopyButton**: Text copy button
|
|
42
|
+
- **LanguageSelector**: Language selection component
|
|
43
|
+
- **ImageUploader**: Image upload component
|
|
44
|
+
- **FileUploader**: File upload component
|
|
45
|
+
- **ImageViewer**: Image viewer component
|
|
46
|
+
- **STLViewer**: 3D STL file viewer
|
|
47
|
+
- **MapToAddress**: Address mapping component
|
|
48
|
+
- **DrawCanvas**: Drawing canvas component
|
|
49
|
+
- **Flip**: Flip animation component
|
|
50
|
+
- **ConfirmDialog**: Confirmation dialog
|
|
51
|
+
- **Table**: Data table component
|
|
52
|
+
|
|
53
|
+
### Layout Components
|
|
54
|
+
- **Breadcrumb**: Breadcrumb navigation
|
|
55
|
+
- **DialogContainer**: Dialog container
|
|
56
|
+
- **Notification**: Notification component
|
|
57
|
+
- **SideMenu**: Side menu component
|
|
58
|
+
|
|
59
|
+
### Widget Components
|
|
60
|
+
- **PictureName**: Image and name display widget
|
|
61
|
+
|
|
62
|
+
## Styling
|
|
63
|
+
|
|
64
|
+
This library is built on Tailwind CSS. Tailwind CSS must be installed in your project.
|
|
83
65
|
|
|
84
66
|
```bash
|
|
85
67
|
npm install tailwindcss
|
|
86
68
|
```
|
|
87
69
|
|
|
88
|
-
##
|
|
70
|
+
## Dependencies
|
|
89
71
|
|
|
90
72
|
- Angular 19.2.0+
|
|
91
73
|
- RxJS 7.8.0+
|
|
@@ -93,12 +75,12 @@ npm install tailwindcss
|
|
|
93
75
|
- Transloco 7.6.1+
|
|
94
76
|
- Angular CDK 19.2.15+
|
|
95
77
|
- NgRx Component Store 19.0.0+
|
|
96
|
-
- Three.js 0.175.0+ (3D
|
|
78
|
+
- Three.js 0.175.0+ (for 3D components)
|
|
97
79
|
|
|
98
|
-
##
|
|
80
|
+
## License
|
|
99
81
|
|
|
100
82
|
MIT License
|
|
101
83
|
|
|
102
|
-
##
|
|
84
|
+
## Support
|
|
103
85
|
|
|
104
|
-
|
|
86
|
+
If you have any issues or questions, please register them in [GitHub Issues](https://github.com/haloduck/haloduck-frontend/issues)
|
package/package.json
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@haloduck/ui",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "HaloDuck UI Library - Angular
|
|
5
|
-
"keywords": [
|
|
3
|
+
"version": "2.0.1",
|
|
4
|
+
"description": "HaloDuck UI Library - Angular",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"angular",
|
|
7
|
+
"haloduck",
|
|
8
|
+
"ui",
|
|
9
|
+
"components",
|
|
10
|
+
"typescript",
|
|
11
|
+
"tailwindcss"
|
|
12
|
+
],
|
|
6
13
|
"author": "HaloDuck",
|
|
7
14
|
"license": "MIT",
|
|
8
15
|
"repository": {
|
|
@@ -33,16 +40,16 @@
|
|
|
33
40
|
"prepublishOnly": "npm run build:prod"
|
|
34
41
|
},
|
|
35
42
|
"peerDependencies": {
|
|
36
|
-
"@angular/common": "^
|
|
37
|
-
"@angular/core": "^
|
|
43
|
+
"@angular/common": "^20.0.0",
|
|
44
|
+
"@angular/core": "^20.0.0",
|
|
38
45
|
"rxjs": "~7.8.0",
|
|
39
|
-
"@angular/forms": "^
|
|
46
|
+
"@angular/forms": "^20.0.0",
|
|
40
47
|
"@jsverse/transloco": "^7.6.1",
|
|
41
|
-
"@angular/cdk": "^
|
|
42
|
-
"@ngrx/component-store": "^
|
|
48
|
+
"@angular/cdk": "^20.0.0",
|
|
49
|
+
"@ngrx/component-store": "^20.0.0",
|
|
43
50
|
"three": "^0.175.0",
|
|
44
51
|
"three-stdlib": "^2.35.15",
|
|
45
|
-
"@types/three": "^0.
|
|
52
|
+
"@types/three": "^0.178.1"
|
|
46
53
|
},
|
|
47
54
|
"dependencies": {
|
|
48
55
|
"tslib": "^2.3.0"
|