ContextMenu 基础右键

基本使用

tsx

import { ContextMenu } from "@lite-code/pro-shineout";
import { Message, Tabs } from "shineout";

export default () => {
  return (
    <Tabs style={{ width: 600 }} shape="fill" defaultActive={0}>
      {[
        {
          label: "基础用法",
        },
        {
          label: "高级用法",
        },
      ].map(({ label }, index) => (
        <Tabs.Panel
          key={index}
          tab={
            <ContextMenu
              menuClick={(item: any) => {
                Message.info(`${label}-${item.id}`);
              }}
              menus={[
                { id: "close", title: "关闭" },
                { id: "closeOther", title: "关闭其他" },
                { id: "closeAll", title: "关闭所有" },
              ]}
            >
              <span>{label}</span>
            </ContextMenu>
          }
        />
      ))}
    </Tabs>
  );
};