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
|
@@ -5,39 +5,39 @@ import { Resources } from '../AResource/AResource';
|
|
|
5
5
|
export interface IFileRendererProps {
|
|
6
6
|
/**
|
|
7
7
|
* file : File
|
|
8
|
-
* Description : file to render
|
|
8
|
+
* <br/>Description : file to render
|
|
9
9
|
*/
|
|
10
10
|
file: File;
|
|
11
11
|
}
|
|
12
12
|
export interface IAFileBoxProps extends IABaseProps {
|
|
13
13
|
/**
|
|
14
14
|
* useFile : TUseValues<File | null>
|
|
15
|
-
* Description : useFile of AFileBox
|
|
16
|
-
* Basic Usage :
|
|
17
|
-
* (1)
|
|
15
|
+
* <br/>Description : useFile of AFileBox
|
|
16
|
+
* <br/>Basic Usage :
|
|
17
|
+
* <br/>(1)const [file, setFile] = useState<File | null>(null);
|
|
18
18
|
* <AFileBox useFile={[file, setFile]}/>
|
|
19
19
|
*/
|
|
20
20
|
useFile: TUseValues<File | null>;
|
|
21
21
|
/**
|
|
22
22
|
* FileRenderer? : (props: IFileRendererProps) => React.ReactNode
|
|
23
|
-
* Description : FileRenderer of AFileBox
|
|
24
|
-
* Basic Usage :
|
|
25
|
-
* (1)
|
|
23
|
+
* <br/>Description : FileRenderer of AFileBox
|
|
24
|
+
* <br/>Basic Usage :
|
|
25
|
+
* <br/>(1)<AFileBox FileRenderer={file => <div>{file.name}</div>}/>
|
|
26
26
|
*/
|
|
27
27
|
FileRenderer?: (props: IFileRendererProps) => React.ReactNode;
|
|
28
28
|
/**
|
|
29
29
|
* resources? : typeof Resources.AFileBox
|
|
30
|
-
* Description : resources of AFileBox
|
|
31
|
-
* Basic Usage :
|
|
32
|
-
* (1)
|
|
30
|
+
* <br/>Description : resources of AFileBox
|
|
31
|
+
* <br/>Basic Usage :
|
|
32
|
+
* <br/>(1)<AFileBox resources={{'or Drag & Drop': 'or Drag the File and Drop it here'}}/>
|
|
33
33
|
*/
|
|
34
34
|
resources?: typeof Resources.AFileBox;
|
|
35
35
|
}
|
|
36
36
|
/**
|
|
37
37
|
* AComponent : AFileBox
|
|
38
|
-
* Description : AFileBox is a file box component that can select a file.
|
|
39
|
-
* Basic Usage :
|
|
40
|
-
* (1)
|
|
38
|
+
* <br/>Description : AFileBox is a file box component that can select a file.
|
|
39
|
+
* <br/>Basic Usage :
|
|
40
|
+
* <br/>(1)const [file, setFile] = useState<File | null>(null);
|
|
41
41
|
* return <AFileBox useFile={[file, setFile]}/>
|
|
42
42
|
*/
|
|
43
43
|
export declare const AFileBox: ({ useFile, FileRenderer, resources: extResources, ...props }: IAFileBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,46 +4,46 @@ import { TCanCallback } from '../../AUtils/cbF';
|
|
|
4
4
|
export interface IAFloatMenuActions {
|
|
5
5
|
/**
|
|
6
6
|
* open : () => void
|
|
7
|
-
* Description : open AFloatMenu
|
|
7
|
+
* <br/>Description : open AFloatMenu
|
|
8
8
|
*/
|
|
9
9
|
open: () => void;
|
|
10
10
|
/**
|
|
11
11
|
* close : () => void
|
|
12
|
-
* Description : close AFloatMenu
|
|
12
|
+
* <br/>Description : close AFloatMenu
|
|
13
13
|
*/
|
|
14
14
|
close: () => void;
|
|
15
15
|
/**
|
|
16
16
|
* toggle : () => void
|
|
17
|
-
* Description : toggle AFloatMenu
|
|
17
|
+
* <br/>Description : toggle AFloatMenu
|
|
18
18
|
*/
|
|
19
19
|
toggle: () => void;
|
|
20
20
|
}
|
|
21
21
|
export interface IAFloatMenuContentProps {
|
|
22
22
|
/**
|
|
23
23
|
* defKey : TIdx
|
|
24
|
-
* Description : defKey of AFloatMenu
|
|
24
|
+
* <br/>Description : defKey of AFloatMenu
|
|
25
25
|
*/
|
|
26
26
|
defKey: TIdx;
|
|
27
27
|
/**
|
|
28
28
|
* def : IAFloatMenuDef
|
|
29
|
-
* Description : def of AFloatMenu
|
|
29
|
+
* <br/>Description : def of AFloatMenu
|
|
30
30
|
*/
|
|
31
31
|
def: IAFloatMenuDef;
|
|
32
32
|
}
|
|
33
33
|
export interface IAFloatMenuDef {
|
|
34
34
|
/**
|
|
35
35
|
* noDisplay? : boolean
|
|
36
|
-
* Description : decides whether to display the menu or not
|
|
36
|
+
* <br/>Description : decides whether to display the menu or not
|
|
37
37
|
*/
|
|
38
38
|
noDisplay?: boolean;
|
|
39
39
|
/**
|
|
40
40
|
* isDisabled? : boolean
|
|
41
|
-
* Description : decides whether the menu is disabled or not
|
|
41
|
+
* <br/>Description : decides whether the menu is disabled or not
|
|
42
42
|
*/
|
|
43
43
|
isDisabled?: boolean;
|
|
44
44
|
/**
|
|
45
45
|
* content? : TCanCallback<IAFloatMenuContentProps, React.ReactNode>
|
|
46
|
-
* Description : content of AFloatMenu
|
|
46
|
+
* <br/>Description : content of AFloatMenu
|
|
47
47
|
*/
|
|
48
48
|
content?: TCanCallback<IAFloatMenuContentProps, React.ReactNode>;
|
|
49
49
|
}
|
|
@@ -53,9 +53,9 @@ export type TAFloatMenuDefs = {
|
|
|
53
53
|
export interface IAFloatMenuProps {
|
|
54
54
|
/**
|
|
55
55
|
* defs : TAFloatMenuDefs
|
|
56
|
-
* Description : defs of AFloatMenu
|
|
57
|
-
* Basic Usage :
|
|
58
|
-
* (1)
|
|
56
|
+
* <br/>Description : defs of AFloatMenu
|
|
57
|
+
* <br/>Basic Usage :
|
|
58
|
+
* <br/>(1)const defs = {
|
|
59
59
|
* 'testDefKey' : {
|
|
60
60
|
* content : ({defKey, def}) => <div>{defKey}</div>,
|
|
61
61
|
* },
|
|
@@ -66,9 +66,9 @@ export interface IAFloatMenuProps {
|
|
|
66
66
|
defs: TAFloatMenuDefs;
|
|
67
67
|
/**
|
|
68
68
|
* defaultDef? : IAFloatMenuDef
|
|
69
|
-
* Description : defaultDef of AFloatMenu. it will affect all defs.
|
|
70
|
-
* Basic Usage :
|
|
71
|
-
* (1)
|
|
69
|
+
* <br/>Description : defaultDef of AFloatMenu. it will affect all defs.
|
|
70
|
+
* <br/>Basic Usage :
|
|
71
|
+
* <br/>(1)const defs = {
|
|
72
72
|
* 'testDefKey' : {
|
|
73
73
|
* content : ({defKey, def}) => <div>{defKey}</div>,
|
|
74
74
|
* },
|
|
@@ -82,9 +82,9 @@ export interface IAFloatMenuProps {
|
|
|
82
82
|
defaultDef?: IAFloatMenuDef;
|
|
83
83
|
/**
|
|
84
84
|
* anchorRef : React.RefObject<HTMLElement>
|
|
85
|
-
* Description : anchorRef of AFloatMenu
|
|
86
|
-
* Basic Usage :
|
|
87
|
-
* (1)
|
|
85
|
+
* <br/>Description : anchorRef of AFloatMenu
|
|
86
|
+
* <br/>Basic Usage :
|
|
87
|
+
* <br/>(1)const anchorRef = useRef<HTMLDivElement>(null);
|
|
88
88
|
* return <>
|
|
89
89
|
* <div ref={anchorRef}>I am anchor</div>
|
|
90
90
|
* <AFloatMenu anchorRef={anchorRef}/>
|
|
@@ -93,25 +93,25 @@ export interface IAFloatMenuProps {
|
|
|
93
93
|
anchorRef: React.RefObject<HTMLElement>;
|
|
94
94
|
/**
|
|
95
95
|
* position? : EDir12
|
|
96
|
-
* Description : position of AFloatMenu based on anchorRef
|
|
97
|
-
* Basic Usage :
|
|
98
|
-
* (1)
|
|
96
|
+
* <br/>Description : position of AFloatMenu based on anchorRef
|
|
97
|
+
* <br/>Basic Usage :
|
|
98
|
+
* <br/>(1)<AFloatMenu position={EDir12.W}/>
|
|
99
99
|
*/
|
|
100
100
|
position?: EDir12;
|
|
101
101
|
/**
|
|
102
102
|
* actionRef? : TActionRef<IAFloatMenuActions>
|
|
103
|
-
* Description : actionRef of AFloatMenu
|
|
104
|
-
* Basic Usage :
|
|
105
|
-
* (1)
|
|
103
|
+
* <br/>Description : actionRef of AFloatMenu
|
|
104
|
+
* <br/>Basic Usage :
|
|
105
|
+
* <br/>(1)const actionRef = useRef<IAFloatMenuActions>();
|
|
106
106
|
* return <AFloatMenu actionRef={actionRef}/>
|
|
107
107
|
*/
|
|
108
108
|
actionRef?: TActionRef<IAFloatMenuActions>;
|
|
109
109
|
}
|
|
110
110
|
/**
|
|
111
111
|
* AComponent : AFloatMenu
|
|
112
|
-
* Description : AFloatMenu is a floating component with menues to click.
|
|
113
|
-
* Basic Usage :
|
|
114
|
-
* (1)
|
|
112
|
+
* <br/>Description : AFloatMenu is a floating component with menues to click.
|
|
113
|
+
* <br/>Basic Usage :
|
|
114
|
+
* <br/>(1)const defs = {
|
|
115
115
|
* 'testDefKey' : {
|
|
116
116
|
* content : ({defKey, def}) => <div>{defKey}</div>,
|
|
117
117
|
* },
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { IABaseProps } from '../ABase/ABase';
|
|
2
2
|
/**
|
|
3
3
|
* AComponent : AFrame : RowFrame
|
|
4
|
-
* Description : RowFrame is a frame component that is displayed as a row and aligned center.
|
|
5
|
-
* Basic Usage :
|
|
6
|
-
* (1)
|
|
4
|
+
* <br/>Description : RowFrame is a frame component that is displayed as a row and aligned center.
|
|
5
|
+
* <br/>Basic Usage :
|
|
6
|
+
* <br/>(1)<RowFrame>
|
|
7
7
|
* Items
|
|
8
8
|
* <div>Item1</div>
|
|
9
9
|
* <AICon icon="Alert"/>
|
|
@@ -12,9 +12,9 @@ import { IABaseProps } from '../ABase/ABase';
|
|
|
12
12
|
export declare const RowFrame: (props: IABaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
/**
|
|
14
14
|
* AComponent : AFrame : ColFrame
|
|
15
|
-
* Description : ColFrame is a frame component that is displayed as a column and aligned center.
|
|
16
|
-
* Basic Usage :
|
|
17
|
-
* (1)
|
|
15
|
+
* <br/>Description : ColFrame is a frame component that is displayed as a column and aligned center.
|
|
16
|
+
* <br/>Basic Usage :
|
|
17
|
+
* <br/>(1)<ColFrame>
|
|
18
18
|
* Items
|
|
19
19
|
* <div>Item1</div>
|
|
20
20
|
* <AICon icon="Alert"/>
|
|
@@ -24,9 +24,9 @@ export declare const ColFrame: (props: IABaseProps) => import("react/jsx-runtime
|
|
|
24
24
|
interface IOverflowFrameProps extends IABaseProps {
|
|
25
25
|
/**
|
|
26
26
|
* noOverflowTooltip? : boolean
|
|
27
|
-
* Description : decides whether to display tooltip when overflowed or not
|
|
28
|
-
* Basic Usage :
|
|
29
|
-
* (1)
|
|
27
|
+
* <br/>Description : decides whether to display tooltip when overflowed or not
|
|
28
|
+
* <br/>Basic Usage :
|
|
29
|
+
* <br/>(1)<OverflowFrame noOverflowTooltip>
|
|
30
30
|
* Long TextTextTextTextTextTextTextTextTextText
|
|
31
31
|
* </OverflowFrame>
|
|
32
32
|
*/
|
|
@@ -34,9 +34,9 @@ interface IOverflowFrameProps extends IABaseProps {
|
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
36
|
* AComponent : AFrame : OverflowFrame
|
|
37
|
-
* Description : OverflowFrame is a frame component that is text-ellipsis and shows tooltips when overflowed.
|
|
38
|
-
* Basic Usage :
|
|
39
|
-
* (1)
|
|
37
|
+
* <br/>Description : OverflowFrame is a frame component that is text-ellipsis and shows tooltips when overflowed.
|
|
38
|
+
* <br/>Basic Usage :
|
|
39
|
+
* <br/>(1)<OverflowFrame>
|
|
40
40
|
* Long TextTextTextTextTextTextTextTextTextText
|
|
41
41
|
* </OverflowFrame>
|
|
42
42
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* AComponent : AGrow
|
|
3
|
-
* Description : AGrow is a frame component that grows flexibly.
|
|
4
|
-
* Basic Usage :
|
|
5
|
-
* (1)
|
|
3
|
+
* <br/>Description : AGrow is a frame component that grows flexibly.
|
|
4
|
+
* <br/>Basic Usage :
|
|
5
|
+
* <br/>(1)<div style={{display: 'flex', flexGrow: 1}}>
|
|
6
6
|
* Left Item
|
|
7
7
|
* <AGrow/>
|
|
8
8
|
* Right Item
|
|
@@ -6,17 +6,17 @@ export type TIcons = keyof typeof AIcons;
|
|
|
6
6
|
export interface IAIconProps extends IASVGProps {
|
|
7
7
|
/**
|
|
8
8
|
* icon : TIcons
|
|
9
|
-
* Description : icon to render
|
|
10
|
-
* Basic Usage :
|
|
11
|
-
* (1)
|
|
9
|
+
* <br/>Description : icon to render
|
|
10
|
+
* <br/>Basic Usage :
|
|
11
|
+
* <br/>(1)<AIcon icon="Alert"/>
|
|
12
12
|
*/
|
|
13
13
|
icon: TIcons;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* AComponent : AIcon
|
|
17
|
-
* Description : AIcon is an icon component that can render icons.
|
|
18
|
-
* Basic Usage :
|
|
19
|
-
* (1)
|
|
17
|
+
* <br/>Description : AIcon is an icon component that can render icons.
|
|
18
|
+
* <br/>Basic Usage :
|
|
19
|
+
* <br/>(1)<AIcon icon="Alert"/>
|
|
20
20
|
*/
|
|
21
21
|
export declare const AIcon: ({ icon, svgRef, ...rest }: IAIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export declare const AIcons: Readonly<{
|
|
@@ -6,110 +6,110 @@ export type TInputType = 'Primary' | 'Secondary' | 'Error';
|
|
|
6
6
|
export interface IAInputProps extends IABaseProps, IAWrapProps {
|
|
7
7
|
/**
|
|
8
8
|
* onEnterPress? : (value: string) => void
|
|
9
|
-
* Description : onEnterPress of AInput
|
|
10
|
-
* Basic Usage :
|
|
11
|
-
* (1)
|
|
9
|
+
* <br/>Description : onEnterPress of AInput
|
|
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? : TInputType = 'Primary'
|
|
16
|
-
* Description : type of AInput
|
|
17
|
-
* Basic Usage :
|
|
18
|
-
* (1)
|
|
16
|
+
* <br/>Description : type of AInput
|
|
17
|
+
* <br/>Basic Usage :
|
|
18
|
+
* <br/>(1)<AInput type="Secondary"/>
|
|
19
19
|
*/
|
|
20
20
|
type?: TInputType;
|
|
21
21
|
/**
|
|
22
22
|
* inputRef? : React.RefObject<HTMLInputElement>
|
|
23
|
-
* Description : inputRef of AInput
|
|
24
|
-
* Basic Usage :
|
|
25
|
-
* (1)
|
|
23
|
+
* <br/>Description : inputRef of AInput
|
|
24
|
+
* <br/>Basic Usage :
|
|
25
|
+
* <br/>(1)const inputRef = useRef<HTMLInputElement>(null);
|
|
26
26
|
* <AInput inputRef={inputRef}/>
|
|
27
27
|
*/
|
|
28
28
|
inputRef?: React.RefObject<HTMLInputElement>;
|
|
29
29
|
/**
|
|
30
30
|
* useValue? : TUseValues<string>
|
|
31
|
-
* Description : useValue of AInput
|
|
32
|
-
* Basic Usage :
|
|
33
|
-
* (1)
|
|
31
|
+
* <br/>Description : useValue of AInput
|
|
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
|
* isReadonly? : boolean
|
|
39
|
-
* Description : decides whether the input is readonly or not
|
|
40
|
-
* Basic Usage :
|
|
41
|
-
* (1)
|
|
39
|
+
* <br/>Description : decides whether the input is readonly or not
|
|
40
|
+
* <br/>Basic Usage :
|
|
41
|
+
* <br/>(1)<AInput isReadonly/>
|
|
42
42
|
*/
|
|
43
43
|
isReadonly?: boolean;
|
|
44
44
|
/**
|
|
45
45
|
* placeholder? : string
|
|
46
|
-
* Description : placeholder of AInput
|
|
47
|
-
* Basic Usage :
|
|
48
|
-
* (1)
|
|
46
|
+
* <br/>Description : placeholder of AInput
|
|
47
|
+
* <br/>Basic Usage :
|
|
48
|
+
* <br/>(1)<AInput placeholder="Placeholder"/>
|
|
49
49
|
*/
|
|
50
50
|
placeholder?: string;
|
|
51
51
|
/**
|
|
52
52
|
* maxLength? : number
|
|
53
|
-
* Description : maxLength of AInput
|
|
54
|
-
* Basic Usage :
|
|
55
|
-
* (1)
|
|
53
|
+
* <br/>Description : maxLength of AInput
|
|
54
|
+
* <br/>Basic Usage :
|
|
55
|
+
* <br/>(1)<AInput maxLength={10}/>
|
|
56
56
|
*/
|
|
57
57
|
maxLength?: number;
|
|
58
58
|
/**
|
|
59
59
|
* tabIndex? : number
|
|
60
|
-
* Description : tabIndex of AInput
|
|
61
|
-
* Basic Usage :
|
|
62
|
-
* (1)
|
|
60
|
+
* <br/>Description : tabIndex of AInput
|
|
61
|
+
* <br/>Basic Usage :
|
|
62
|
+
* <br/>(1)<AInput tabIndex={1}/>
|
|
63
63
|
*/
|
|
64
64
|
tabIndex?: number;
|
|
65
65
|
/**
|
|
66
66
|
* autoFocus? : boolean
|
|
67
|
-
* Description : decides whether the input is focused or not
|
|
68
|
-
* Basic Usage :
|
|
69
|
-
* (1)
|
|
67
|
+
* <br/>Description : decides whether the input is focused or not
|
|
68
|
+
* <br/>Basic Usage :
|
|
69
|
+
* <br/>(1)<AInput autoFocus/>
|
|
70
70
|
*/
|
|
71
71
|
autoFocus?: boolean;
|
|
72
72
|
/**
|
|
73
73
|
* isPassword? : boolean
|
|
74
|
-
* Description : decides whether the input is password or not. if true, values will be masked.
|
|
75
|
-
* Basic Usage :
|
|
76
|
-
* (1)
|
|
74
|
+
* <br/>Description : decides whether the input is password or not. if true, values will be masked.
|
|
75
|
+
* <br/>Basic Usage :
|
|
76
|
+
* <br/>(1)<AInput isPassword/>
|
|
77
77
|
*/
|
|
78
78
|
isPassword?: boolean;
|
|
79
79
|
/**
|
|
80
80
|
* autoComplete? : string = 'off'
|
|
81
|
-
* Description : autoComplete of AInput
|
|
82
|
-
* Basic Usage :
|
|
83
|
-
* (1)
|
|
81
|
+
* <br/>Description : autoComplete of AInput
|
|
82
|
+
* <br/>Basic Usage :
|
|
83
|
+
* <br/>(1)<AInput autoComplete="on"/>
|
|
84
84
|
*/
|
|
85
85
|
autoComplete?: string;
|
|
86
86
|
/**
|
|
87
87
|
* LeftAddon? : React.ReactNode
|
|
88
|
-
* Description : LeftAddon of AInput
|
|
89
|
-
* Basic Usage :
|
|
90
|
-
* (1)
|
|
88
|
+
* <br/>Description : LeftAddon of AInput
|
|
89
|
+
* <br/>Basic Usage :
|
|
90
|
+
* <br/>(1)<AInput LeftAddon={<AICon icon="Search"/>}/>
|
|
91
91
|
*/
|
|
92
92
|
LeftAddon?: React.ReactNode;
|
|
93
93
|
/**
|
|
94
94
|
* RightAddon? : React.ReactNode
|
|
95
|
-
* Description : RightAddon of AInput
|
|
96
|
-
* Basic Usage :
|
|
97
|
-
* (1)
|
|
95
|
+
* <br/>Description : RightAddon of AInput
|
|
96
|
+
* <br/>Basic Usage :
|
|
97
|
+
* <br/>(1)<AInput RightAddon={<AICon icon="Search"/>}/>
|
|
98
98
|
*/
|
|
99
99
|
RightAddon?: React.ReactNode;
|
|
100
100
|
/**
|
|
101
101
|
* inputProps? : React.InputHTMLAttributes<HTMLInputElement>
|
|
102
|
-
* Description : inputProps of AInput
|
|
103
|
-
* Basic Usage :
|
|
104
|
-
* (1)
|
|
102
|
+
* <br/>Description : inputProps of AInput
|
|
103
|
+
* <br/>Basic Usage :
|
|
104
|
+
* <br/>(1)<AInput inputProps={{onFocus: () => console.log('focus')}}/>
|
|
105
105
|
*/
|
|
106
106
|
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
107
107
|
}
|
|
108
108
|
/**
|
|
109
109
|
* AComponent : AInput
|
|
110
|
-
* Description : AInput is an input component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
|
|
111
|
-
* Basic Usage :
|
|
112
|
-
* (1)
|
|
110
|
+
* <br/>Description : AInput is an input component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
|
|
111
|
+
* <br/>Basic Usage :
|
|
112
|
+
* <br/>(1)const [value, setValue] = useState<string>('');
|
|
113
113
|
* return <AInput useValue={[value, setValue]}/>
|
|
114
114
|
*/
|
|
115
115
|
export declare const AInput: ({ onEnterPress, type, inputRef, useValue, isReadonly, placeholder, maxLength, tabIndex, autoFocus, isPassword, autoComplete, LeftAddon, RightAddon, inputProps, wrapProps, helperText, label, wrapType, ...abaseProps }: IAInputProps) => React.ReactNode;
|
|
@@ -17,29 +17,29 @@ import { TIdx } from '../ATypes/ATypes';
|
|
|
17
17
|
export interface IAListViewContentProps<T extends IObject> {
|
|
18
18
|
/**
|
|
19
19
|
* defKey : TIdx
|
|
20
|
-
* Description : defKey of AListView
|
|
20
|
+
* <br/>Description : defKey of AListView
|
|
21
21
|
*/
|
|
22
22
|
defKey: TIdx;
|
|
23
23
|
/**
|
|
24
24
|
* item : T
|
|
25
|
-
* Description : item of AListView
|
|
25
|
+
* <br/>Description : item of AListView
|
|
26
26
|
*/
|
|
27
27
|
item: T;
|
|
28
28
|
/**
|
|
29
29
|
* def : IAListViewDef<T>
|
|
30
|
-
* Description : def of AListView
|
|
30
|
+
* <br/>Description : def of AListView
|
|
31
31
|
*/
|
|
32
32
|
def: IAListViewDef<T>;
|
|
33
33
|
}
|
|
34
34
|
export interface IAListViewDef<T extends IObject> {
|
|
35
35
|
/**
|
|
36
36
|
* label? : TCanCallback<IAListViewContentProps<T>, React.ReactNode>
|
|
37
|
-
* Description : label of AListView
|
|
37
|
+
* <br/>Description : label of AListView
|
|
38
38
|
*/
|
|
39
39
|
label?: TCanCallback<IAListViewContentProps<T>, React.ReactNode>;
|
|
40
40
|
/**
|
|
41
41
|
* content? : TCanCallback<IAListViewContentProps<T>, React.ReactNode>
|
|
42
|
-
* Description : content of AListView
|
|
42
|
+
* <br/>Description : content of AListView
|
|
43
43
|
*/
|
|
44
44
|
content?: TCanCallback<IAListViewContentProps<T>, React.ReactNode>;
|
|
45
45
|
}
|
|
@@ -51,8 +51,8 @@ export type TAListViewDefs<T extends IObject> = {
|
|
|
51
51
|
export interface IAListViewProps<T extends IObject> extends IABaseProps {
|
|
52
52
|
/**
|
|
53
53
|
* defs : TAListViewDefs<T>
|
|
54
|
-
* Description : defs of AListView
|
|
55
|
-
* Basic Usage :
|
|
54
|
+
* <br/>Description : defs of AListView
|
|
55
|
+
* <br/>Basic Usage :
|
|
56
56
|
* const defs = {
|
|
57
57
|
* 'Name': {label: ({item}) => item.name},
|
|
58
58
|
* 'Age': {content: ({item}) => item.age},
|
|
@@ -62,25 +62,25 @@ export interface IAListViewProps<T extends IObject> extends IABaseProps {
|
|
|
62
62
|
defs: TAListViewDefs<T>;
|
|
63
63
|
/**
|
|
64
64
|
* defaultDef? : IAListViewDef<T>
|
|
65
|
-
* Description : defaultDef of AListView. it affects no all defs, and can be overridden by each def.
|
|
66
|
-
* Basic Usage :
|
|
67
|
-
* (1)
|
|
65
|
+
* <br/>Description : defaultDef of AListView. it affects no all defs, and can be overridden by each def.
|
|
66
|
+
* <br/>Basic Usage :
|
|
67
|
+
* <br/>(1)const defaultDef = {label: ({defKey}) => defKey};
|
|
68
68
|
* <AListView defs={{'Name': {content: ({item}) => item.name}}} defaultDef={defaultDef}/>
|
|
69
69
|
*/
|
|
70
70
|
defaultDef?: IAListViewDef<T>;
|
|
71
71
|
/**
|
|
72
72
|
* item : T
|
|
73
|
-
* Description : item of AListView
|
|
74
|
-
* Basic Usage :
|
|
75
|
-
* (1)
|
|
73
|
+
* <br/>Description : item of AListView
|
|
74
|
+
* <br/>Basic Usage :
|
|
75
|
+
* <br/>(1)<AListView defs={{'Name': {content: ({item}) => item.name}}} item={{name: 'John'}}/>
|
|
76
76
|
*/
|
|
77
77
|
item: T;
|
|
78
78
|
}
|
|
79
79
|
/**
|
|
80
80
|
* AComponent : AListView
|
|
81
|
-
* Description : AListView is a list view component that can show the key:values of items
|
|
82
|
-
* Basic Usage :
|
|
83
|
-
* (1)
|
|
81
|
+
* <br/>Description : AListView is a list view component that can show the key:values of items
|
|
82
|
+
* <br/>Basic Usage :
|
|
83
|
+
* <br/>(1)const defs = {
|
|
84
84
|
* 'Name': {label: ({item}) => item.name},
|
|
85
85
|
* 'Age': {content: ({item}) => item.age},
|
|
86
86
|
* }
|