From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/components/base/confirm/index.tsx | 16 ++++++---------- 1 files changed, 6 insertions(+), 10 deletions(-) diff --git a/app/components/base/confirm/index.tsx b/app/components/base/confirm/index.tsx index 8cb1c8b..813254c 100644 --- a/app/components/base/confirm/index.tsx +++ b/app/components/base/confirm/index.tsx @@ -46,17 +46,13 @@ const handleKeyDown = (event: KeyboardEvent) => { if (event.key === 'Escape') onCancel() - if (event.key === 'Enter' && isShow) { - event.preventDefault() - onConfirm() - } } document.addEventListener('keydown', handleKeyDown) return () => { document.removeEventListener('keydown', handleKeyDown) } - }, [onCancel, onConfirm, isShow]) + }, [onCancel]) const handleClickOutside = (event: MouseEvent) => { if (maskClosable && dialogRef.current && !dialogRef.current.contains(event.target as Node)) @@ -84,18 +80,18 @@ return null return createPortal( - <div className={'fixed inset-0 z-[10000000] flex items-center justify-center bg-background-overlay'} + <div className={'fixed inset-0 flex items-center justify-center z-[10000000] bg-background-overlay'} onClick={(e) => { e.preventDefault() e.stopPropagation() }}> <div ref={dialogRef} className={'relative w-full max-w-[480px] overflow-hidden'}> - <div className='shadows-shadow-lg flex max-w-full flex-col items-start rounded-2xl border-[0.5px] border-solid border-components-panel-border bg-components-panel-bg'> - <div className='flex flex-col items-start gap-2 self-stretch pb-4 pl-6 pr-6 pt-6'> + <div className='flex flex-col items-start max-w-full rounded-2xl border-[0.5px] border-solid border-components-panel-border shadows-shadow-lg bg-components-panel-bg'> + <div className='flex pt-6 pl-6 pr-6 pb-4 flex-col items-start gap-2 self-stretch'> <div className='title-2xl-semi-bold text-text-primary'>{title}</div> - <div className='system-md-regular w-full text-text-tertiary'>{content}</div> + <div className='system-md-regular text-text-tertiary w-full'>{content}</div> </div> - <div className='flex items-start justify-end gap-2 self-stretch p-6'> + <div className='flex p-6 gap-2 justify-end items-start self-stretch'> {showCancel && <Button onClick={onCancel}>{cancelTxt}</Button>} {showConfirm && <Button variant={'primary'} destructive={type !== 'info'} loading={isLoading} disabled={isDisabled} onClick={onConfirm}>{confirmTxt}</Button>} </div> -- Gitblit v1.8.0