Apisix-dashboard: Support More selectors on List page

[juzhiyuan]

Feature request

Please describe your feature

Support More Actions selector on the List page, to prevent too many buttons.

[stu01509]

Hi @juzhiyuan

Can you assign this issue to me?

[nic-chen]

@stu01509 thanks.

[stu01509]

Hi @juzhiyuan and @nic-chen

I use the dropdown to wrap the buttons, It may look like this, What do you think?

[juzhiyuan]

Hi, thanks for your idea!

I noticed that if we could refer to the above screenshot? We could put 查看 & 编辑 outside the more selector, and put Offline & Delete in 更多.

[juzhiyuan]

Just like 展开 does

[nic-chen]

Hi @juzhiyuan and @nic-chen

I use the dropdown to wrap the buttons, It may look like this, What do you think?

Can 管理 and ^ be on one line?
And when folded, text looks better than button.

[stu01509]

Hi @juzhiyuan and @nic-chen
I use the dropdown to wrap the buttons, It may look like this, What do you think?

Can 管理 and ^ be on one line?
And when folded, text looks better than button.

管理 and ^ they are on the one line, just affected by the window size.

[stu01509]

Hi @juzhiyuan

I found some issues when the Dropdown contains Popconfirm, the Popconfirm's position will overflow.
Here are some related comment, seem like Ant Design Team is not fix yet.

Any suggestions or ideas?

https://github.com/ant-design/ant-design/issues/22578
https://github.com/ant-design/ant-design/issues/22814

[juzhiyuan]

How about this one? as for ant-design, we may wait for their update 🤔

[juzhiyuan]

it works on 4.15.0