Merge branch 'fix/socket-filter' into 'main_dev'

fix: 修复翻牌组件绑定socket会出现值为object

See merge request yunteng/thingskit-view!217

 <template>
   <n-space class="go-decorates-flipper-number" :size="flipperGap" align="center" justify="center">
-    <flipper
-      :count="item"
-      :width="flipperWidth"
-      :height="flipperHeight"
-      :front-color="flipperTextColor"
-      :back-color="flipperBgColor"
-      :radius="flipperRadius"
-      :flip-type="flipperType"
-      :duration="flipperSpeed"
-      :border-width="flipperBorderWidth"
-      v-for="(item, index) in flipperData"
-      :key="index"
-      class="go-d-block"
-    />
+    <flipper :count="item" :width="flipperWidth" :height="flipperHeight" :front-color="flipperTextColor"
+      :back-color="flipperBgColor" :radius="flipperRadius" :flip-type="flipperType" :duration="flipperSpeed"
+      :border-width="flipperBorderWidth" v-for="(item, index) in flipperData" :key="index" class="go-d-block" />
   </n-space>
 </template>
 
 <script setup lang="ts">
-import { PropType, toRefs, watch, ref } from 'vue'
+import { PropType, toRefs, watch, ref, computed, unref } from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartDataFetch } from '@/hooks'
 import { Flipper } from '@/components/Pages/Flipper'
 import { OptionType } from './config'
+import { RequestContentTypeEnum } from '@/enums/external/httpEnum'
+import { useTargetData } from '@/views/chart/ContentConfigurations/components/hooks/useTargetData.hook'
 
 const props = defineProps({
   chartConfig: {
@@ -34,6 +25,37 @@ const props = defineProps({
 
 const { w, h } = toRefs(props.chartConfig.attr)
 
+const { targetData, chartEditStore } = useTargetData()
+
+const isWebsocket = computed(() => {
+  const result = query(chartEditStore.getComponentList)
+  if (result === false) return false
+
+  if (result.id === targetData.value.id)
+    return targetData.value.request.requestContentType as RequestContentTypeEnum === RequestContentTypeEnum.WEB_SOCKET
+  else {
+    return result.request.requestContentType as RequestContentTypeEnum === RequestContentTypeEnum.WEB_SOCKET
+  }
+})
+
+function query(list: CreateComponentType[]) {
+  if (!list || !list?.length) return false
+
+  for (const item of list) {
+    if (item.id === targetData.value.id) {
+      return item
+    }
+    if (item.groupList && item.groupList?.length) {
+      const flag = query(list)
+      if (flag) {
+        return item
+      }
+    }
+  }
+
+  return false
+}
+
 const {
   flipperLength,
   flipperBgColor,
@@ -75,6 +97,7 @@ watch(
 )
 
 useChartDataFetch(props.chartConfig, useChartEditStore, (newVal: string | number) => {
+  if (unref(isWebsocket)) return
   updateDatasetHandler(newVal)
 })
 </script>