fix(msg transform): handling build errors

emqx · Jul 25, 2024 · 006a090 · 006a090
1 parent fa49887
commit 006a090
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/hooks/Rule/transform/useMessageTransform.ts b/src/hooks/Rule/transform/useMessageTransform.ts
@@ -378,15 +378,23 @@ export const useMessageTransformForm = (): UseMessageTransformFormReturn => {
 
 export const handleTransformData = (): {
   handleDataBeforeSubmit: (data: MessageTransform) => MessageTransform
+  handleFetchedData: (data: MessageTransform) => MessageTransform
 } => {
   const handleDataBeforeSubmit = (data: MessageTransform): MessageTransform => {
     const ret = cloneDeep(data)
-    if (ret.operations.length === 0) {
+    if (ret.operations?.length === 0) {
       Reflect.deleteProperty(ret, 'operations')
     }
     return ret
   }
+  const handleFetchedData = (data: MessageTransform): MessageTransform => {
+    if (!data.operations) {
+      data.operations = []
+    }
+    return data
+  }
   return {
     handleDataBeforeSubmit,
+    handleFetchedData,
   }
 }
diff --git a/src/views/RuleEngine/MessageTransform/TransformDetail.vue b/src/views/RuleEngine/MessageTransform/TransformDetail.vue
@@ -103,19 +103,19 @@ const statusData = computed(() => {
   }
 })
 
+const { handleDataBeforeSubmit, handleFetchedData } = handleTransformData()
 const getDetail = async () => {
   try {
     isLoading.value = true
     const data = await getMessageTransformDetail(transformName.value)
-    transformData.value = data
+    transformData.value = handleFetchedData(data)
   } catch (error) {
     console.error(error)
   } finally {
     isLoading.value = false
   }
 }
 
-const { handleDataBeforeSubmit } = handleTransformData()
 const updateTransform = async () => {
   try {
     isSubmitting.value = true