feat: 组件库替换

src/views/agent/index/index.vue

@@ -14,8 +14,8 @@
     </Input>
     <div v-for="(item, index) in list" :key="index">
       <p class="span-title w-fit mb-16px">{{ item.name }}</p>
-      <a-row class="grid-demo" :gutter="[20, 16]" v-if="item.agent_products.length > 0">
-        <a-col :xs="24" :sm="12" :md="8" :lg="5" :xl="6" :xxl="4" v-for="(product, k) in item.agent_products" :key="k">
+      <Row class="grid-demo" :gutter="[20, 16]" v-if="item.agent_products.length > 0">
+        <Col :xs="24" :sm="12" :md="8" :lg="5" :xl="6" :xxl="4" v-for="(product, k) in item.agent_products" :key="k">
           <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
             <div class="card-image h-120px w-100% bg-cover bg-center mb-8px" v-image-main-color="product.image_url">
               <img class="object-contain h-full w-100%" :src="product?.image_url" />
@@ -56,8 +56,8 @@
               </div>
             </div>
           </div>
-        </a-col>
-      </a-row>
+        </Col>
+      </Row>
 
       <NoData v-else />
     </div>
@@ -65,7 +65,7 @@
 </template>
 
 <script setup lang="ts">
-import { Input } from 'ant-design-vue';
+import { Input, Row, Col } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { getAgentList } from '@/api/all/agent';
 import { formatNumberShow } from '@/utils/tools';

src/views/agent/work-flow/components/DynamicForm.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="form-container">
-    <a-form :model="formData" ref="formRef" layout="vertical">
-      <a-form-item
+    <Form :model="formData" ref="formRef" layout="vertical">
+      <FormItem
         v-for="(field, index) in formFields"
         :key="index"
         :label="field.props.label"
-        :field="field.props.name"
+        :name="field.props.name"
         :rules="field.props.rules"
         :tooltip="field.props.tip"
       >
@@ -21,9 +21,6 @@
           v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <!-- <a-color-picker    v-if="field.type === 'color_picker'"
-                              style="width: 500px; height: 200px"
-                              v-model="formData[field.props.name]" /> -->
         <ImageUpload
           v-if="field.type == 'upload_image'"
           v-model="formData[field.props.name]"
@@ -43,8 +40,8 @@
             {{ option.label }}
           </Option>
         </Select>
-      </a-form-item>
-    </a-form>
+      </FormItem>
+    </Form>
     <Button class="submit-btn" type="primary" :disabled="loading" @click="handleSubmit">提交执行</Button>
   </div>
 </template>
@@ -52,9 +49,10 @@
 import { defineProps, defineEmits } from 'vue';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
 import FileUpload from '@/components/upload/FileUpload.vue';
-import { Button, Input, Select } from 'ant-design-vue';
+import { Button, Input, Select, Row, Col, Form } from 'ant-design-vue';
 const { TextArea } = Input;
 const { Option } = Select;
+const { Item: FormItem } = Form;
 
 const props = defineProps({
   formFields: {

src/views/agent/work-flow/index.vue

@@ -42,15 +42,14 @@
                 {{ item.title }}
               </div>
               <div class="trigger-container">
-                <a-trigger
-                  mouse-leave-delay="200"
-                  position="top"
+                <Dropdown
+                  :mouseLeaveDelay="200"
+                  placement="top"
                   trigger="hover"
-                  :auto-fit-position="false"
-                  :unmount-on-close="true"
+                  :overlayStyle="{ width: 'auto' }"
                 >
                   <SvgIcon size="12" name="svg-more" class="icon-more" />
-                  <template #content>
+                  <template #overlay>
                     <div class="">
                       <div class="history-item-dropdown">
                         <div class="dropdown-item">
@@ -61,18 +60,19 @@
                         </div>
                         <div class="dropdown-item">
                           <SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
-                          <a-popconfirm
+                          <Popconfirm
                             content="你确认删除该历史对话吗"
-                            @ok="deleteHistory(item.id, index)"
-                            type="error"
+                            @confirm="deleteHistory(item.id, index)"
+                            ok-text="确定"
+                            cancel-text="取消"
                           >
                             <div class="text delete">删除</div>
-                          </a-popconfirm>
+                          </Popconfirm>
                         </div>
                       </div>
                     </div>
                   </template>
-                </a-trigger>
+                </Dropdown>
               </div>
             </div>
           </div>
@@ -95,7 +95,7 @@
             <DynamicForm :formFields="formFields.form" :formData="formData" :loading="loading" @submit="handleSubmit" />
           </div>
           <div class="res h-full">
-            <a-spin v-if="loading" class="spin-center" tip="生成中。。。" />
+            <Spin v-if="loading" class="spin-center" tip="生成中。。。" />
             <div
               class="markdown-container"
               v-if="workFlowRes.output != '' && loading === false"
@@ -116,7 +116,7 @@
 
 <script setup>
 import { ref, reactive } from 'vue';
-import { Modal, Tooltip, message } from 'ant-design-vue';
+import { Modal, Tooltip, message, Popconfirm, Spin, Dropdown } from 'ant-design-vue';
 import DynamicForm from './components/DynamicForm.vue';
 import {
   executeWorkFlow,