feat: button组件替换

src/components/custom-table-column-modal/index.vue

@@ -9,6 +9,7 @@
     width="960px"
     unmountOnClose
     titleAlign="start"
+    centered
     wrapClassName="custom-table-column-modal"
     @cancel="close"
   >
@@ -64,7 +65,7 @@
     </div>
 
     <template #footer>
-      <div style="text-align: right">
+      <div class="flex">
         <Button @click="close">取消</Button>
         <Button type="primary" @click="onSubmit">确定</Button>
       </div>

src/components/delete-modal.vue

@@ -1,13 +1,31 @@
 <template>
-  <a-modal modal-class="delete-modal" body-class="body" cancel-text="返回" ok-text="确定删除" v-bind="$attrs">
+  <Modal wrapClassName="delete-modal" body-class="body" v-bind="$attrs" centered title="删除账号">
     <h2 class="delete-modal-title flex item-center">
       <img src="@/assets/warning.svg" alt="" />
-      {{ $attrs.title }}
+      {{ $attrs.content }}
     </h2>
-    <slot></slot>
-  </a-modal>
+    <p class="delete-modal-content">删除后，该账号将无法登录您的企业。</p>
+    <template #footer>
+      <div style="text-align: right">
+        <Button @click="close">返回</Button>
+        <Button type="primary" danger @click="onSubmit">确定删除</Button>
+      </div>
+    </template>
+  </Modal>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Modal, Button } from 'ant-design-vue';
+
+const emit = defineEmits(['close', 'ok']);
+
+const close = () => {
+  emit('close');
+};
+
+const onSubmit = () => {
+  emit('ok');
+};
+</script>
 <style lang="scss">
 :deep(.arco-btn-status-danger) {
   background-color: red !important;
@@ -18,7 +36,7 @@
     display: none;
   }
   .delete-modal-title {
-    margin-top: 24px;
+    // margin-top: 24px;
     font-family: $font-family-medium;
     font-weight: 400;
     font-size: 14px;
@@ -29,6 +47,14 @@
       margin-right: 12px;
     }
   }
+  .delete-modal-content {
+    margin-left: 34px;
+    margin-top: 16px;
+    font-family: $font-family-medium;
+    font-weight: 400;
+    font-size: 12px;
+    color: var(--Text-2, rgba(60, 64, 67, 1));
+  }
   .arco-modal-footer {
     border-top: none;
     :first-child {
@@ -53,5 +79,6 @@
 }
 .body {
   padding: 0 24px;
+  
 }
 </style>

src/components/modal.vue

@@ -3,7 +3,8 @@
     <slot></slot>
   </a-modal>
 </template>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+</script>
 <style lang="scss">
 .modal {
   .arco-modal-header {

src/components/xt-chat/chat-view/components/right-view/index.vue

@@ -1,5 +1,5 @@
 <script lang="tsx">
-import { Button } from '@arco-design/web-vue';
+import { Button } from 'ant-design-vue';
 import { Bubble } from '@/components/xt-chat/xt-bubble';
 
 import Http from '@/api';
@@ -79,8 +79,8 @@ export default {
         <header class="header flex justify-end items-center mb-16px px-32px">
           {hasMediaCenter.value && (
             <Button
-              type="outline"
-              size="medium"
+              type="primary"
+              ghost
               class="mr-16px"
               v-slots={{ icon: () => <icon-plus size="14" /> }}
               onClick={onAddMediaCenter}
@@ -90,8 +90,8 @@ export default {
           )}
 
           <Button
-            type="outline"
-            size="medium"
+            type="primary"
+            ghost
             class="mr-16px"
             v-slots={{ icon: () => <icon-plus size="14" /> }}
             onClick={onAddTaskManage}