From d7b23d67ce00eb1c5c5636615f82f746845c33c6 Mon Sep 17 00:00:00 2001
From: XuZhiqiang <xzq710675281@163.com>
Date: Sat, 6 Jun 2026 12:27:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(web-antdv-next):=20=E4=BD=BF=E7=94=A8=20Spa?=
 =?UTF-8?q?ceCompact=20=E6=9B=BF=E6=8D=A2=E7=BB=84=E5=90=88=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=86=99=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../package/designer/ProcessViewer.vue             |  6 +++---
 .../iot/device/device/detail/modules/info.vue      | 14 +++++++-------
 .../modules/thing-model-property-history.vue       |  5 +++--
 .../device/detail/modules/thing-model-property.vue |  6 +++---
 4 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue b/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue
index 56b379087..3e38b7588 100644
--- a/apps/web-antdv-next/src/views/bpm/components/bpmn-process-designer/package/designer/ProcessViewer.vue
+++ b/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>
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue
index c5cf6f046..678c97396 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/info.vue
+++ b/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">
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue
index 652293766..1c110cbf9 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property-history.vue
+++ b/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>
 
         <!-- 数据统计信息 -->
diff --git a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue b/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue
index 6b48e1a48..27927fb3d 100644
--- a/apps/web-antdv-next/src/views/iot/device/device/detail/modules/thing-model-property.vue
+++ b/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>
 
     <!-- 分隔线 -->