fix(web-antdv-next): BPM 模型菜单使用 MenuItem 适配 antdv-next

pull/359/head
XuZhiqiang 2026-06-06 22:53:56 +08:00
parent 4f5caf1566
commit 8fe46edfba
2 changed files with 26 additions and 17 deletions

View File

@ -8,7 +8,15 @@ import { IconifyIcon } from '@vben/icons';
import { cloneDeep } from '@vben/utils'; import { cloneDeep } from '@vben/utils';
import { useSortable } from '@vueuse/integrations/useSortable'; import { useSortable } from '@vueuse/integrations/useSortable';
import { Button, Card, Dropdown, Input, Menu, message } from 'antdv-next'; import {
Button,
Card,
Dropdown,
Input,
Menu,
MenuItem,
message,
} from 'antdv-next';
import { import {
getCategorySimpleList, getCategorySimpleList,
@ -171,18 +179,18 @@ async function handleCategorySortSubmit() {
</Button> </Button>
<template #popupRender> <template #popupRender>
<Menu @click="(e) => handleCommand(e.key as string)"> <Menu @click="(e) => handleCommand(e.key as string)">
<Menu.Item key="handleCategoryAdd"> <MenuItem key="handleCategoryAdd">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<IconifyIcon icon="lucide:plus" /> <IconifyIcon icon="lucide:plus" />
新建分类 新建分类
</div> </div>
</Menu.Item> </MenuItem>
<Menu.Item key="handleCategorySort"> <MenuItem key="handleCategorySort">
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<IconifyIcon icon="lucide:align-start-vertical" /> <IconifyIcon icon="lucide:align-start-vertical" />
分类排序 分类排序
</div> </div>
</Menu.Item> </MenuItem>
</Menu> </Menu>
</template> </template>
</Dropdown> </Dropdown>

View File

@ -20,6 +20,7 @@ import {
Collapse, Collapse,
Dropdown, Dropdown,
Menu, Menu,
MenuItem,
message, message,
Tag, Tag,
Tooltip, Tooltip,
@ -524,8 +525,8 @@ function handleRenameSuccess() {
</Button> </Button>
<template #popupRender> <template #popupRender>
<Menu @click="(e) => handleCommand(e.key as string)"> <Menu @click="(e) => handleCommand(e.key as string)">
<Menu.Item key="renameCategory"> 重命名 </Menu.Item> <MenuItem key="renameCategory"> 重命名 </MenuItem>
<Menu.Item key="deleteCategory"> 删除分类 </Menu.Item> <MenuItem key="deleteCategory"> 删除分类 </MenuItem>
</Menu> </Menu>
</template> </template>
</Dropdown> </Dropdown>
@ -687,16 +688,16 @@ function handleRenameSuccess() {
<Menu <Menu
@click="(e) => handleModelCommand(e.key as string, row)" @click="(e) => handleModelCommand(e.key as string, row)"
> >
<Menu.Item key="handleCopy"> 复制 </Menu.Item> <MenuItem key="handleCopy"> 复制 </MenuItem>
<Menu.Item key="handleDefinitionList"> 历史 </Menu.Item> <MenuItem key="handleDefinitionList"> 历史 </MenuItem>
<Menu.Item <MenuItem
key="handleReport" key="handleReport"
:disabled="!isManagerUser(row)" :disabled="!isManagerUser(row)"
> >
报表 报表
</Menu.Item> </MenuItem>
<Menu.Item <MenuItem
key="handleChangeState" key="handleChangeState"
v-if="row.processDefinition" v-if="row.processDefinition"
:disabled="!isManagerUser(row)" :disabled="!isManagerUser(row)"
@ -706,21 +707,21 @@ function handleRenameSuccess() {
? '停用' ? '停用'
: '启用' : '启用'
}} }}
</Menu.Item> </MenuItem>
<Menu.Item <MenuItem
danger danger
key="handleClean" key="handleClean"
:disabled="!isManagerUser(row)" :disabled="!isManagerUser(row)"
> >
清理 清理
</Menu.Item> </MenuItem>
<Menu.Item <MenuItem
danger danger
key="handleDelete" key="handleDelete"
:disabled="!isManagerUser(row) && !hasPermiDelete" :disabled="!isManagerUser(row) && !hasPermiDelete"
> >
删除 删除
</Menu.Item> </MenuItem>
</Menu> </Menu>
</template> </template>
</Dropdown> </Dropdown>