|
|
|
@ -12,7 +12,6 @@ import "@/less/base-dialog.less";
|
|
|
|
|
interface DialogConfig {
|
|
|
|
|
dialogName: string;
|
|
|
|
|
className?: string;
|
|
|
|
|
containerClassName?: string;
|
|
|
|
|
clickSpaceDestroy?: boolean;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -21,7 +20,7 @@ interface Props extends DialogConfig, DialogProps {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const BaseDialog: React.FC<Props> = (props: Props) => {
|
|
|
|
|
const { children, className, containerClassName, clickSpaceDestroy, dialogName, destroy } = props;
|
|
|
|
|
const { children, className, clickSpaceDestroy, dialogName, destroy } = props;
|
|
|
|
|
const dialogStore = useDialogStore();
|
|
|
|
|
const dialogContainerRef = useRef<HTMLDivElement>(null);
|
|
|
|
|
const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
|
|
|
|
@ -58,7 +57,7 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={classNames("dialog-wrapper", className)} onMouseDown={handleSpaceClicked}>
|
|
|
|
|
<div ref={dialogContainerRef} className={classNames("dialog-container", containerClassName)} onMouseDown={(e) => e.stopPropagation()}>
|
|
|
|
|
<div ref={dialogContainerRef} className={classNames("dialog-container")} onMouseDown={(e) => e.stopPropagation()}>
|
|
|
|
|
{children}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|