feat: 新增 border 样式修改，修改全部设置引入方式

src/packages/components/Charts/Bars/BarCommon/config.ts

@@ -3,6 +3,7 @@ import { BarCommonConfig } from './index'
 import { CreateComponentType } from '@/packages/index.d'
 import cloneDeep from 'lodash/cloneDeep'
 import dataJson from './data.json'
+import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 export const includes = ['legend', 'xAxis', 'yAxis']
 

src/packages/components/Charts/Bars/BarCommon/config.vue

@@ -36,20 +36,23 @@
       </SettingItem>
     </SettingItemBox>
   </CollapseItem>
+  <!-- Echarts 全局设置 --> 
+  <global-setting :optionData="optionData" :in-chart="true"></global-setting>
 </template>
 
 <script setup lang="ts">
 import { PropType, computed } from 'vue'
 import {
+  GlobalSetting,
   CollapseItem,
   SettingItemBox,
   SettingItem
 } from '@/components/ChartItemSetting/index'
-import { option } from './config'
+import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 const props = defineProps({
   optionData: {
-    type: Object as PropType<typeof option>,
+    type: Object as PropType<GlobalThemeJsonType>,
     required: true
   }
 })

src/packages/components/Charts/Bars/BarCrossrange/config.vue

@@ -25,16 +25,19 @@
       </SettingItem>
     </SettingItemBox>
   </CollapseItem>
+  <!-- Echarts 全局设置 --> 
+  <global-setting :optionData="optionData" :in-chart="true"></global-setting>
 </template>
 
 <script setup lang="ts">
 import { PropType, computed } from 'vue'
-import { CollapseItem, SettingItemBox, SettingItem } from '@/components/ChartItemSetting/index'
+import { GlobalSetting, CollapseItem, SettingItemBox, SettingItem } from '@/components/ChartItemSetting/index'
 import { option } from './config'
+import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 const props = defineProps({
   optionData: {
-    type: Object as PropType<typeof option>,
+    type: Object as PropType<GlobalThemeJsonType>,
     required: true
   }
 })

src/packages/components/Charts/Lines/LineCommon/config.vue

@@ -65,21 +65,24 @@
       </SettingItem>
     </SettingItemBox>
   </CollapseItem>
+  <!-- Echarts 全局设置 -->
+  <global-setting :optionData="optionData" :in-chart="true"></global-setting>
 </template>
 
 <script setup lang="ts">
 import { PropType, computed } from 'vue'
 import { lineConf } from '@/packages/chartConfiguration/echarts/index'
 import {
+  GlobalSetting,
   CollapseItem,
   SettingItemBox,
   SettingItem
 } from '@/components/ChartItemSetting/index'
-import { option } from './config'
+import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
 
 const props = defineProps({
   optionData: {
-    type: Object as PropType<typeof option>,
+    type: Object as PropType<GlobalThemeJsonType>,
     required: true
   }
 })

src/packages/components/Charts/Pies/PieCommon/config.vue

@@ -1,6 +1,18 @@
 <template>
+  <!-- Echarts 全局设置 -->
+  <global-setting :optionData="optionData" :in-chart="true"></global-setting>
 </template>
 
 <script setup lang="ts">
+import { PropType } from 'vue'
+import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
+import { GlobalSetting } from '@/components/ChartItemSetting/index'
 
+const props = defineProps({
+  optionData: {
+    type: Object as PropType<GlobalThemeJsonType>,
+    required: true
+  }
+})
+console.log(props.optionData)
 </script>