fix(web-antdv-next): 使用 SpaceCompact 替换组合组件写法

apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue

@@ -5,7 +5,7 @@ import { BpmProcessInstanceStatus, DICT_TYPE } from '@vben/constants';
 import { UndoOutlined, ZoomInOutlined, ZoomOutOutlined } from '@vben/icons';
 import { formatDate, formatPast2 } from '@vben/utils';
 
-import { Button, Modal, Row, Space, Table } from 'antdv-next';
+import { Button, Modal, Row, SpaceCompact, Table } from 'antdv-next';
 import BpmnViewer from 'bpmn-js/lib/Viewer';
 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
 
@@ -437,7 +437,7 @@ onBeforeUnmount(() => {
     <!-- Zoom：放大、缩小 -->
     <div style="position: absolute; top: 0; left: 0; width: 100%">
       <Row justify="end">
-        <Space.Compact key="scale-control">
+        <SpaceCompact key="scale-control">
           <Button
             :disabled="defaultZoom <= 0.3"
             :icon="h(ZoomOutOutlined)"
@@ -452,7 +452,7 @@ onBeforeUnmount(() => {
             @click="processZoomIn()"
           />
           <Button :icon="h(UndoOutlined)" @click="processReZoom()" />
-        </Space.Compact>
+        </SpaceCompact>
       </Row>
     </div>
   </div>

apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue

@@ -18,7 +18,7 @@ import {
   Input,
   message,
   Modal,
-  Space,
+  SpaceCompact,
 } from 'antdv-next';
 
 import { getDeviceAuthInfo } from '#/api/iot/device/device';
@@ -142,7 +142,7 @@ function handleAuthInfoDialogClose() {
     >
       <Form :label-col="{ span: 6 }">
         <FormItem label="clientId">
-          <Space.Compact>
+          <SpaceCompact>
             <Input
               v-model:value="authInfo.clientId"
               readonly
@@ -151,10 +151,10 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.clientId)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Space.Compact>
+          </SpaceCompact>
         </FormItem>
         <FormItem label="username">
-          <Space.Compact>
+          <SpaceCompact>
             <Input
               v-model:value="authInfo.username"
               readonly
@@ -163,10 +163,10 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.username)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Space.Compact>
+          </SpaceCompact>
         </FormItem>
         <FormItem label="password">
-          <Space.Compact>
+          <SpaceCompact>
             <Input
               v-model:value="authInfo.password"
               :type="authPasswordVisible ? 'text' : 'password'"
@@ -184,7 +184,7 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.password)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Space.Compact>
+          </SpaceCompact>
         </FormItem>
       </Form>
       <div class="mt-4 text-right">

apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue

@@ -19,6 +19,7 @@ import {
   message,
   Modal,
   Space,
+  SpaceCompact,
   Spin,
   Table,
   Tag,
@@ -373,7 +374,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
           </Button>
 
           <!-- 视图切换 -->
-          <Space.Compact class="ml-auto">
+          <SpaceCompact class="ml-auto">
             <Button
               :disabled="!canShowChart"
               :type="viewMode === 'chart' ? 'primary' : 'default'"
@@ -393,7 +394,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
               </template>
               列表
             </Button>
-          </Space.Compact>
+          </SpaceCompact>
         </Space>
 
         <!-- 数据统计信息 -->

apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue

@@ -23,7 +23,7 @@ import {
   Divider,
   Input,
   Row,
-  Space,
+  SpaceCompact,
   Switch,
   Tag,
 } from 'antdv-next';
@@ -299,7 +299,7 @@ onBeforeUnmount(() => {
           un-checked-children="定时刷新"
         />
       </div>
-      <Space.Compact>
+      <SpaceCompact>
         <Button
           :type="viewMode === 'card' ? 'primary' : 'default'"
           @click="handleViewModeChange('card')"
@@ -312,7 +312,7 @@ onBeforeUnmount(() => {
         >
           <IconifyIcon icon="ep:list" />
         </Button>
-      </Space.Compact>
+      </SpaceCompact>
     </div>
 
     <!-- 分隔线 -->