ados-rcm 1.1.424 → 1.1.425
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/dist/AModule/AComponents/ABase/ABase.d.ts +18 -0
- package/dist/AModule/AComponents/ADialog/ADialog.d.ts +13 -0
- package/dist/AModule/AComponents/AProgressBar/AProgressBar.d.ts +85 -0
- package/dist/AModule/AComponents/AResource/AResource.d.ts +3 -0
- package/dist/index.cjs.js +107 -107
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +8748 -8681
- package/package.json +1 -1
@@ -1,3 +1,4 @@
|
|
1
|
+
import { IAProgressBarProps } from '../AProgressBar/AProgressBar';
|
1
2
|
import { EDir4 } from '../ATypes/ATypes';
|
2
3
|
export interface IABaseProps extends React.HTMLAttributes<HTMLElement> {
|
3
4
|
className?: string;
|
@@ -51,6 +52,18 @@ export interface IABaseProps extends React.HTMLAttributes<HTMLElement> {
|
|
51
52
|
* Description : direction of tooltip.
|
52
53
|
*/
|
53
54
|
tooltipDirection?: EDir4;
|
55
|
+
/**
|
56
|
+
* progress? : number
|
57
|
+
*
|
58
|
+
* Description : if provided, shows a progress bar with the given percentage during loading state
|
59
|
+
*/
|
60
|
+
progress?: number;
|
61
|
+
/**
|
62
|
+
* progressProps? : Omit<IAProgressBarProps, 'progress'>;
|
63
|
+
*
|
64
|
+
* Description : props of the progress bar
|
65
|
+
*/
|
66
|
+
progressProps?: Omit<IAProgressBarProps, 'progress'>;
|
54
67
|
}
|
55
68
|
/**
|
56
69
|
* AComponent : ABase
|
@@ -78,5 +91,10 @@ export interface IABaseProps extends React.HTMLAttributes<HTMLElement> {
|
|
78
91
|
* <ABase tooltip="tooltip text">
|
79
92
|
* {children}
|
80
93
|
* </ABase>
|
94
|
+
*
|
95
|
+
* if (case 5)
|
96
|
+
* <ABase isLoading progress={50}>
|
97
|
+
* {children}
|
98
|
+
* </ABase>
|
81
99
|
*/
|
82
100
|
export declare const ABase: (props: IABaseProps) => React.ReactNode;
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { default as React } from 'react';
|
2
2
|
import { TUseValues } from '../../AHooks/useValues';
|
3
|
+
import { IAProgressBarProps } from '../AProgressBar/AProgressBar';
|
3
4
|
import { Resources } from '../AResource/AResource';
|
4
5
|
import { IAEvent, TPromisable } from '../ATypes/ATypes';
|
5
6
|
/**
|
@@ -127,6 +128,18 @@ export interface IADialogProps {
|
|
127
128
|
* Description : className of the cancel button
|
128
129
|
*/
|
129
130
|
cancelButtonClassName?: string;
|
131
|
+
/**
|
132
|
+
* progress? : number
|
133
|
+
*
|
134
|
+
* Description : if provided, shows a progress bar with the given percentage
|
135
|
+
*/
|
136
|
+
progress?: number;
|
137
|
+
/**
|
138
|
+
* progressProps? : Omit<IAProgressBarProps, 'progress'>;
|
139
|
+
*
|
140
|
+
* Description : props of the progress bar
|
141
|
+
*/
|
142
|
+
progressProps?: Omit<IAProgressBarProps, 'progress'>;
|
130
143
|
/**
|
131
144
|
* onOk : (e: IAEvent) => void;
|
132
145
|
*
|
@@ -0,0 +1,85 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { Resources } from '../AResource/AResource';
|
3
|
+
export interface IAProgressBarProps {
|
4
|
+
/**
|
5
|
+
* progress : number
|
6
|
+
*
|
7
|
+
* Description : 진행도 값 (0-100)
|
8
|
+
*/
|
9
|
+
progress: number;
|
10
|
+
/**
|
11
|
+
* backgroundColor? : string
|
12
|
+
*
|
13
|
+
* Description : 프로그레스 바 배경 색상
|
14
|
+
*/
|
15
|
+
backgroundColor?: string;
|
16
|
+
/**
|
17
|
+
* color? : string
|
18
|
+
*
|
19
|
+
* Description : 프로그레스 바 색상
|
20
|
+
*/
|
21
|
+
color?: string;
|
22
|
+
/**
|
23
|
+
* height? : number
|
24
|
+
*
|
25
|
+
* Description : 프로그레스 바 높이 (픽셀)
|
26
|
+
*/
|
27
|
+
height?: number;
|
28
|
+
/**
|
29
|
+
* borderRadius? : number
|
30
|
+
*
|
31
|
+
* Description : 프로그레스 바 모서리 둥글기 (픽셀)
|
32
|
+
*/
|
33
|
+
borderRadius?: number;
|
34
|
+
/**
|
35
|
+
* showPercentage? : boolean = true
|
36
|
+
*
|
37
|
+
* Description : 진행률 퍼센트(%) 표시 여부
|
38
|
+
*/
|
39
|
+
showPercentage?: boolean;
|
40
|
+
/**
|
41
|
+
* style? : React.CSSProperties
|
42
|
+
*
|
43
|
+
* Description : 사용자 정의 스타일
|
44
|
+
*/
|
45
|
+
style?: React.CSSProperties;
|
46
|
+
/**
|
47
|
+
* className? : string
|
48
|
+
*
|
49
|
+
* Description : 사용자 정의 클래스
|
50
|
+
*/
|
51
|
+
className?: string;
|
52
|
+
/**
|
53
|
+
* label? : string
|
54
|
+
*
|
55
|
+
* Description : 진행 상황 레이블
|
56
|
+
*/
|
57
|
+
label?: string;
|
58
|
+
/**
|
59
|
+
* resources? : Partial<typeof Resources.AProgressBar>
|
60
|
+
*
|
61
|
+
* Description : 진행 상황 레이블 리소스
|
62
|
+
*/
|
63
|
+
resources?: Partial<typeof Resources.AProgressBar>;
|
64
|
+
}
|
65
|
+
/**
|
66
|
+
* AComponent : AProgressBar
|
67
|
+
*
|
68
|
+
* Description : AProgressBar는 진행 상황을 시각적으로 표시하는 컴포넌트입니다.
|
69
|
+
*
|
70
|
+
* Basic Usage :
|
71
|
+
*
|
72
|
+
* if (case 1)
|
73
|
+
* <AProgressBar progress={50} />
|
74
|
+
*
|
75
|
+
* if (case 2)
|
76
|
+
* <AProgressBar
|
77
|
+
* progress={60}
|
78
|
+
* color="var(--progress-bar-color)"
|
79
|
+
* backgroundColor="var(--progress-bar-background)"
|
80
|
+
* height={12}
|
81
|
+
* borderRadius={6}
|
82
|
+
* />
|
83
|
+
*/
|
84
|
+
export declare const AProgressBar: React.FC<IAProgressBarProps>;
|
85
|
+
export default AProgressBar;
|