fix(web-antdv-next): 替换 Button 和 Input 组合组件写法
parent
693f0b48c2
commit
b8d992f828
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
<!-- 数据统计信息 -->
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
<!-- 分隔线 -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue