🔧 style(ui): Inline tag edit action in ChannelsTable

• Removed the dropdown menu previously used for tag-level operations.
• Added a standalone “Edit” button directly after the “Disable All” button, reducing the number of clicks required to edit a tag group.
• Deleted the now-unused `IconEdit` import and its icon reference.

This streamlines the tag management flow and keeps the UI cleaner and more accessible.
This commit is contained in:
t0ng7u
2025-06-24 18:09:16 +08:00
parent 0c5d4ca0a7
commit 277645db50

View File

@@ -41,7 +41,7 @@ import {
Form, Form,
Tabs, Tabs,
TabPane, TabPane,
Select, Select
} from '@douyinfe/semi-ui'; } from '@douyinfe/semi-ui';
import { import {
IllustrationNoResult, IllustrationNoResult,
@@ -51,14 +51,8 @@ import EditChannel from '../../pages/Channel/EditChannel.js';
import { import {
IconTreeTriangleDown, IconTreeTriangleDown,
IconPlus, IconPlus,
IconRefresh,
IconSetting,
IconDescend,
IconSearch, IconSearch,
IconEdit,
IconDelete, IconDelete,
IconStop,
IconPlay,
IconMore, IconMore,
IconCopy, IconCopy,
IconSmallTriangleRight IconSmallTriangleRight
@@ -557,7 +551,6 @@ const ChannelsTable = () => {
type='warning' type='warning'
size="small" size="small"
className="!rounded-full" className="!rounded-full"
icon={<IconStop />}
onClick={() => manageChannel(record.id, 'disable', record)} onClick={() => manageChannel(record.id, 'disable', record)}
> >
{t('禁用')} {t('禁用')}
@@ -568,7 +561,6 @@ const ChannelsTable = () => {
type='secondary' type='secondary'
size="small" size="small"
className="!rounded-full" className="!rounded-full"
icon={<IconPlay />}
onClick={() => manageChannel(record.id, 'enable', record)} onClick={() => manageChannel(record.id, 'enable', record)}
> >
{t('启用')} {t('启用')}
@@ -580,7 +572,6 @@ const ChannelsTable = () => {
type='tertiary' type='tertiary'
size="small" size="small"
className="!rounded-full" className="!rounded-full"
icon={<IconEdit />}
onClick={() => { onClick={() => {
setEditingChannel(record); setEditingChannel(record);
setShowEdit(true); setShowEdit(true);
@@ -605,19 +596,7 @@ const ChannelsTable = () => {
</Space> </Space>
); );
} else { } else {
// 标签操作的下拉菜单项 // 标签操作按钮
const tagMenuItems = [
{
node: 'item',
name: t('编辑'),
icon: <IconEdit />,
onClick: () => {
setShowEditTag(true);
setEditingTag(record.key);
},
},
];
return ( return (
<Space wrap> <Space wrap>
<Button <Button
@@ -625,7 +604,6 @@ const ChannelsTable = () => {
type='secondary' type='secondary'
size="small" size="small"
className="!rounded-full" className="!rounded-full"
icon={<IconPlay />}
onClick={() => manageTag(record.key, 'enable')} onClick={() => manageTag(record.key, 'enable')}
> >
{t('启用全部')} {t('启用全部')}
@@ -635,24 +613,22 @@ const ChannelsTable = () => {
type='warning' type='warning'
size="small" size="small"
className="!rounded-full" className="!rounded-full"
icon={<IconStop />}
onClick={() => manageTag(record.key, 'disable')} onClick={() => manageTag(record.key, 'disable')}
> >
{t('禁用全部')} {t('禁用全部')}
</Button> </Button>
<Dropdown <Button
trigger='click' theme='light'
position='bottomRight' type='tertiary'
menu={tagMenuItems} size="small"
className="!rounded-full"
onClick={() => {
setShowEditTag(true);
setEditingTag(record.key);
}}
> >
<Button {t('编辑')}
icon={<IconMore />} </Button>
theme='light'
type='tertiary'
size="small"
className="!rounded-full"
/>
</Dropdown>
</Space> </Space>
); );
} }