diff --git a/package.json b/package.json
index ecf03dd2e22ae92186791d7de9530a772da12ffa..e8b8d1f0fcd6fec341ff71d176fdfcd45d380c27 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "@visactor/vchart": "^1.12.3",
     "@visactor/vchart-theme": "^1.12.1",
     "animate.css": "^4.1.1",
-    "axios": "^1.4.0",
+    "axios": "^1.6.8",
     "cesium": "1.99",
     "color": "^4.2.3",
     "crypto-js": "^4.1.1",
diff --git a/src/api/axios.ts b/src/api/axios.ts
index 7e74ac1a202fc241edd8a4ef6d43d66b8928c39c..e353d032bcaabe85ed7b0c04f6ccf158ffaf2b73 100644
--- a/src/api/axios.ts
+++ b/src/api/axios.ts
@@ -1,9 +1,9 @@
-import axios, { AxiosResponse, AxiosRequestConfig, Axios } from 'axios'
+import axios, { AxiosResponse, AxiosRequestConfig, Axios,AxiosRequestHeaders,InternalAxiosRequestConfig } from 'axios'
 import { ResultEnum, ModuleTypeEnum } from "@/enums/httpEnum"
 import {PageEnum, ErrorPageNameMap, PreviewEnum} from "@/enums/pageEnum"
 import { StorageEnum } from '@/enums/storageEnum'
 import { axiosPre } from '@/settings/httpSetting'
