feat(src/packages): 信息下的 下拉框组件修改切换单个或多个

@@ -10,7 +10,7 @@ export const option = {
   // 时间组件展示类型，必须和 interactActions 中定义的数据一致
   [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATA,
   // 默认值
-  selectValue: [],
+  selectValue: null,
   // 暴露配置内容给用户
   dataset: [
     {
@@ -25,7 +25,8 @@ export const option = {
       label: '选项3',
       value: '3'
     }
-  ]
+  ],
+  multiple: false
 }
 
 export default class Config extends PublicConfigClass implements CreateComponentType {

@@ -2,7 +2,17 @@
   <collapse-item name="下拉配置" :expanded="true">
     <setting-item-box name="默认值" :alone="true">
       <SettingItem name="选择项">
-        <n-select filterable multiple  size="small" v-model:value="optionData.selectValue" :options="optionData.dataset" />
+        <n-select
+          filterable
+          clearable
+          :multiple="optionData.multiple"
+          size="small"
+          v-model:value="optionData.selectValue"
+          :options="optionData.dataset"
+        />
+      </SettingItem>
+      <SettingItem name="是否多选">
+        <n-switch v-model:value="optionData.multiple" size="small"></n-switch>
       </SettingItem>
     </setting-item-box>
   </collapse-item>

 <template>
   <n-select
-    multiple
+    clearable
+    :multiple="multiple"
     v-model:value="option.value.selectValue"
     :options="option.value.dataset"
     :style="`width:${w}px;`"
@@ -25,6 +26,8 @@ const props = defineProps({
 
 const { w, h } = toRefs(props.chartConfig.attr)
 
+const { multiple } = toRefs(props.chartConfig.option)
+
 const option = shallowReactive({
   value: {
     selectValue: props.chartConfig.option.selectValue,
@@ -33,7 +36,7 @@ const option = shallowReactive({
 })
 
 // 监听事件改变
-const onChange = (v: string[]) => {
+const onChange = (v: string[] | string) => {
   // 存储到联动数据
   useChartInteract(
     props.chartConfig,