ados-rcm 1.0.9 → 1.0.10
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 +25 -25
- package/dist/AModule/AComponents/AButton/AButton.d.ts +7 -7
- package/dist/AModule/AComponents/AButton/AIconButton.d.ts +9 -9
- package/dist/AModule/AComponents/ACheckBox/ACheckBox.d.ts +9 -9
- package/dist/AModule/AComponents/AClock/AClock.d.ts +19 -19
- package/dist/AModule/AComponents/ADatePicker/ADatePicker.d.ts +34 -34
- package/dist/AModule/AComponents/ADatePicker/ADateRangePicker.d.ts +9 -9
- package/dist/AModule/AComponents/ADialog/ADialog.d.ts +50 -50
- package/dist/AModule/AComponents/AFileBox/AFileBox.d.ts +13 -13
- package/dist/AModule/AComponents/AFloatMenu/AFloatMenu.d.ts +26 -26
- package/dist/AModule/AComponents/AFrames/AFrames.d.ts +12 -12
- package/dist/AModule/AComponents/AGrow/AGrow.d.ts +3 -3
- package/dist/AModule/AComponents/AIcon/AIcon.d.ts +6 -6
- package/dist/AModule/AComponents/AInput/AInput.d.ts +45 -45
- package/dist/AModule/AComponents/AListView/AListView.d.ts +16 -16
- package/dist/AModule/AComponents/ASelect/ASelect.d.ts +43 -43
- package/dist/AModule/AComponents/ASpace/ASpace.d.ts +11 -11
- package/dist/AModule/AComponents/AStepper/AStepper.d.ts +20 -20
- package/dist/AModule/AComponents/ASwitch/ASwitch.d.ts +7 -7
- package/dist/AModule/AComponents/ATab/ATab.d.ts +25 -25
- package/dist/AModule/AComponents/ATable/ATable.d.ts +136 -136
- package/dist/AModule/AComponents/AText/AText.d.ts +9 -9
- package/dist/AModule/AComponents/ATextArea/ATextArea.d.ts +35 -35
- package/dist/AModule/AComponents/ATooltip/ATooltip.d.ts +7 -7
- package/dist/AModule/AComponents/ATree/ATree.d.ts +31 -31
- package/dist/AModule/AComponents/AWrap/AWrap.d.ts +8 -8
- package/package.json +1 -1
|
@@ -2,31 +2,31 @@ import React from 'react';
|
|
|
2
2
|
interface IATextProps {
|
|
3
3
|
/**
|
|
4
4
|
* text? : string
|
|
5
|
-
* Description : text of AText
|
|
5
|
+
* <br/>Description : text of AText
|
|
6
6
|
*/
|
|
7
7
|
text?: string;
|
|
8
8
|
/**
|
|
9
9
|
* styled? : boolean | string
|
|
10
|
-
* Description : styled of AText. if true, all text is styled. if string, the matching string on text will be styled.
|
|
10
|
+
* <br/>Description : styled of AText. if true, all text is styled. if string, the matching string on text will be styled.
|
|
11
11
|
*/
|
|
12
12
|
styled?: boolean | string;
|
|
13
13
|
/**
|
|
14
14
|
* style? : 'bold' | React.CSSProperties
|
|
15
|
-
* Description : style of AText. if 'bold', text will be bold. if React.CSSProperties, text will be styled with the style.
|
|
15
|
+
* <br/>Description : style of AText. if 'bold', text will be bold. if React.CSSProperties, text will be styled with the style.
|
|
16
16
|
*/
|
|
17
17
|
style?: 'bold' | React.CSSProperties;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* AComponent : AText
|
|
21
|
-
* Description : AText is a text component that can be styled.
|
|
22
|
-
* Basic Usage :
|
|
23
|
-
* (1)
|
|
21
|
+
* <br/>Description : AText is a text component that can be styled.
|
|
22
|
+
* <br/>Basic Usage :
|
|
23
|
+
* <br/>(1)<AText text="This is text"/>
|
|
24
24
|
*
|
|
25
|
-
* (2)
|
|
25
|
+
* <br/>(2)<AText text="This is text" styled/>
|
|
26
26
|
*
|
|
27
|
-
* (3)
|
|
27
|
+
* <br/>(3)<AText text="This is text" styled="is" style='bold'/>
|
|
28
28
|
*
|
|
29
|
-
* (4)
|
|
29
|
+
* <br/>(4)<AText text="This is text" styled="text" style={{color: 'red'}}/>
|
|
30
30
|
*/
|
|
31
31
|
export declare const AText: ({ text, styled, style }: IATextProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
export {};
|
|
@@ -6,92 +6,92 @@ export type TTextAreaType = 'Primary' | 'Secondary' | 'Error';
|
|
|
6
6
|
export interface IATextAreaProps extends IABaseProps, IAWrapProps {
|
|
7
7
|
/**
|
|
8
8
|
* onEnterPress? : (value: string) => void
|
|
9
|
-
* Description : onEnterPress of ATextArea
|
|
10
|
-
* Basic Usage :
|
|
11
|
-
* (1)
|
|
9
|
+
* <br/>Description : onEnterPress of ATextArea
|
|
10
|
+
* <br/>Basic Usage :
|
|
11
|
+
* <br/>(1)<AInput onEnterPress={value => console.log(value)}/>
|
|
12
12
|
*/
|
|
13
13
|
onEnterPress?: (value: string) => void;
|
|
14
14
|
/**
|
|
15
15
|
* type? : TTextAreaType = 'Primary'
|
|
16
|
-
* Description : type of ATextArea
|
|
17
|
-
* Basic Usage :
|
|
18
|
-
* (1)
|
|
16
|
+
* <br/>Description : type of ATextArea
|
|
17
|
+
* <br/>Basic Usage :
|
|
18
|
+
* <br/>(1)<AInput type="Secondary"/>
|
|
19
19
|
*/
|
|
20
20
|
type?: TTextAreaType;
|
|
21
21
|
/**
|
|
22
22
|
* textAreaRef? : React.RefObject<HTMLTextAreaElement>
|
|
23
|
-
* Description : textAreaRef of ATextArea
|
|
24
|
-
* Basic Usage :
|
|
25
|
-
* (1)
|
|
23
|
+
* <br/>Description : textAreaRef of ATextArea
|
|
24
|
+
* <br/>Basic Usage :
|
|
25
|
+
* <br/>(1)const textAreaRef = useRef<HTMLTextAreaElement>(null);
|
|
26
26
|
* <AInput textAreaRef={textAreaRef}/>
|
|
27
27
|
*/
|
|
28
28
|
textAreaRef?: React.RefObject<HTMLTextAreaElement>;
|
|
29
29
|
/**
|
|
30
30
|
* useValue? : TUseValues<string>
|
|
31
|
-
* Description : useValue of ATextArea
|
|
32
|
-
* Basic Usage :
|
|
33
|
-
* (1)
|
|
31
|
+
* <br/>Description : useValue of ATextArea
|
|
32
|
+
* <br/>Basic Usage :
|
|
33
|
+
* <br/>(1)const [value, setValue] = useState<string>('');
|
|
34
34
|
* <AInput useValue={[value, setValue]}/>
|
|
35
35
|
*/
|
|
36
36
|
useValue?: TUseValues<string>;
|
|
37
37
|
/**
|
|
38
38
|
* rows? : number
|
|
39
|
-
* Description : rows of ATextArea
|
|
40
|
-
* Basic Usage :
|
|
41
|
-
* (1)
|
|
39
|
+
* <br/>Description : rows of ATextArea
|
|
40
|
+
* <br/>Basic Usage :
|
|
41
|
+
* <br/>(1)<ATextArea rows={5}/>
|
|
42
42
|
*/
|
|
43
43
|
rows?: number;
|
|
44
44
|
/**
|
|
45
45
|
* readonly? : boolean
|
|
46
|
-
* Description : decides whether the input is readonly or not
|
|
47
|
-
* Basic Usage :
|
|
48
|
-
* (1)
|
|
46
|
+
* <br/>Description : decides whether the input is readonly or not
|
|
47
|
+
* <br/>Basic Usage :
|
|
48
|
+
* <br/>(1)<ATextArea readonly/>
|
|
49
49
|
*/
|
|
50
50
|
readonly?: boolean;
|
|
51
51
|
/**
|
|
52
52
|
* onChange? : (e: React.ChangeEvent<HTMLTextAreaElement>) => void
|
|
53
|
-
* Description : onChange of ATextArea
|
|
53
|
+
* <br/>Description : onChange of ATextArea
|
|
54
54
|
*/
|
|
55
55
|
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
56
56
|
/**
|
|
57
57
|
* placeholder? : string
|
|
58
|
-
* Description : placeholder of ATextArea
|
|
59
|
-
* Basic Usage :
|
|
60
|
-
* (1)
|
|
58
|
+
* <br/>Description : placeholder of ATextArea
|
|
59
|
+
* <br/>Basic Usage :
|
|
60
|
+
* <br/>(1)<ATextArea placeholder="Placeholder"/>
|
|
61
61
|
*/
|
|
62
62
|
placeholder?: string;
|
|
63
63
|
/**
|
|
64
64
|
* maxLength? : number
|
|
65
|
-
* Description : maxLength of ATextArea
|
|
66
|
-
* Basic Usage :
|
|
67
|
-
* (1)
|
|
65
|
+
* <br/>Description : maxLength of ATextArea
|
|
66
|
+
* <br/>Basic Usage :
|
|
67
|
+
* <br/>(1)<ATextArea maxLength={10}/>
|
|
68
68
|
*/
|
|
69
69
|
maxLength?: number;
|
|
70
70
|
/**
|
|
71
71
|
* tabIndex? : number
|
|
72
|
-
* Description : tabIndex of ATextArea
|
|
73
|
-
* Basic Usage :
|
|
74
|
-
* (1)
|
|
72
|
+
* <br/>Description : tabIndex of ATextArea
|
|
73
|
+
* <br/>Basic Usage :
|
|
74
|
+
* <br/>(1)<ATextArea tabIndex={1}/>
|
|
75
75
|
*/
|
|
76
76
|
tabIndex?: number;
|
|
77
77
|
/**
|
|
78
78
|
* autoFocus? : boolean
|
|
79
|
-
* Description : decides whether the input is focused or not
|
|
80
|
-
* Basic Usage :
|
|
81
|
-
* (1)
|
|
79
|
+
* <br/>Description : decides whether the input is focused or not
|
|
80
|
+
* <br/>Basic Usage :
|
|
81
|
+
* <br/>(1)<ATextArea autoFocus/>
|
|
82
82
|
*/
|
|
83
83
|
autoFocus?: boolean;
|
|
84
84
|
/**
|
|
85
85
|
* textAreaProps? : React.TextareaHTMLAttributes<HTMLTextAreaElement>
|
|
86
|
-
* Description : textAreaProps of ATextArea
|
|
86
|
+
* <br/>Description : textAreaProps of ATextArea
|
|
87
87
|
*/
|
|
88
88
|
textAreaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
89
89
|
}
|
|
90
90
|
/**
|
|
91
91
|
* AComponent : ATextArea
|
|
92
|
-
* Description : ATextArea is a textarea component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
|
|
93
|
-
* Basic Usage :
|
|
94
|
-
* (1)
|
|
92
|
+
* <br/>Description : ATextArea is a textarea component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
|
|
93
|
+
* <br/>Basic Usage :
|
|
94
|
+
* <br/>(1)const [value, setValue] = useState<string>('');
|
|
95
95
|
* return <ATextArea useValue={[value, setValue]}/>
|
|
96
96
|
*/
|
|
97
97
|
export declare const ATextArea: ({ onEnterPress, type, textAreaRef, useValue, rows, readonly, placeholder, maxLength, tabIndex, autoFocus, textAreaProps, wrapProps, helperText, label, wrapType, ...abaseProps }: IATextAreaProps) => React.ReactNode;
|
|
@@ -2,30 +2,30 @@ import { RefObject } from 'react';
|
|
|
2
2
|
interface IATooltipProps {
|
|
3
3
|
/**
|
|
4
4
|
* tooltip : React.ReactNode
|
|
5
|
-
* Description : tooltip of ATooltip
|
|
5
|
+
* <br/>Description : tooltip of ATooltip
|
|
6
6
|
*/
|
|
7
7
|
tooltip: React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* targetRef : React.RefObject<HTMLElement>
|
|
10
|
-
* Description : targetRef of ATooltip
|
|
10
|
+
* <br/>Description : targetRef of ATooltip
|
|
11
11
|
*/
|
|
12
12
|
targetRef: RefObject<HTMLElement>;
|
|
13
13
|
/**
|
|
14
14
|
* delay? : number = 0
|
|
15
|
-
* Description : delay of ATooltip
|
|
15
|
+
* <br/>Description : delay of ATooltip
|
|
16
16
|
*/
|
|
17
17
|
delay: number;
|
|
18
18
|
/**
|
|
19
19
|
* distance? : number = 10
|
|
20
|
-
* Description : distance of ATooltip
|
|
20
|
+
* <br/>Description : distance of ATooltip
|
|
21
21
|
*/
|
|
22
22
|
distance: number;
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
25
|
* AComponent : ATooltip
|
|
26
|
-
* Description : ATooltip is a tooltip component that can be attached to a target element.
|
|
27
|
-
* Basic Usage :
|
|
28
|
-
* (1)
|
|
26
|
+
* <br/>Description : ATooltip is a tooltip component that can be attached to a target element.
|
|
27
|
+
* <br/>Basic Usage :
|
|
28
|
+
* <br/>(1)const targetRef = useRef<HTMLDivElement>(null);
|
|
29
29
|
* return <>
|
|
30
30
|
* <div ref={targetRef}>Hover me</div>
|
|
31
31
|
* <ATooltip tooltip="This is tooltip" targetRef={targetRef}/>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* ATree
|
|
3
|
-
* Description :
|
|
3
|
+
* <br/>Description :
|
|
4
4
|
* - select and check is not different, check is just appeared when showCheckbox is true.
|
|
5
5
|
*
|
|
6
6
|
* Notice 1 : useSelect is considered as T[], so you should pass T[] to useSelect even if isSelectMulti is false.
|
|
@@ -18,78 +18,78 @@ import { IATreeItemProps } from './ATreeItem';
|
|
|
18
18
|
export interface IATreeSearchResult<T> {
|
|
19
19
|
/**
|
|
20
20
|
* keyword : string
|
|
21
|
-
* Description : keyword of search result
|
|
21
|
+
* <br/>Description : keyword of search result
|
|
22
22
|
*/
|
|
23
23
|
keyword: string;
|
|
24
24
|
/**
|
|
25
25
|
* items : T[]
|
|
26
|
-
* Description : items of search result
|
|
26
|
+
* <br/>Description : items of search result
|
|
27
27
|
*/
|
|
28
28
|
items: T[];
|
|
29
29
|
/**
|
|
30
30
|
* item? : T
|
|
31
|
-
* Description : item of search result
|
|
31
|
+
* <br/>Description : item of search result
|
|
32
32
|
*/
|
|
33
33
|
item?: T;
|
|
34
34
|
}
|
|
35
35
|
export interface IATreeItem<T> extends IItem {
|
|
36
36
|
/**
|
|
37
37
|
* children? : T[]
|
|
38
|
-
* Description : children of IATreeItem. tree will be rendered recursively.
|
|
38
|
+
* <br/>Description : children of IATreeItem. tree will be rendered recursively.
|
|
39
39
|
*/
|
|
40
40
|
children?: T[];
|
|
41
41
|
}
|
|
42
42
|
export interface IATreeAction {
|
|
43
43
|
/**
|
|
44
44
|
* expandAll : () => void
|
|
45
|
-
* Description : expand all items
|
|
45
|
+
* <br/>Description : expand all items
|
|
46
46
|
*/
|
|
47
47
|
expandAll: () => void;
|
|
48
48
|
/**
|
|
49
49
|
* collapseAll : () => void
|
|
50
|
-
* Description : collapse all items
|
|
50
|
+
* <br/>Description : collapse all items
|
|
51
51
|
*/
|
|
52
52
|
collapseAll: () => void;
|
|
53
53
|
}
|
|
54
54
|
export interface IATreeProps<T extends IATreeItem<T>> extends IABaseProps {
|
|
55
55
|
/**
|
|
56
56
|
* ItemRenderer? : (props: IATreeItemProps<T>) => React.ReactNode
|
|
57
|
-
* Description : ItemRenderer of ATree
|
|
57
|
+
* <br/>Description : ItemRenderer of ATree
|
|
58
58
|
*/
|
|
59
59
|
ItemRenderer?: (props: IATreeItemProps<T>) => React.ReactNode;
|
|
60
60
|
/**
|
|
61
61
|
* useItems? : TUseValues<T[]>
|
|
62
|
-
* Description : useItems of ATree. items will be changed if dragging is used
|
|
62
|
+
* <br/>Description : useItems of ATree. items will be changed if dragging is used
|
|
63
63
|
*/
|
|
64
64
|
useItems?: TUseValues<T[]>;
|
|
65
65
|
/**
|
|
66
66
|
* useExpand? : TUseValues<T[]>
|
|
67
|
-
* Description : useExpand of ATree
|
|
67
|
+
* <br/>Description : useExpand of ATree
|
|
68
68
|
*/
|
|
69
69
|
useExpand?: TUseValues<T[]>;
|
|
70
70
|
/**
|
|
71
71
|
* useSelect? : TUseValues<T[]>
|
|
72
|
-
* Description : useSelect of ATree
|
|
72
|
+
* <br/>Description : useSelect of ATree
|
|
73
73
|
*/
|
|
74
74
|
useSelect?: TUseValues<T[]>;
|
|
75
75
|
/**
|
|
76
76
|
* selectDisabled? : (item: T) => boolean | string | undefined
|
|
77
|
-
* Description : selectDisabled of ATree. if string is returned, it will be used as tooltip.
|
|
77
|
+
* <br/>Description : selectDisabled of ATree. if string is returned, it will be used as tooltip.
|
|
78
78
|
*/
|
|
79
79
|
selectDisabled?: (item: T) => boolean | string | undefined;
|
|
80
80
|
/**
|
|
81
81
|
* useSearch? : TUseValues<IATreeSearchResult<T> | undefined>
|
|
82
|
-
* Description : useSearch of ATree
|
|
82
|
+
* <br/>Description : useSearch of ATree
|
|
83
83
|
*/
|
|
84
84
|
useSearch?: TUseValues<IATreeSearchResult<T> | undefined>;
|
|
85
85
|
/**
|
|
86
86
|
* showCheckbox? : boolean
|
|
87
|
-
* Description : showCheckbox of ATree
|
|
87
|
+
* <br/>Description : showCheckbox of ATree
|
|
88
88
|
*/
|
|
89
89
|
showCheckbox?: boolean;
|
|
90
90
|
/**
|
|
91
91
|
* icons? : { noChild?: TIcons; collapsed?: TIcons; expanded?: TIcons }
|
|
92
|
-
* Description : icons of ATree
|
|
92
|
+
* <br/>Description : icons of ATree
|
|
93
93
|
*/
|
|
94
94
|
icons?: {
|
|
95
95
|
noChild?: TIcons;
|
|
@@ -98,73 +98,73 @@ export interface IATreeProps<T extends IATreeItem<T>> extends IABaseProps {
|
|
|
98
98
|
};
|
|
99
99
|
/**
|
|
100
100
|
* iconWidth? : number
|
|
101
|
-
* Description : iconWidth of ATree
|
|
101
|
+
* <br/>Description : iconWidth of ATree
|
|
102
102
|
*/
|
|
103
103
|
iconWidth?: number;
|
|
104
104
|
/**
|
|
105
105
|
* isSelectMulti? : boolean
|
|
106
|
-
* Description : isSelectMulti of ATree
|
|
106
|
+
* <br/>Description : isSelectMulti of ATree
|
|
107
107
|
*/
|
|
108
108
|
isSelectMulti?: boolean;
|
|
109
109
|
/**
|
|
110
110
|
* noSearch? : boolean
|
|
111
|
-
* Description : noSearch of ATree. if true, search will not be rendered.
|
|
111
|
+
* <br/>Description : noSearch of ATree. if true, search will not be rendered.
|
|
112
112
|
*/
|
|
113
113
|
noSearch?: boolean;
|
|
114
114
|
/**
|
|
115
115
|
* enableDrag? : boolean
|
|
116
|
-
* Description : enableDrag of ATree
|
|
116
|
+
* <br/>Description : enableDrag of ATree
|
|
117
117
|
*/
|
|
118
118
|
enableDrag?: boolean;
|
|
119
119
|
/**
|
|
120
120
|
* syncSearchSelect? : boolean
|
|
121
|
-
* Description : syncSearchSelect of ATree. if true, selectedItems will be synced with searchResult.
|
|
121
|
+
* <br/>Description : syncSearchSelect of ATree. if true, selectedItems will be synced with searchResult.
|
|
122
122
|
*/
|
|
123
123
|
syncSearchSelect?: boolean;
|
|
124
124
|
/**
|
|
125
125
|
* searchPredicate? : (inputValue: string, item: IATreeItem<T>) => any
|
|
126
|
-
* Description : searchPredicate of ATree.
|
|
126
|
+
* <br/>Description : searchPredicate of ATree.
|
|
127
127
|
*/
|
|
128
128
|
searchPredicate?: (inputValue: string, item: IATreeItem<T>) => any;
|
|
129
129
|
/**
|
|
130
130
|
* actionRef? : TActionRef<IATreeAction>
|
|
131
|
-
* Description : actionRef of ATree
|
|
131
|
+
* <br/>Description : actionRef of ATree
|
|
132
132
|
*/
|
|
133
133
|
actionRef?: TActionRef<IATreeAction>;
|
|
134
134
|
/**
|
|
135
135
|
* HeaderRightAddon? : React.ReactNode
|
|
136
|
-
* Description : HeaderRightAddon of ATree
|
|
136
|
+
* <br/>Description : HeaderRightAddon of ATree
|
|
137
137
|
*/
|
|
138
138
|
HeaderRightAddon?: React.ReactNode;
|
|
139
139
|
/**
|
|
140
140
|
* RightStickyRenderer? : (props: IATreeItemProps<T>) => React.ReactNode
|
|
141
|
-
* Description : RightStickyRenderer of ATree
|
|
141
|
+
* <br/>Description : RightStickyRenderer of ATree
|
|
142
142
|
*/
|
|
143
143
|
RightStickyRenderer?: (props: IATreeItemProps<T>) => React.ReactNode;
|
|
144
144
|
/**
|
|
145
145
|
* resources? : Partial<typeof Resources.ATree>
|
|
146
|
-
* Description : resources of ATree
|
|
146
|
+
* <br/>Description : resources of ATree
|
|
147
147
|
*/
|
|
148
148
|
resources?: Partial<typeof Resources.ATree>;
|
|
149
149
|
}
|
|
150
150
|
/**
|
|
151
151
|
* AComponent : ATree
|
|
152
|
-
* Description : ATree component. tree will be rendered recursively.
|
|
152
|
+
* <br/>Description : ATree component. tree will be rendered recursively.
|
|
153
153
|
* select and check are not different, check is just appeared when showCheckbox is true.
|
|
154
154
|
* select, check, expand, drag-to-move, search are available.
|
|
155
|
-
* Basic Usage :
|
|
156
|
-
* (1)
|
|
155
|
+
* <br/>Basic Usage :
|
|
156
|
+
* <br/>(1)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}];
|
|
157
157
|
* return <ATree useItems={[items, setItems]}/>
|
|
158
158
|
*
|
|
159
|
-
* (2)
|
|
159
|
+
* <br/>(2)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
|
|
160
160
|
* const [selected, setSelected] = useState<typeof items[0]>(items[0]);
|
|
161
161
|
* return <ATree useItems={[items, setItems]} useSelect={[selected, setSelected]}/>
|
|
162
162
|
*
|
|
163
|
-
* (3)
|
|
163
|
+
* <br/>(3)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
|
|
164
164
|
* const [expanded, setExpanded] = useState<typeof items[0]>(items[0]);
|
|
165
165
|
* return <ATree useItems={[items, setItems]} useExpand={[expanded, setExpanded]}/>
|
|
166
166
|
*
|
|
167
|
-
* (4)
|
|
167
|
+
* <br/>(4)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
|
|
168
168
|
* const [searchResult, setSearchResult] = useState<IATreeSearchResult<typeof items[0]> | undefined>(undefined);
|
|
169
169
|
* return <ATree useItems={[items, setItems]} useSearch={[searchResult, setSearchResult]}/>
|
|
170
170
|
*
|
|
@@ -2,35 +2,35 @@ import React from 'react';
|
|
|
2
2
|
export interface IAWrapProps {
|
|
3
3
|
/**
|
|
4
4
|
* wrapProps? : React.HTMLAttributes<HTMLDivElement>
|
|
5
|
-
* Description : wrapProps of AWrap
|
|
5
|
+
* <br/>Description : wrapProps of AWrap
|
|
6
6
|
*/
|
|
7
7
|
wrapProps?: React.HTMLAttributes<HTMLDivElement>;
|
|
8
8
|
/**
|
|
9
9
|
* helperText? : React.ReactNode | React.ReactNode[]
|
|
10
|
-
* Description : helperText of AWrap
|
|
10
|
+
* <br/>Description : helperText of AWrap
|
|
11
11
|
*/
|
|
12
12
|
helperText?: React.ReactNode | React.ReactNode[];
|
|
13
13
|
/**
|
|
14
14
|
* wrapType? : 'Default' | 'Error' = 'Default'
|
|
15
|
-
* Description : wrapType of AWrap
|
|
15
|
+
* <br/>Description : wrapType of AWrap
|
|
16
16
|
*/
|
|
17
17
|
wrapType?: 'Default' | 'Error';
|
|
18
18
|
/**
|
|
19
19
|
* label? : React.ReactNode
|
|
20
|
-
* Description : label of AWrap
|
|
20
|
+
* <br/>Description : label of AWrap
|
|
21
21
|
*/
|
|
22
22
|
label?: React.ReactNode;
|
|
23
23
|
/**
|
|
24
24
|
* children? : React.ReactNode
|
|
25
|
-
* Description : children of AWrap
|
|
25
|
+
* <br/>Description : children of AWrap
|
|
26
26
|
*/
|
|
27
27
|
children?: React.ReactNode;
|
|
28
28
|
}
|
|
29
29
|
/**
|
|
30
30
|
* AComponent : AWrap
|
|
31
|
-
* Description : AWrap is a wrap component that wraps the children with a label and helper text.
|
|
32
|
-
* Basic Usage :
|
|
33
|
-
* (1)
|
|
31
|
+
* <br/>Description : AWrap is a wrap component that wraps the children with a label and helper text.
|
|
32
|
+
* <br/>Basic Usage :
|
|
33
|
+
* <br/>(1)<AWrap label="Label" helperText="Helper Text">
|
|
34
34
|
* <AInput/>
|
|
35
35
|
* </AWrap>
|
|
36
36
|
*/
|