-
Notifications
You must be signed in to change notification settings - Fork 1
/
types.ts
151 lines (132 loc) · 3.95 KB
/
types.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
import { ReactNode, ReactElement, CSSProperties } from 'react'
import { Moment } from 'moment'
export interface FormProps {
items?: FormItem[]
formWidth?: number
formWidthUnit?: '%' | 'px'
labelAlign?: 'left' | 'right' | 'top'
labelWidth?: number
submitText?: string
onSubmit?: (values: FormValues) => void | Promise<void>
resetText?: string
style?: CSSProperties
className?: string
resetAfterSubmit?: boolean
hideResetButton?: boolean
disabled?: boolean
extra?: ExtraAction[]
}
export enum FormItemType {
INPUT = 'input',
PASSWORD = 'password',
NUMBER = 'number',
TEXTAREA = 'textarea',
CHECKBOX = 'checkbox',
RADIO = 'radio',
SELECT = 'select',
DATEPICKER = 'datepicker',
RANGEPICKER = 'rangepicker',
CASCADER = 'cascader',
CUSTOM = 'custom'
}
export type GenericFormItem<ItemType, DefaultValue> = {
name: string
itemType: ItemType
labelText: string
hidden?: boolean
disabled?: boolean
defaultValue?: DefaultValue
}
export type InputItem = GenericFormItem<FormItemType.INPUT, string> & {
placeholder?: string
required?: boolean
re?: RegExp,
prefix?: ReactNode
}
export type PasswordItem = GenericFormItem<FormItemType.PASSWORD, string> & {
placeholder?: string
required?: boolean
re?: RegExp
prefix?: ReactNode
}
export type NumberItem = GenericFormItem<FormItemType.NUMBER, number> & {
min?: number
max?: number
step?: number
}
export type TextareaItem = GenericFormItem<FormItemType.TEXTAREA, string> & {
placeholder?: string
required?: boolean
re?: RegExp
}
// TODO: 这里原来的 defaultValue 是不带 ? 的
export type CheckboxItem = GenericFormItem<FormItemType.CHECKBOX, (string | number)[]> & {
options: {
value: string | number
text: string
}[]
required?: boolean
}
// TODO: 这里原来的 defaultValue 是不带 ? 的
export type RadioItem = GenericFormItem<FormItemType.RADIO, string | number> & {
options: {
value: string | number
text: string
}[]
buttonStyle: 'outline' | 'solid'
required?: boolean
}
export type SelectItem = GenericFormItem<FormItemType.SELECT, string | number | string[] | number[]> & {
options: {
value: string | number
text: string
}[]
getOptions?: () => Promise<{
value: string | number
text: string
}[]>
multiple?: boolean
}
export type DatepickerItem = GenericFormItem<FormItemType.DATEPICKER, Moment> & {
required?: boolean
picker?: 'date' | 'week' | 'month' | 'quarter' | 'year'
format?: string
}
export type RangepickerItem = GenericFormItem<FormItemType.RANGEPICKER, Moment[]> & {
required?: boolean
}
export type CascaderOption = {
value: string | number
text: string
children?: CascaderOption[]
}
export type CascaderItem = GenericFormItem<FormItemType.CASCADER, (string | number)[]> & {
required?: boolean
options: CascaderOption[]
getOptions?: () => Promise<CascaderOption[]>
}
export type CustomItem = GenericFormItem<FormItemType.CUSTOM, any> & {
name: string
itemType: FormItemType.CUSTOM
labelText: string
hidden?: boolean
disabled?: boolean
defaultValue: any
render: (item: Omit<CustomItem, 'render'>, state: any, formValues?: FormValues) => ReactElement
extra?: any,
}
export type FormItem = InputItem | PasswordItem | NumberItem | TextareaItem | CheckboxItem | RadioItem | SelectItem | DatepickerItem | RangepickerItem | CascaderItem | CustomItem // eslint-disable-line
export type FormValues = {
[key: string]: string | string[] | number | Moment | Moment[] | (string | number)[] | null | undefined
}
export interface ValidationResult {
result: boolean
errors: { [name: string]: string }
}
export interface ExtraAction {
key: string
text: string
buttonType?: 'default'|'primary'|'link'|'ghost'|'dashed'
buttonWidth?: number
onAction?: (key: string) => void|Promise<void>
}