From b8d992f8283996b8ee3f221d3b76d457503ca57b Mon Sep 17 00:00:00 2001
From: XuZhiqiang <xzq710675281@163.com>
Date: Sat, 6 Jun 2026 12:17:02 +0800
Subject: [PATCH] =?UTF-8?q?fix(web-antdv-next):=20=E6=9B=BF=E6=8D=A2=20But?=
 =?UTF-8?q?ton=20=E5=92=8C=20Input=20=E7=BB=84=E5=90=88=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=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              |  8 +++-----
 .../views/iot/device/device/detail/modules/info.vue | 13 +++++++------
 .../detail/modules/thing-model-property-history.vue |  4 ++--
 .../device/detail/modules/thing-model-property.vue  |  5 +++--
 4 files changed, 15 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 24c7b676b..56b379087 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, Table } from 'antdv-next';
+import { Button, Modal, Row, Space, Table } from 'antdv-next';
 import BpmnViewer from 'bpmn-js/lib/Viewer';
 import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
 
@@ -13,8 +13,6 @@ import { DictTag } from '#/components/dict-tag';
 
 import '../theme/index.scss';
 
-const ButtonGroup = Button.Group;
-
 const props = defineProps({
   xml: {
     type: String,
@@ -439,7 +437,7 @@ onBeforeUnmount(() => {
     <!-- Zoom：放大、缩小 -->
     <div style="position: absolute; top: 0; left: 0; width: 100%">
       <Row justify="end">
-        <ButtonGroup key="scale-control">
+        <Space.Compact key="scale-control">
           <Button
             :disabled="defaultZoom <= 0.3"
             :icon="h(ZoomOutOutlined)"
@@ -454,7 +452,7 @@ onBeforeUnmount(() => {
             @click="processZoomIn()"
           />
           <Button :icon="h(UndoOutlined)" @click="processReZoom()" />
-        </ButtonGroup>
+        </Space.Compact>
       </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 452c00523..c5cf6f046 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,6 +18,7 @@ import {
   Input,
   message,
   Modal,
+  Space,
 } from 'antdv-next';
 
 import { getDeviceAuthInfo } from '#/api/iot/device/device';
@@ -141,7 +142,7 @@ function handleAuthInfoDialogClose() {
     >
       <Form :label-col="{ span: 6 }">
         <FormItem label="clientId">
-          <Input.Group compact>
+          <Space.Compact>
             <Input
               v-model:value="authInfo.clientId"
               readonly
@@ -150,10 +151,10 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.clientId)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Input.Group>
+          </Space.Compact>
         </FormItem>
         <FormItem label="username">
-          <Input.Group compact>
+          <Space.Compact>
             <Input
               v-model:value="authInfo.username"
               readonly
@@ -162,10 +163,10 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.username)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Input.Group>
+          </Space.Compact>
         </FormItem>
         <FormItem label="password">
-          <Input.Group compact>
+          <Space.Compact>
             <Input
               v-model:value="authInfo.password"
               :type="authPasswordVisible ? 'text' : 'password'"
@@ -183,7 +184,7 @@ function handleAuthInfoDialogClose() {
             <Button type="primary" @click="copyToClipboard(authInfo.password)">
               <IconifyIcon icon="lucide:copy" />
             </Button>
-          </Input.Group>
+          </Space.Compact>
         </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 eed402505..652293766 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
@@ -373,7 +373,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
           </Button>
 
           <!-- 视图切换 -->
-          <Button.Group class="ml-auto">
+          <Space.Compact class="ml-auto">
             <Button
               :disabled="!canShowChart"
               :type="viewMode === 'chart' ? 'primary' : 'default'"
@@ -393,7 +393,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
               </template>
               列表
             </Button>
-          </Button.Group>
+          </Space.Compact>
         </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 0491e71d3..6b48e1a48 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,6 +23,7 @@ import {
   Divider,
   Input,
   Row,
+  Space,
   Switch,
   Tag,
 } from 'antdv-next';
@@ -298,7 +299,7 @@ onBeforeUnmount(() => {
           un-checked-children="定时刷新"
         />
       </div>
-      <Button.Group>
+      <Space.Compact>
         <Button
           :type="viewMode === 'card' ? 'primary' : 'default'"
           @click="handleViewModeChange('card')"
@@ -311,7 +312,7 @@ onBeforeUnmount(() => {
         >
           <IconifyIcon icon="ep:list" />
         </Button>
-      </Button.Group>
+      </Space.Compact>
     </div>
 
     <!-- 分隔线 -->