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.
@@ -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;
@@ -88,6 +88,9 @@ export declare const Resources: {
88
88
  and: string;
89
89
  'more file(s)': string;
90
90
  };
91
+ AProgressBar: {
92
+ Progress: string;
93
+ };
91
94
  };
92
95
  export type TResource = typeof Resources;
93
96
  export type TResourceType = keyof TResource;