YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: update memo relations dialog

Browse Source
This commit is contained in:
Steven
2023-10-19 00:18:07 +08:00
parent 22d331d6c4
commit 21c70e7993
10 changed files with 190 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/Dialog/BaseDialog.tsx
View File

@ -1,4 +1,5 @@
import { CssVarsProvider } from "@mui/joy";
import classNames from "classnames";
import { useEffect, useRef } from "react";
import { createRoot } from "react-dom/client";
import { Provider } from "react-redux";
@ -11,6 +12,7 @@ import "@/less/base-dialog.less";
interface DialogConfig {
dialogName: string;
className?: string;
containerClassName?: string;
clickSpaceDestroy?: boolean;
}
@ -19,7 +21,7 @@ interface Props extends DialogConfig, DialogProps {
}
const BaseDialog: React.FC<Props> = (props: Props) => {
const { children, className, clickSpaceDestroy, dialogName, destroy } = props;
const { children, className, containerClassName, clickSpaceDestroy, dialogName, destroy } = props;
const dialogStore = useDialogStore();
const dialogContainerRef = useRef<HTMLDivElement>(null);
const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
@ -55,8 +57,8 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
};
return (
<div className={`dialog-wrapper ${className ?? ""}`} onMouseDown={handleSpaceClicked}>
<div ref={dialogContainerRef} className="dialog-container" onMouseDown={(e) => e.stopPropagation()}>
<div className={classNames("dialog-wrapper", className)} onMouseDown={handleSpaceClicked}>
<div ref={dialogContainerRef} className={classNames("dialog-container", containerClassName)} onMouseDown={(e) => e.stopPropagation()}>
{children}
</div>
</div>