feat: 新增图表独立配置混合

src/views/chart/ContentConfigurations/components/ChartSetting/index.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="go-chart-content-details" v-if="targetData">
+    <!-- 名称 -->
+    <SettingItemBox name="名称">
+      <n-input
+        type="text"
+        maxlength="6"
+        show-count
+        placeholder="请输入图表名称"
+        size="small"
+        v-model:value="targetData.chartConfig.title"
+      />
+    </SettingItemBox>
+    <!-- 位置 -->
+    <PositionSetting :chartAttr="targetData.attr" />
+    <!-- 自定义配置项 -->
+    <component :is="targetData.chartConfig.conNode()" :optionData="targetData.option"></component>
+    <!-- 全局设置 --> 
+    <GlobalSetting :optionData="targetData.option" :in-chart="true" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, Ref } from 'vue'
+import { loadAsyncComponent } from '@/utils'
+import { useChartEditStoreStore } from '@/store/modules/chartEditStore/chartEditStore'
+import { GlobalSetting, PositionSetting } from '@/components/ChartItemSetting/index'
+import { CreateComponentType } from '@/packages/index.d'
+import { SettingItemBox } from '@/components/ChartItemSetting/index'
+
+const GlobalSettingCom = loadAsyncComponent(() =>
+  import('@/components/ChartItemSetting/index')
+)
+const chartEditStoreStore = useChartEditStoreStore()
+
+const targetData: Ref<CreateComponentType> = computed(() => {
+  const list = chartEditStoreStore.getComponentList
+  const targetIndex = chartEditStoreStore.fetchTargetIndex()
+  return list[targetIndex]
+})
+</script>
+
+<style lang="scss" scoped>
+@include go('chart-content-details') {
+}
+</style>