xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-01 23:56:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

优化模型选择ui

Browse Source
This commit is contained in:
sijinhui 2024-05-15 17:31:57 +08:00
parent 15ddb5fe8c
commit 424199a697
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/ui-lib.tsx
View File

@ -114,7 +114,6 @@ interface ModalProps {
defaultMax?: boolean;
footer?: React.ReactNode;
onClose?: () => void;
maskClosable?: boolean;
is_cus?: boolean;
}
export function Modal(props: ModalProps) {
@ -514,7 +513,7 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
onClose?: () => void;
multiple?: boolean;
}) {
console.log("-----", props);
// console.log("-----", props);
const getCheckCardAvatar = (value: string): React.ReactNode => {
if (value.startsWith("gpt")) {
@ -526,8 +525,18 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
return <></>;
};
const clickMaskEvent = (event: React.MouseEvent) => {
const div = document.getElementById("modal-mask");
// console.log('-----', event.target)
if (event.target === div) {
props.onClose?.();
}
};
return (
<div
onClick={(event) => clickMaskEvent(event)}
id="modal-mask"
className={styles["modal-mask"] + " " + styles["modal-mask-container"]}
>
<Modal
@ -535,7 +544,6 @@ export function ModalSelector<T extends CheckGroupValueType>(props: {
onClose={() => props.onClose?.()}
footer={null}
is_cus={true}
maskClosable={true}
>
<AntList grid={{ gutter: 16 }}>
<CheckCard.Group