create.config.ts
6.09 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
import {
AggregationEnum,
AggregationNameEnum,
FetchModeEnum,
OrderByEnum,
TimeIntervalUnitEnum,
TimeIntervalUnitNameEnum,
} from '../../../enum/form';
import {
OriginatorTelemetryFieldsEnum,
OriginatorTelemetryFieldsNameEnum,
} from '../../../enum/formField/enrichment';
import { FormSchema } from '/@/components/Form';
export const formSchemas: FormSchema[] = [
{
field: OriginatorTelemetryFieldsEnum.LATEST_TS_KEY_NAMES,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.LATEST_TS_KEY_NAMES,
componentProps: {
mode: 'tags',
open: false,
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.LATEST_TS_KEY_NAMES}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.FETCH_MODE,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.FETCH_MODE,
required: true,
componentProps: {
options: Object.keys(FetchModeEnum).map((value) => ({ label: value, value })),
placeholder: `请选择${OriginatorTelemetryFieldsNameEnum.FETCH_MODE}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.AGGREGATION,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.AGGREGATION,
required: true,
show: ({ model }) => model[OriginatorTelemetryFieldsEnum.FETCH_MODE] === FetchModeEnum.ALL,
componentProps: {
options: Object.keys(AggregationEnum).map((value) => ({
label: AggregationNameEnum[value],
value,
})),
placeholder: `请选择${OriginatorTelemetryFieldsNameEnum.AGGREGATION}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.ORDER_BY,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.ORDER_BY,
required: true,
helpMessage: ['Select to choose telemetry sampling order.'],
show: ({ model }) => model[OriginatorTelemetryFieldsEnum.FETCH_MODE] === FetchModeEnum.ALL,
componentProps: {
options: Object.keys(OrderByEnum).map((value) => ({ label: value, value })),
placeholder: `请选择${OriginatorTelemetryFieldsNameEnum.FETCH_MODE}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.LIMIT,
component: 'InputNumber',
label: OriginatorTelemetryFieldsNameEnum.LIMIT,
required: true,
helpMessage: [
"Min limit value is 2, max - 1000. In case you want to fetch a single entry, select fetch mode 'FIRST' or 'LAST'.",
],
show: ({ model }) => model[OriginatorTelemetryFieldsEnum.FETCH_MODE] === FetchModeEnum.ALL,
componentProps: {
min: 2,
max: 1000,
step: 1,
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.LIMIT}`,
},
},
{
field: OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS,
component: 'Checkbox',
label: '',
renderComponentContent: () => ({
default: () => OriginatorTelemetryFieldsNameEnum.USE_METADATA_INTERVAL_PATTERNS,
}),
},
{
field: OriginatorTelemetryFieldsEnum.START_INTERVAL,
component: 'InputNumber',
label: OriginatorTelemetryFieldsNameEnum.START_INTERVAL,
colProps: { span: 12 },
required: true,
show: ({ model }) => !model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
step: 1,
min: 0,
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.START_INTERVAL}`,
},
},
{
field: OriginatorTelemetryFieldsEnum.START_INTERVAL_TIME_UNIT,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.START_INTERVAL_TIME_UNIT,
colProps: { span: 12 },
required: true,
show: ({ model }) => !model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
options: Object.keys(TimeIntervalUnitEnum).map((value) => ({
label: TimeIntervalUnitNameEnum[value],
value,
})),
placeholder: `请选择${OriginatorTelemetryFieldsNameEnum.START_INTERVAL_TIME_UNIT}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.END_INTERVAL,
component: 'InputNumber',
label: OriginatorTelemetryFieldsNameEnum.END_INTERVAL,
colProps: { span: 12 },
required: true,
show: ({ model }) => !model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
step: 1,
min: 0,
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.END_INTERVAL}`,
},
},
{
field: OriginatorTelemetryFieldsEnum.END_INTERVAL_TIME_UNIT,
component: 'Select',
label: OriginatorTelemetryFieldsNameEnum.END_INTERVAL_TIME_UNIT,
colProps: { span: 12 },
required: true,
show: ({ model }) => !model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
options: Object.keys(TimeIntervalUnitEnum).map((value) => ({
label: TimeIntervalUnitNameEnum[value],
value,
})),
placeholder: `请选择${OriginatorTelemetryFieldsNameEnum.END_INTERVAL_TIME_UNIT}`,
getPopupContainer: () => document.body,
},
},
{
field: OriginatorTelemetryFieldsEnum.START_INTERVAL_PATTERN,
component: 'Input',
label: OriginatorTelemetryFieldsNameEnum.START_INTERVAL_PATTERN,
required: true,
helpMessage: [
'Hint: use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
],
ifShow: ({ model }) => model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.START_INTERVAL_PATTERN}`,
},
},
{
field: OriginatorTelemetryFieldsEnum.END_INTERVAL_PATTERN,
component: 'Input',
label: OriginatorTelemetryFieldsNameEnum.END_INTERVAL_PATTERN,
required: true,
helpMessage: [
'Hint: use ${metadataKey} for value from metadata, $[messageKey] for value from message body',
],
ifShow: ({ model }) => model[OriginatorTelemetryFieldsEnum.USE_METADATA_INTERVAL_PATTERNS],
componentProps: {
placeholder: `请输入${OriginatorTelemetryFieldsNameEnum.END_INTERVAL_PATTERN}`,
},
},
];