feat: 新增题目操作功能

- 添加 OptionAction 和 QuestionAction 组件
- 在 BaseSelect 组件中集成新功能
- 更新 ChooseQuestion 组件，添加单选题添加选项功能
-调整样式，增加空间间隔和对齐方式

src/views/Design/components/ChooseQuestion.vue

@@ -9,11 +9,15 @@
       <!--      题目操作-->
       <van-cell v-if="chooseQuestionId === element.id" class="choose-question-active-container">
         <template v-if="element.question_type === 1" #icon>
-          <van-icon name="add"></van-icon>
-          <span class="ml10">添加选项</span>
+          <div class="flex align-center" @click="radioAddOption">
+            <van-icon name="add" class="fs20"></van-icon>
+            <span class="ml10">添加选项</span>
+          </div>
         </template>
         <template #title>{{}}</template>
-        <template #right-icon> 123 </template>
+        <template #right-icon>
+          <question-action></question-action>
+        </template>
         <!--        <div-->
         <!--          v-for="item in questionAction"-->
         <!--          :key="item.key"-->
@@ -31,7 +35,9 @@
   </div>
 </template>
 <script setup>
+import QuestionAction from '@/views/Design/components/ActionCompoents/QuestionAction.vue';
 import { ref } from 'vue';
+import { v4 as uuidv4 } from 'uuid';
 // import { useRouter } from 'vue-router';
 // const router = useRouter();
 const props = defineProps({
@@ -51,6 +57,29 @@ const props = defineProps({
   }
 });
 const element = ref(props.element);
+
+//  单选事件  添加选项
+const radioAddOption = () => {
+  element.value.options.map((item) => {
+    item.push({
+      id: uuidv4(),
+      option: `选项${item.length + 1}`,
+      option_config: {
+        image_url: [],
+        title: '',
+        instructions: [],
+        option_type: 0,
+        limit_right_content: ''
+      },
+      option_index: 1,
+      parent_id: 0,
+      type: 0,
+      cascade: [],
+      config: []
+    });
+  });
+};
+
 // emit 事件
 
 // 选中题目后出现的操作
@@ -127,13 +156,17 @@ const chooseItem = () => {
   }
 
   & .choose-question-active {
-    outline: 1px dashed #409eff;
+    outline: 2px solid #70b936;
   }
 
   & .ml10 {
     margin-left: 10px;
   }
 
+  & .fs20 {
+    font-size: 20px;
+  }
+
   & .choose-question-active-container {
     display: flex;
     align-items: center;