From 57798b9000153b56d99a633486a859041de57019 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Fri, 12 Aug 2022 17:09:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E5=88=86=E7=BB=84?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E4=BC=9A=E9=80=89=E6=8B=A9=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E4=B8=8A=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/ContentConfigurations/index.d.ts |  6 ++++++
 src/views/chart/ContentConfigurations/index.vue  | 15 ++++++++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 src/views/chart/ContentConfigurations/index.d.ts

diff --git a/src/views/chart/ContentConfigurations/index.d.ts b/src/views/chart/ContentConfigurations/index.d.ts
new file mode 100644
index 00000000..d17818aa
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/index.d.ts
@@ -0,0 +1,6 @@
+export enum TabsEnum {
+  PAGE_SETTING = 'pageSetting',
+  CHART_SETTING = 'chartSetting',
+  CHART_ANIMATION = 'chartAnimation',
+  CHART_DATA = 'chartData',
+}
diff --git a/src/views/chart/ContentConfigurations/index.vue b/src/views/chart/ContentConfigurations/index.vue
index 90947d95..6d408f48 100644
--- a/src/views/chart/ContentConfigurations/index.vue
+++ b/src/views/chart/ContentConfigurations/index.vue
@@ -37,7 +37,7 @@
         </n-tabs>
 
         <!-- 编辑 -->
-        <n-tabs v-if="selectTarget" class="tabs-box" size="small" type="segment">
+        <n-tabs v-if="selectTarget" v-model:value="tabsSelect" class="tabs-box" size="small" type="segment">
           <n-tab-pane
             v-for="item in selectTarget.isGroup ? chartsDefaultTabList : chartsTabList"
             :key="item.key"
@@ -66,6 +66,7 @@ import { ref, toRefs, watch, computed } from 'vue'
 import { icon } from '@/plugins'
 import { loadAsyncComponent } from '@/utils'
 import { ContentBox } from '../ContentBox/index'
+import { TabsEnum } from './index.d'
 import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
 import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -83,6 +84,7 @@ const ChartData = loadAsyncComponent(() => import('./components/ChartData/index.
 const ChartAnimation = loadAsyncComponent(() => import('./components/ChartAnimation/index.vue'))
 
 const collapsed = ref<boolean>(getDetails.value)
+const tabsSelect = ref<TabsEnum>(TabsEnum.CHART_SETTING)
 
 const collapsedHandle = () => {
   collapsed.value = true
@@ -99,6 +101,9 @@ const selectTarget = computed(() => {
   // 排除多个
   if (selectId.length !== 1) return undefined
   const target = chartEditStore.componentList[chartEditStore.fetchTargetIndex()]
+  if (target?.isGroup) {
+    tabsSelect.value = TabsEnum.CHART_SETTING
+  }
   return target
 })
 
@@ -113,7 +118,7 @@ watch(getDetails, newData => {
 // 页面设置
 const globalTabList = [
   {
-    key: 'pageSetting',
+    key: TabsEnum.PAGE_SETTING,
     title: '页面配置',
     icon: DesktopOutlineIcon,
     render: CanvasPage
@@ -122,13 +127,13 @@ const globalTabList = [
 
 const chartsDefaultTabList = [
   {
-    key: 'ChartSetting',
+    key: TabsEnum.CHART_SETTING,
     title: '定制',
     icon: ConstructIcon,
     render: ChartSetting
   },
   {
-    key: 'ChartAnimation',
+    key: TabsEnum.CHART_ANIMATION,
     title: '动画',
     icon: LeafIcon,
     render: ChartAnimation
@@ -138,7 +143,7 @@ const chartsDefaultTabList = [
 const chartsTabList = [
   ...chartsDefaultTabList,
   {
-    key: 'ChartData',
+    key: TabsEnum.CHART_DATA,
     title: '数据',
     icon: FlashIcon,
     render: ChartData