refactor(product): topic 切换组件由 Radio 修改为 Segmented

src/views/product/components/TopicManage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Alert, Radio } from 'ant-design-vue'
+import { Alert, Segmented } from 'ant-design-vue'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { PlusOutlined } from '@ant-design/icons-vue'
@@ -82,14 +82,10 @@ async function handleDelete(id: string) {
 <template>
   <div>
     <div flex="! items-center wrap gap-12px" mb="12px">
-      <Radio.Group v-model:value="topicType" button-style="solid">
+      <Segmented
-        <Radio.Button :value="TopicType.System">
+        v-model:value="topicType"
-          系统 Topic
+        :options="[{ label: '系统 Topic', value: TopicType.System }, { label: '自定义 Topic', value: TopicType.Custom }]"
-        </Radio.Button>
+      />
-        <Radio.Button :value="TopicType.Custom">
-          自定义 Topic
-        </Radio.Button>
-      </Radio.Group>
 
       <Alert :message="alertMessage" type="info" show-icon class="py-4px" />
     </div>