test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat: contextMenu支持阻止关闭钩子

Browse Source
This commit is contained in:
jinye 2024-06-03 17:39:56 +08:00 committed by lmaomaoz
parent 81905d30a0
commit f850c1befc
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
packages/amis-ui/src/components/ContextMenu.tsx
View File

@ -49,6 +49,7 @@ interface ContextMenuState {
align?: 'left' | 'right';
onClose?: (ctx: ContextMenu) => void;
contentClassName?: string;
preventClose?: (e: Event) => boolean;
}
export class ContextMenu extends React.Component<
@ -130,6 +131,7 @@ export class ContextMenu extends React.Component<
onClose?: (ctx: ContextMenu) => void,
options?: {
contentClassName?: string;
preventClose?: (e: Event) => boolean;
}
) {
if (this.state.isOpened) {
@ -147,7 +149,8 @@ export class ContextMenu extends React.Component<
cursorY,
menus: menus,
onClose,
contentClassName: options?.contentClassName
contentClassName: options?.contentClassName,
preventClose: options?.preventClose
},
() => {
this.handleEnter(this.menuRef.current as HTMLElement);
@ -162,14 +165,18 @@ export class ContextMenu extends React.Component<
cursorY: info.y,
menus: menus,
onClose,
contentClassName: options?.contentClassName
contentClassName: options?.contentClassName,
preventClose: options?.preventClose
});
}
this.prevInfo = info;
}
@autobind
close() {
close(e: Event) {
if (this.state.preventClose?.(e)) {
return;
}
this.menuEntered = false;
this.resizeObserver?.disconnect();
const onClose = this.state.onClose;
@ -181,7 +188,8 @@ export class ContextMenu extends React.Component<
cursorX: -99999,
cursorY: -99999,
menus: [],
contentClassName: ''
contentClassName: '',
preventClose: undefined
},
() => {
onClose?.(this);
@ -201,7 +209,7 @@ export class ContextMenu extends React.Component<
}
if (this.state.isOpened) {
e.preventDefault();
this.close();
this.close(e);
}
}
@ -229,7 +237,7 @@ export class ContextMenu extends React.Component<
handleKeyDown(e: KeyboardEvent) {
if (e.keyCode === 27 && this.state.isOpened) {
e.preventDefault();
this.close();
this.close(e);
}
}
@ -386,6 +394,7 @@ export async function openContextMenus(
onClose?: (ctx: ContextMenu) => void,
options?: {
contentClassName?: string;
preventClose?: (e: Event) => boolean;
}
) {
return ContextMenu.getInstance().then(instance =>