fix(preview): 修复预览模式下未轮训请求

 import { ref, toRefs, toRaw, watch } from 'vue'
 import { ref, toRefs, toRaw, watch } from 'vue'
 import type VChart from 'vue-echarts'
 import type VChart from 'vue-echarts'
-import { customizeHttp } from '@/api/http'
 import { useChartDataPondFetch } from '@/hooks/'
 import { useChartDataPondFetch } from '@/hooks/'
 import { CreateComponentType, ChartFrameEnum } from '@/packages/index.d'
 import { CreateComponentType, ChartFrameEnum } from '@/packages/index.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { RequestDataTypeEnum } from '@/enums/httpEnum'
-import { isPreview, newFunctionHandle, intervalUnitHandle } from '@/utils'
+import { isPreview, intervalUnitHandle } from '@/utils'
 import { setOption } from '@/packages/public/chart'
 import { setOption } from '@/packages/public/chart'
+import { useChartDataSocket } from './useChartDataSocket'
+import { customRequest } from '@/api/external/customRequest'
+import { useFilterFn } from './useFilterFn'
 
 
 // 获取类型
 // 获取类型
 type ChartEditStoreType = typeof useChartEditStore
 type ChartEditStoreType = typeof useChartEditStore
@@ -52,18 +53,13 @@ export const useChartDataFetch = (
 
 
     // 目标组件
     // 目标组件
     const {
     const {
-      requestDataType,
       requestUrl,
       requestUrl,
       requestIntervalUnit: targetUnit,
       requestIntervalUnit: targetUnit,
       requestInterval: targetInterval
       requestInterval: targetInterval
     } = toRefs(targetComponent.request)
     } = toRefs(targetComponent.request)
 
 
-    // 非请求类型
-    if (requestDataType.value !== RequestDataTypeEnum.AJAX) return
-
     try {
     try {
-      // 处理地址
-      // @ts-ignore
+      // 处理地址 
       if (requestUrl?.value) {
       if (requestUrl?.value) {
         // requestOriginUrl 允许为空
         // requestOriginUrl 允许为空
         const completePath = requestOriginUrl && requestOriginUrl.value + requestUrl.value
         const completePath = requestOriginUrl && requestOriginUrl.value + requestUrl.value
@@ -72,14 +68,15 @@ export const useChartDataFetch = (
         clearInterval(fetchInterval)
         clearInterval(fetchInterval)
 
 
         const fetchFn = async () => {
         const fetchFn = async () => {
-          const res = await customizeHttp(toRaw(targetComponent.request), toRaw(chartEditStore.getRequestGlobalConfig))
+          const res = await customRequest(toRaw(targetComponent.request))
           if (res) {
           if (res) {
             try {
             try {
               const filter = targetComponent.filter
               const filter = targetComponent.filter
-              echartsUpdateHandle(newFunctionHandle(res?.data, res, filter))
+              const { value } = useFilterFn(filter, res)
+              echartsUpdateHandle(value)
               // 更新回调函数
               // 更新回调函数
               if (updateCallback) {
               if (updateCallback) {
-                updateCallback(newFunctionHandle(res?.data, res, filter))
+                updateCallback(value)
               }
               }
             } catch (error) {
             } catch (error) {
               console.error(error)
               console.error(error)
@@ -113,10 +110,9 @@ export const useChartDataFetch = (
   }
   }
 
 
   if (isPreview()) {
   if (isPreview()) {
-    // 判断是否是数据池类型
-    targetComponent.request.requestDataType === RequestDataTypeEnum.Pond
-      ? addGlobalDataInterface(targetComponent, useChartEditStore, updateCallback || echartsUpdateHandle)
-      : requestIntervalFn()
+    requestIntervalFn()
+    const { initial } = useChartDataSocket()
+    initial(targetComponent, useChartEditStore, updateCallback)
   }
   }
   return { vChartRef }
   return { vChartRef }
 }
 }

@@ -7,18 +7,21 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { RequestDataTypeEnum } from '@/enums/httpEnum'
 import { RequestDataTypeEnum } from '@/enums/httpEnum'
 import { isPreview, newFunctionHandle, intervalUnitHandle } from '@/utils'
 import { isPreview, newFunctionHandle, intervalUnitHandle } from '@/utils'
 import { setOption } from '@/packages/public/chart'
 import { setOption } from '@/packages/public/chart'
-import { useChartDataSocket } from './external/useChartDataSocket'
+
+// THINGS_KIT 重写默认方法
+export { useChartDataFetch } from './external/useChartDataFetch.hook'
 
 
 // 获取类型
 // 获取类型
 type ChartEditStoreType = typeof useChartEditStore
 type ChartEditStoreType = typeof useChartEditStore
 
 
+// THINGS_KIT 重命名默认方法
 /**
 /**
  * setdata 数据监听与更改
  * setdata 数据监听与更改
  * @param targetComponent
  * @param targetComponent
  * @param useChartEditStore 若直接引会报错，只能动态传递
  * @param useChartEditStore 若直接引会报错，只能动态传递
  * @param updateCallback 自定义更新函数
  * @param updateCallback 自定义更新函数
  */
  */
-export const useChartDataFetch = (
+export const originUseChartDataFetch = (
   targetComponent: CreateComponentType,
   targetComponent: CreateComponentType,
   useChartEditStore: ChartEditStoreType,
   useChartEditStore: ChartEditStoreType,
   updateCallback?: (...args: any) => any
   updateCallback?: (...args: any) => any
@@ -119,9 +122,5 @@ export const useChartDataFetch = (
       ? addGlobalDataInterface(targetComponent, useChartEditStore, updateCallback || echartsUpdateHandle)
       ? addGlobalDataInterface(targetComponent, useChartEditStore, updateCallback || echartsUpdateHandle)
       : requestIntervalFn()
       : requestIntervalFn()
   }
   }
-
-  // THINGS_KIT 添加socket支持
-  const { initial } = useChartDataSocket() 
-  initial(targetComponent, useChartEditStore, updateCallback)
   return { vChartRef }
   return { vChartRef }
 }
 }

@@ -37,7 +37,6 @@ export function createPermissionGuard(router: Router) {
     }
     }
 
 
     const token = userStore.getJwtToken
     const token = userStore.getJwtToken
-    console.log(token)
 
 
     if (to.matched.find(item => whitePathList.includes(item.path))) {
     if (to.matched.find(item => whitePathList.includes(item.path))) {
       if (to.path === PageEnum.BASE_LOGIN && token) {
       if (to.path === PageEnum.BASE_LOGIN && token) {

@@ -54,7 +54,7 @@ const handleFilter = (query: string, option: SelectOption) => {
 
 
 const requestHttpTypeRef = ref<RequestHttpEnum>()
 const requestHttpTypeRef = ref<RequestHttpEnum>()
 
 
-const requestIntervalValueRef = ref<number>(30)
+const requestIntervalValueRef = ref<undefined | number>(30)
 
 
 const requestIntervalUnitRef = ref<RequestHttpIntervalEnum>(RequestHttpIntervalEnum.SECOND)
 const requestIntervalUnitRef = ref<RequestHttpIntervalEnum>(RequestHttpIntervalEnum.SECOND)
 
 
@@ -112,12 +112,14 @@ const getConfigurationData = () => {
   record.requestParams[RequestParamsTypeEnum.PARAMS] = getDynamicFormValue()
   record.requestParams[RequestParamsTypeEnum.PARAMS] = getDynamicFormValue()
   record.requestParams[RequestParamsTypeEnum.HEADER] = unref(headerRef)
   record.requestParams[RequestParamsTypeEnum.HEADER] = unref(headerRef)
   record.requestParams[RequestParamsTypeEnum.BODY] = bodyValue
   record.requestParams[RequestParamsTypeEnum.BODY] = bodyValue
+  record.requestInterval = unref(requestIntervalValueRef)
+  record.requestIntervalUnit = unref(requestIntervalUnitRef)
   return record
   return record
 }
 }
 
 
 const setConfigurationData = async (request: ExtraRequestConfigType) => {
 const setConfigurationData = async (request: ExtraRequestConfigType) => {
   await getPublicInterfaceList()
   await getPublicInterfaceList()
-  const { requestDataPondId, requestParams, requestParamsBodyType, requestContentType, requestHttpType } = request
+  const { requestDataPondId, requestParams, requestParamsBodyType, requestContentType, requestHttpType, requestIntervalUnit, requestInterval } = request
   const { Header } = requestParams
   const { Header } = requestParams
   selectedPublicInterface.value = requestDataPondId
   selectedPublicInterface.value = requestDataPondId
   requestContentTypeRef.value = requestContentType
   requestContentTypeRef.value = requestContentType
@@ -125,6 +127,8 @@ const setConfigurationData = async (request: ExtraRequestConfigType) => {
   headerRef.value = Header
   headerRef.value = Header
   requestParamsBodyTypeRef.value = requestParamsBodyType
   requestParamsBodyTypeRef.value = requestParamsBodyType
   requestBodyRef.value = requestParams
   requestBodyRef.value = requestParams
+  requestIntervalUnitRef.value = requestIntervalUnit
+  requestIntervalValueRef.value = requestInterval
   await nextTick()
   await nextTick()
   setDynamicFormValue(request)
   setDynamicFormValue(request)
 }
 }