config.ts
3.36 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
import TimeRangePicker from './TimeRangePicker.vue';
import { FormSchema, useComponentRegister } from '/@/components/Form';
import { ScheduleTypeEnum, ScheduleTypeNameEnum } from '/@/enums/linkedgeEnum';
export enum FormFieldsEnum {
SCHEDULE_TYPE = 'type',
TIMEZONE = 'timezone',
STARTS_ON = 'startsOn',
ENDS_ON = 'endsOn',
DAYS_OF_WEEK = 'daysOfWeek',
SCHEDULE_ITEMS = 'items',
TIME_RANGE = 'timeRange',
}
export enum FormFieldsNameEnum {
SCHEDULE_TYPE = '启用类型',
TIMEZONE = '时区',
DAYS_OF_WEEK = '启用日',
TIME_RANGE = '启用时间',
}
export interface EnableRuleFormType {
[FormFieldsEnum.DAYS_OF_WEEK]: number[];
[FormFieldsEnum.SCHEDULE_TYPE]: ScheduleTypeEnum;
[FormFieldsEnum.TIMEZONE]: string;
[FormFieldsEnum.TIME_RANGE]: {
[FormFieldsEnum.STARTS_ON]: number;
[FormFieldsEnum.ENDS_ON]: number;
};
}
useComponentRegister('TimeRangePicker', TimeRangePicker);
export const WeekName = ['一', '二', '三', '四', '五', '六', '日'];
export enum TimezoneEnum {
SHANG_HAI = 'Asia/Shanghai',
}
export const getFormSchemas = (): FormSchema[] => {
return [
{
field: FormFieldsEnum.SCHEDULE_TYPE,
label: FormFieldsNameEnum.SCHEDULE_TYPE,
component: 'Select',
required: true,
defaultValue: ScheduleTypeEnum.ANY_TIME,
componentProps: () => {
return {
options: Object.keys(ScheduleTypeEnum).map((value) => ({
label: ScheduleTypeNameEnum[value],
value,
})),
allowClear: false,
};
},
},
{
field: FormFieldsEnum.TIMEZONE,
label: FormFieldsNameEnum.TIMEZONE,
component: 'Select',
required: true,
defaultValue: TimezoneEnum.SHANG_HAI,
ifShow: ({ model }) => model[FormFieldsEnum.SCHEDULE_TYPE] !== ScheduleTypeEnum.ANY_TIME,
componentProps: () => {
return {
options: [{ label: TimezoneEnum.SHANG_HAI, value: TimezoneEnum.SHANG_HAI }],
allowClear: false,
};
},
},
{
field: FormFieldsEnum.SCHEDULE_ITEMS,
label: '规则',
component: 'Input',
ifShow: ({ model }) => model[FormFieldsEnum.SCHEDULE_TYPE] === ScheduleTypeEnum.CUSTOM,
slot: 'custom',
},
{
field: FormFieldsEnum.DAYS_OF_WEEK,
label: FormFieldsNameEnum.DAYS_OF_WEEK,
component: 'CheckboxGroup',
ifShow: ({ model }) => model[FormFieldsEnum.SCHEDULE_TYPE] === ScheduleTypeEnum.SPECIFIC_TIME,
rules: [{ required: true, type: 'array' }],
componentProps: () => {
return {
options: Array.from({ length: 7 }, (_, index) => ({
label: `星期${WeekName[index]}`,
value: index + 1,
})),
};
},
},
{
field: FormFieldsEnum.TIME_RANGE,
label: FormFieldsNameEnum.TIME_RANGE,
component: 'TimeRangePicker',
changeEvent: 'update:value',
valueField: 'value',
ifShow: ({ model }) => model[FormFieldsEnum.SCHEDULE_TYPE] === ScheduleTypeEnum.SPECIFIC_TIME,
rules: [
{
required: true,
validator(_rule, value: Record<'startsOn' | 'endsOn', number>, _callback) {
if (!value?.endsOn) return Promise.reject('请选择结束时间');
if (!value?.startsOn) return Promise.reject('请选择开始时间');
return Promise.resolve();
},
},
],
},
];
};