create.vue
2.65 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
<script lang="ts" setup>
import type { CreateModalDefineExposeType } from '../../../types';
import { BasicForm, useForm } from '/@/components/Form';
import { DeviceRelationsQuery, formSchemas, ValueType } from './create.config';
import { NodeData } from '../../../types/node';
import { RelatedDeviceAttributeFieldsEnum } from '../../../enum/formField/enrichment';
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 {
[RelatedDeviceAttributeFieldsEnum.DEVICE_RELATIONS_QUERY]: {
[RelatedDeviceAttributeFieldsEnum.FETCH_LAST_LEVEL_ONLY]:
value[RelatedDeviceAttributeFieldsEnum.FETCH_LAST_LEVEL_ONLY],
[RelatedDeviceAttributeFieldsEnum.DEVICE_TYPES]:
value[RelatedDeviceAttributeFieldsEnum.DEVICE_TYPES],
[RelatedDeviceAttributeFieldsEnum.DIRECTION]:
value[RelatedDeviceAttributeFieldsEnum.DIRECTION],
[RelatedDeviceAttributeFieldsEnum.MAX_LEVEL]:
value[RelatedDeviceAttributeFieldsEnum.MAX_LEVEL],
[RelatedDeviceAttributeFieldsEnum.RELATION_TYPE]:
value[RelatedDeviceAttributeFieldsEnum.RELATION_TYPE],
} as DeviceRelationsQuery,
[RelatedDeviceAttributeFieldsEnum.CLIENT_ATTRIBUTE_NAMES]:
value[RelatedDeviceAttributeFieldsEnum.CLIENT_ATTRIBUTE_NAMES],
[RelatedDeviceAttributeFieldsEnum.GET_LATEST_VALUE_WITH_TS]:
value[RelatedDeviceAttributeFieldsEnum.GET_LATEST_VALUE_WITH_TS],
[RelatedDeviceAttributeFieldsEnum.LATEST_TS_KEY_NAMES]:
value[RelatedDeviceAttributeFieldsEnum.LATEST_TS_KEY_NAMES],
[RelatedDeviceAttributeFieldsEnum.SERVER_ATTRIBUTE_NAMES]:
value[RelatedDeviceAttributeFieldsEnum.SERVER_ATTRIBUTE_NAMES],
[RelatedDeviceAttributeFieldsEnum.SHARED_ATTRIBUTE_NAMES]:
value[RelatedDeviceAttributeFieldsEnum.SHARED_ATTRIBUTE_NAMES],
[RelatedDeviceAttributeFieldsEnum.TELL_FAILURE_IF_ABSENT]:
value[RelatedDeviceAttributeFieldsEnum.TELL_FAILURE_IF_ABSENT],
} as ValueType;
};
const setValue: CreateModalDefineExposeType['setFieldsValue'] = (value) => {
resetFields();
setFieldsValue({
...value,
...(value?.[RelatedDeviceAttributeFieldsEnum.DEVICE_RELATIONS_QUERY] || {}),
});
};
defineExpose({
setFieldsValue: setValue,
getFieldsValue: getValue,
} as CreateModalDefineExposeType);
</script>
<template>
<BasicForm @register="register" />
</template>