-import { SystemStoreEnum, SystemStoreUserInfoEnum } from '@/store/modules/systemStore/systemStore.d'
+import { SystemStoreEnum, SystemStoreUserInfoEnum,UserInfoType } from '@/store/modules/systemStore/systemStore.d'
 import {
     redirectErrorPage,
     getLocalStorage,
@@ -28,7 +28,9 @@ let base_url=`${import.meta.env.PROD ? import.meta.env.VITE_PRO_PATH : ''}${axio
 
 const dialog = useDialog()
 
-export interface MyResponseType<T> {
+
+
+export interface MyResponseType<T> extends AxiosResponse<T, any>{
   code: ResultEnum
   data: T
   message: string
@@ -44,17 +46,14 @@ const axiosInstance = axios.create({
 }) as unknown as MyRequestInstance
 
 axiosInstance.interceptors.request.use(
-  (config: AxiosRequestConfig) => {
+  (config:InternalAxiosRequestConfig) => {
     // 获取 tenantId
     const info = getLocalStorage(StorageEnum.GO_SYSTEM_STORE)
       // console.log(window.location)
     const tenantId = info ? info[SystemStoreEnum.TENANT_INFO]['tenantId'] : undefined
-    if (tenantId) {
-      config.headers = {
-        ...config.headers,
-        'tenant-id': tenantId
-      }
-    }
+
+    if (tenantId) (config as Recordable).headers['tenant-id'] = tenantId
+
 
     // 白名单校验
     if (includes(fetchAllowList, config.url)) return config
@@ -64,11 +63,13 @@ axiosInstance.interceptors.request.use(
       routerTurnByName(PageEnum.BASE_LOGIN_NAME)
       return config
     }
-    const userInfo = info[SystemStoreEnum.USER_INFO]
-    config.headers = {
-      ...config.headers,
-      [userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token']: 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
-    }
+    const userInfo:UserInfoType = info[SystemStoreEnum.USER_INFO] as UserInfoType
+
+    (config as Recordable).headers.Authorization = 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
+    //   config.headers = {
+    //   ...config.headers,
+    //   [userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token']: 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
+    // }
     return config
   },
   (err: AxiosRequestConfig) => {
@@ -123,12 +124,12 @@ axiosInstance.interceptors.response.use(
                 })
                 //修改当前访问令牌
                 // config.headers!.Authorization = 'Bearer ' + (await refreshTokenRes).data.data.accessToken
-                const userInfo = info[SystemStoreEnum.USER_INFO]
-                config.headers = {
-                    ...config.headers,
-                    [userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token']: 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
-                }
-
+                const userInfo:UserInfoType = info[SystemStoreEnum.USER_INFO] as UserInfoType
+                // config.headers = {
+                //     ...config.headers,
+                //     [userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token']: 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
+                // }
+                (config as Recordable).headers.Authorization = 'Bearer ' + userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
                 requestList.forEach((cb: any) => {
                     cb()
                 })
diff --git a/src/components/Pages/ChartItemSetting/StylesSetting.vue b/src/components/Pages/ChartItemSetting/StylesSetting.vue
index efb1d65369d963704138780b2a9dcf1cb11ab623..a226847c991387650b91be572b7d3101b42f9be7 100644
--- a/src/components/Pages/ChartItemSetting/StylesSetting.vue
+++ b/src/components/Pages/ChartItemSetting/StylesSetting.vue
@@ -182,7 +182,7 @@ const props = defineProps({
     default: false
   },
   chartStyles: {
-    type: Object as PropType<Omit<PickCreateComponentType<'styles'>, 'animations'>>,
+    type: Object as PropType<Omit<PickCreateComponentType<'styles'>, 'animations' | 'animationsOpen' | 'animationsCirculate' | 'animationsCurve' | 'animationsDirection' | 'circulatePlayTime' | 'circulateDelayTime'>>,
     required: true
   }
 })
diff --git a/src/packages/components/Charts/Lines/LineGradientSingle/index.vue b/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
index 5f9f2d6c7efda3a340edd0905ad9bd232a1308f0..e638ab8d308a56c3db46e2fba2a457cee7f86cf8 100644
--- a/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
+++ b/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
@@ -6,6 +6,7 @@
 <script setup lang="ts">
 import { reactive, watch, PropType } from 'vue'
 import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
 import { use, graphic } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
 import { LineChart } from 'echarts/charts'
@@ -15,7 +16,7 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { chartColorsSearch, defaultTheme } from '@/settings/chartThemes/index'
 import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
 import { useChartDataFetch } from '@/hooks'
-import { isPreview } from '@/utils'
+import { isPreview, colorGradientCustomMerge} from '@/utils'
 
 const props = defineProps({
   themeSetting: {
@@ -32,6 +33,8 @@ const props = defineProps({
   }
 })
 
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
 use([DatasetComponent, CanvasRenderer, LineChart, GridComponent, TooltipComponent, LegendComponent])
 const chartEditStore = useChartEditStore()
 
@@ -41,41 +44,45 @@ const option = reactive({
 
 // 渐变色处理
 watch(
-  () => chartEditStore.getEditCanvasConfig.chartThemeColor,
-  (newColor: keyof typeof chartColorsSearch) => {
-    try {
-      if (!isPreview()) {
-        const themeColor = chartColorsSearch[newColor] || chartColorsSearch[defaultTheme]
-        props.chartConfig.option.series.forEach((value: any, index: number) => {
-          value.areaStyle.color = new graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: themeColor[3]
-            },
-            {
-              offset: 1,
-              color: 'rgba(0,0,0, 0)'
-            }
-          ])
-        })
+    () => chartEditStore.getEditCanvasConfig.chartThemeColor,
+    (newColor: keyof typeof chartColorsSearch) => {
+      try {
+        if (!isPreview()) {
+          const themeColor =
+              colorGradientCustomMerge(chartEditStore.getEditCanvasConfig.chartCustomThemeColorInfo)[newColor] ||
+              colorGradientCustomMerge(chartEditStore.getEditCanvasConfig.chartCustomThemeColorInfo)[defaultTheme]
+          props.chartConfig.option.series.forEach((value: any, index: number) => {
+            value.areaStyle.color = new graphic.LinearGradient(0, 0, 0, 1, [
+              {
+                offset: 0,
+                color: themeColor[3]
+              },
+              {
+                offset: 1,
+                color: 'rgba(0,0,0, 0)'
+              }
+            ])
+          })
+        }
+        option.value = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
+        props.chartConfig.option = option.value
+      } catch (error) {
+        console.log(error)
       }
-      option.value = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
-      props.chartConfig.option = option.value
-    } catch (error) {
-      console.log(error)
+    },
+    {
+      immediate: true
     }
-  },
-  {
-    immediate: true
-  }
 )
 
 watch(
-  () => props.chartConfig.option.dataset,
-  () => {
-    option.value = props.chartConfig.option
-  }
+    () => props.chartConfig.option.dataset,
+    () => {
+      option.value = props.chartConfig.option
+    }
 )
 
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
+const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
+  props.chartConfig.option.dataset = newData
+})
 </script>
diff --git a/src/packages/components/Decorates/Mores/FlipperNumber/index.vue b/src/packages/components/Decorates/Mores/FlipperNumber/index.vue
index e5369bbe81d38af1ef6ed4953a19a122158f9649..9d9f3c8cc547f3b6c7ef8a4e92ce6e31ba15141a 100644
--- a/src/packages/components/Decorates/Mores/FlipperNumber/index.vue
+++ b/src/packages/components/Decorates/Mores/FlipperNumber/index.vue
@@ -1,18 +1,18 @@
 <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"
+        :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>
@@ -43,34 +43,35 @@ const {
   flipperRadius,
   flipperGap,
   flipperType,
-  flipperSpeed
+  flipperSpeed,
+  flipperBorderWidth
 } = toRefs(props.chartConfig.option as OptionType)
 
 const flipperData = ref<string[] | number[]>([])
 const getFlipperData = (val: string | number) => {
   return val
-    .toString()
-    .padStart(flipperLength.value, '0') // 左侧填充|右对齐
-    .split('') // 转数组
-    .slice(flipperLength.value * -1) // 从后面取指定长度
+      .toString()
+      .padStart(flipperLength.value, '0') // 左侧填充|右对齐
+      .split('') // 转数组
+      .slice(flipperLength.value * -1) // 从后面取指定长度
 }
 const updateDatasetHandler = (newVal: string | number) => {
   flipperData.value = getFlipperData(newVal)
 }
 
 watch(
-  () => props.chartConfig.option,
-  newVal => {
-    try {
-      updateDatasetHandler((newVal as OptionType).dataset)
-    } catch (error) {
-      console.log(error)
+    () => props.chartConfig.option,
+    newVal => {
+      try {
+        updateDatasetHandler((newVal as any as OptionType).dataset)
+      } catch (error) {
+        console.log(error)
+      }
+    },
+    {
+      immediate: true,
+      deep: true
     }
-  },
-  {
-    immediate: true,
-    deep: true
-  }
 )
 
 useChartDataFetch(props.chartConfig, useChartEditStore, (newVal: string | number) => {
diff --git a/src/packages/components/Informations/Texts/TextCard/index.vue b/src/packages/components/Informations/Texts/TextCard/index.vue
index bd02533fef0cfeb9468110d5fe37887ea649212e..81eed18364efecc066ef34768cee3037031523a9 100644
--- a/src/packages/components/Informations/Texts/TextCard/index.vue
+++ b/src/packages/components/Informations/Texts/TextCard/index.vue
@@ -51,7 +51,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import {Component ,PropType, toRefs, shallowReactive, watch, computed, ref, onMounted,onMethods, nextTick} from 'vue'
+import {Component ,PropType, toRefs, shallowReactive, watch, computed, ref, onMounted, nextTick} from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
 import { useChartDataFetch } from '@/hooks'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
diff --git a/src/router/index.ts b/src/router/index.ts
index 9ae22154a5e879288d808d651ebe657d24136d2b..b58a14e0c2d27ee8b30715ae1fed7fba1d87c636 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,5 @@
 import type { App } from 'vue'
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-import { RedirectRoute } from '@/router/base'
 import { createRouterGuards } from './router-guards'
 import { PageEnum } from '@/enums/pageEnum'
 import { HttpErrorPage, LoginRoute, ReloadRoute, RedirectRoute } from '@/router/base'
diff --git a/src/store/modules/chartEditStore/chartEditStore.ts b/src/store/modules/chartEditStore/chartEditStore.ts
index 79ff4b300046639e943cbd8836287f6af3425e21..5507534ae0cd1231852b0c2e3be43df6dc8b8279 100644
--- a/src/store/modules/chartEditStore/chartEditStore.ts
+++ b/src/store/modules/chartEditStore/chartEditStore.ts
@@ -667,7 +667,7 @@ export const useChartEditStore = defineStore({
           } else {
             const group = historyData[0] as CreateComponentGroupType
             group.groupList.forEach(item => {
-              ids.push(item.id)
+              ids.unshift(item.id)
             })
           }
           this.setGroup(ids, false)
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 0516823b66a0b0342880dd1a137f020341159e8b..509b4016a9050454e0d6bc3dc7535cd5ddc92331 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -117,25 +117,25 @@ export const isMac = () => {
 /**
  * * file转url
  */
-export const fileToUrl = (file: File): string => {
-  const Url = URL || window.URL || window.webkitURL
-  const ImageUrl = Url.createObjectURL(file)
-  return ImageUrl
-}
+// export const fileToUrl = (file: File): string => {
+//   const Url = URL || window.URL || window.webkitURL
+//   const ImageUrl = Url.createObjectURL(file)
+//   return ImageUrl
+// }
 
 /**
  * * file转base64
  */
-export const fileTobase64 = (file: File, callback: Function) => {
-  let reader = new FileReader()
-  reader.readAsDataURL(file)
-  reader.onload = function (e: ProgressEvent<FileReader>) {
-    if (e.target) {
-      let base64 = e.target.result
-      callback(base64)
-    }
-  }
-}
+// export const fileTobase64 = (file: File, callback: Function) => {
+//   let reader = new FileReader()
+//   reader.readAsDataURL(file)
+//   reader.onload = function (e: ProgressEvent<FileReader>) {
+//     if (e.target) {
+//       let base64 = e.target.result
+//       callback(base64)
+//     }
+//   }
+// }
 
 /**
  * * 挂载监听
diff --git a/src/views/edit/index.vue b/src/views/edit/index.vue
index 26b09b5ddaefa59f288dd7fcb2be209cdad7e480..7414b2ed18e97a32866978d74e38c2d822c80fc5 100644
--- a/src/views/edit/index.vue
+++ b/src/views/edit/index.vue
@@ -29,9 +29,9 @@
       </n-layout-header>
       <n-layout-content>
         <monaco-editor
-          v-model:modelValue="content"
-          language="json"
-          :editorOptions="{
+            v-model:modelValue="content"
+            language="json"
+            :editorOptions="{
             lineNumbers: 'on',
             minimap: { enabled: true }
           }"
@@ -42,22 +42,21 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { ref } from 'vue'
 import { MonacoEditor } from '@/components/Pages/MonacoEditor'
 import { SavePageEnum } from '@/enums/editPageEnum'
 import { getSessionStorageInfo } from '../preview/utils'
-import type { ChartEditStorageType } from '../preview/index.d'
-import { setSessionStorage, fetchRouteParamsLocation, JSONStringify, JSONParse, setTitle } from '@/utils'
+import { setSessionStorage, JSONStringify, JSONParse, setTitle, goDialog } from '@/utils'
 import { StorageEnum } from '@/enums/storageEnum'
 import { icon } from '@/plugins'
-import { useSync } from '@/views/chart/hooks/useSync.hook'
-import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { ProjectInfoEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
-const chartEditStore = useChartEditStore()
-const { dataSyncUpdate } = useSync()
-const { ChevronBackOutlineIcon, DownloadIcon } = icon.ionicons5
+import type { ChartEditStorageType } from '../preview/index.d'
+
+const { ChevronBackOutlineIcon, DownloadIcon, AnalyticsIcon } = icon.ionicons5
 const showOpenFilePicker: Function = (window as any).showOpenFilePicker
 const content = ref('')
+
+window['$message'].warning('请不要刷新此窗口！')
+
 // 从sessionStorage 获取数据
 async function getDataBySession() {
   const localStorageInfo: ChartEditStorageType = (await getSessionStorageInfo()) as unknown as ChartEditStorageType