fix: 分离配置项里的名称部分数据

src/components/ChartItemSetting/NameSetting.vue

@@ -0,0 +1,26 @@
+<template>
+  <setting-item-box name="名称" :alone="true">
+    <n-input
+      type="text"
+      maxlength="6"
+      show-count
+      placeholder="请输入图表名称"
+      size="small"
+      v-model:value="chartConfig.title"
+    ></n-input>
+  </setting-item-box>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import { SettingItemBox } from '@/components/ChartItemSetting/index'
+import { ConfigType } from '@/packages/index.d'
+
+const props = defineProps({
+  chartConfig: {
+    type: Object as PropType<ConfigType>,
+    required: true
+  },
+})
+
+</script>

src/components/ChartItemSetting/PositionSetting.vue

@@ -92,9 +92,7 @@ const props = defineProps({
     required: true
   },
   chartAttr: {
-    type: Object as PropType<
-      Omit<PickCreateComponentType<'attr'>, 'node' | 'conNode'>
-    >,
+    type: Object as PropType<PickCreateComponentType<'attr'>>,
     required: true
   }
 })

src/components/ChartItemSetting/index.ts

@@ -5,6 +5,8 @@ import CollapseItem from './CollapseItem.vue'
 
 // 全局配置属性
 import GlobalSetting from './GlobalSetting.vue'
+// 名称
+import NameSetting from './NameSetting.vue'
 // 方向
 import PositionSetting from './PositionSetting.vue'
 // 尺寸
@@ -12,4 +14,4 @@ import SizeSetting from './SizeSetting.vue'
 // 样式
 import StylesSetting from './StylesSetting.vue'
 
-export { CollapseItem, SettingItemBox, SettingItem, GlobalSetting, PositionSetting, SizeSetting, StylesSetting }
+export { CollapseItem, SettingItemBox, SettingItem, GlobalSetting, NameSetting, PositionSetting, SizeSetting, StylesSetting }