create.vue
1.82 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
<script lang="ts" setup>
import type { CreateModalDefineExposeType } from '../../../types';
import { BasicForm, useForm } from '/@/components/Form';
import { formSchemas, SendSMSFieldsEnum } from './create.config';
import { NodeData } from '../../../types/node';
defineProps<{
config: NodeData;
}>();
const [register, { validate, getFieldsValue, setFieldsValue, resetFields }] = useForm({
schemas: formSchemas,
showActionButtonGroup: false,
});
const getValue: CreateModalDefineExposeType['getFieldsValue'] = async () => {
await validate();
const value = getFieldsValue() || {};
return {
[SendSMSFieldsEnum.NUMBERS_TO_TEMPLATE]: value[SendSMSFieldsEnum.NUMBERS_TO_TEMPLATE],
[SendSMSFieldsEnum.SMS_MESSAGE_TEMPLATE]: value[SendSMSFieldsEnum.SMS_MESSAGE_TEMPLATE],
[SendSMSFieldsEnum.USE_SYSTEM_SMS_SETTINGS]: value[SendSMSFieldsEnum.USE_SYSTEM_SMS_SETTINGS],
[SendSMSFieldsEnum.SMS_PROVIDER_CONFIGURATION]: {
[SendSMSFieldsEnum.ACCESS_KEY_ID]: value[SendSMSFieldsEnum.ACCESS_KEY_ID],
[SendSMSFieldsEnum.REGION]: value[SendSMSFieldsEnum.REGION],
[SendSMSFieldsEnum.SECRET_ACCESS_KEY]: value[SendSMSFieldsEnum.SECRET_ACCESS_KEY],
[SendSMSFieldsEnum.TYPE]: value[SendSMSFieldsEnum.TYPE],
[SendSMSFieldsEnum.ACCOUNT_SID]: value[SendSMSFieldsEnum.ACCOUNT_SID],
[SendSMSFieldsEnum.ACCOUNT_TOKEN]: value[SendSMSFieldsEnum.ACCOUNT_TOKEN],
[SendSMSFieldsEnum.NUMBER_FROM]: value[SendSMSFieldsEnum.NUMBER_FROM],
},
};
};
const setValue: CreateModalDefineExposeType['setFieldsValue'] = (value) => {
resetFields();
setFieldsValue(value);
};
defineExpose({
setFieldsValue: setValue,
getFieldsValue: getValue,
} as CreateModalDefineExposeType);
</script>
<template>
<BasicForm @register="register" />
</template>