Merge pull request #2738 from emqx/dev/1.9.1

Sync code from refs/heads/dev/1.9.1 to enterprise

src/components/ListenerDrawer/ListenerDrawer.vue

@@ -7,6 +7,7 @@
     size="50%"
     :z-index="1999"
     class="listener-drawer"
+    destroy-on-close
   >
     <el-form
       label-position="top"

src/hooks/Config/useListenerDialog.ts

@@ -313,6 +313,7 @@ export default (props: Props, emit: Emit): UseListenerDialogReturns => {
     } else {
       // for prevent form throw error
       listenerRecord.value = createRawListener()
+      listenerCustomConfigs.value = {}
       isLoading.value = false
     }
   })

src/hooks/Rule/useSQLAvailablePlaceholder.ts

@@ -60,7 +60,10 @@ export default (): {
   })
   const { transFromStrToFromArr, getTestTargetEvent } = useRuleUtils()
   const selectList = computed<Array<string>>(() => {
-    return splitOnComma(sqlKeyParts.value.fieldStr ?? '').map((item) => trimSpacesAndLFs(item))
+    if (isUndefined(sqlKeyParts.value.fieldStr)) {
+      return []
+    }
+    return splitOnComma(sqlKeyParts.value.fieldStr).map((item) => trimSpacesAndLFs(item))
   })
   const fromList = computed(() => transFromStrToFromArr(sqlKeyParts.value.fromStr || ''))