fix(components): 修正以下几处与对话框相关的错误

- CancelButton 现在会注册对话框的 cancel 事件，保证对话框返回值的正确；
- Dialog 下的 alert、confirm 和 prompt 不再注册多个 Promise 对象；

Author: caixw

packages/components/src/dialog/buttons.tsx

@@ -62,6 +62,10 @@ export function AcceptButton(props: ButtonProps): JSX.Element {
 export function CancelButton(props: ButtonProps): JSX.Element {
 	const ref = useDialog();
 	const [_, p] = splitProps(props, ['children', 'palette', 'onclick']);
+
+	// 注册 cancel 事件的返回值
+	ref.dialog.root().addEventListener('cancel', () => (ref.dialog.root().returnValue = props.value ?? ''));
+
 	return (
 		<Button.Root
 			{...p}
@@ -85,10 +89,39 @@ export function CancelButton(props: ButtonProps): JSX.Element {
 }
 
 export interface ActionsProps {
+	/**
+	 * 所有按钮是否都圆角
+	 */
 	rounded?: boolean;
+
+	/**
+	 * 所有的按钮是否都是方形
+	 */
 	square?: boolean;
+
+	/**
+	 * OK 按钮上的点击事件
+	 */
 	accept?: ButtonProps['onclick'];
+
+	/**
+	 * cancel 按钮上的占击事件
+	 */
 	cancel?: ButtonProps['onclick'];
+
+	/**
+	 * OK 按钮上的值
+	 *
+	 * @defaultValue 'accept'
+	 */
+	acceptValue?: string;
+
+	/**
+	 * cancel 按钮上的值
+	 *
+	 * @defaultValue 'cancel'
+	 */
+	cancelValue?: string;
 }
 
 /**
@@ -98,10 +131,20 @@ export function Actions(props: ActionsProps): JSX.Element {
 	const l = useLocale();
 	return (
 		<footer class={styles.footer}>
-			<CancelButton rounded={props.rounded} square={props.square} onclick={props.cancel} value="cancel">
+			<CancelButton
+				rounded={props.rounded}
+				square={props.square}
+				onclick={props.cancel}
+				value={props.cancelValue ?? 'cancel'}
+			>
 				{l.t('_c.cancel')}
 			</CancelButton>
-			<AcceptButton rounded={props.rounded} square={props.square} onclick={props.accept} value="accept">
+			<AcceptButton
+				rounded={props.rounded}
+				square={props.square}
+				onclick={props.accept}
+				value={props.acceptValue ?? 'accept'}
+			>
 				{l.t('_c.ok')}
 			</AcceptButton>
 		</footer>

packages/components/src/dialog/system.tsx

@@ -16,6 +16,8 @@ import { Toolbar } from './toolbar';
 
 export type Props = BaseProps & ParentProps & MountProps;
 
+const acceptValue = 'accept';
+
 /**
  * 提供了 {@link alert}、{@link confirm} 和 {@link prompt} 的方法，可用于替换对应的浏览器方法。
  */
@@ -46,7 +48,12 @@ function AlertProvider(props: BaseProps): JSX.Element {
 		dlg.root().showModal();
 
 		return new Promise<void>(resolve => {
-			dlg.root().addEventListener('close', () => resolve());
+			const close = () => {
+				resolve();
+				dlg.root().removeEventListener('close', close);
+			};
+
+			dlg.root().addEventListener('close', close);
 		});
 	};
 
@@ -95,9 +102,12 @@ function ConfirmProvider(props: BaseProps): JSX.Element {
 		dlg.root().showModal();
 
 		return new Promise<boolean>(resolve => {
-			dlg.root().addEventListener('close', () => {
-				resolve(dlg.root().returnValue === 'true');
-			});
+			const close = () => {
+				resolve(dlg.root().returnValue === acceptValue);
+				dlg.root().removeEventListener('close', close);
+			};
+
+			dlg.root().addEventListener('close', close);
 		});
 	};
 
@@ -111,7 +121,7 @@ function ConfirmProvider(props: BaseProps): JSX.Element {
 			}
 			class="min-w-60"
 			ref={el => (dlg = el)}
-			footer={<Actions />}
+			footer={<Actions acceptValue={acceptValue} />}
 		>
 			<p>{msg()}</p>
 		</Root>
@@ -144,10 +154,16 @@ function PromptProvider(props: BaseProps): JSX.Element {
 		dlg.root().showModal();
 
 		return new Promise<string | null>(resolve => {
-			dlg.root().addEventListener('close', () => {
-				resolve(dlg.root().returnValue ?? null);
+			const close = () => {
+				if (dlg.root().returnValue === acceptValue) {
+					const v = access.getValue();
+					resolve(v);
+				}
 				access.setValue('');
-			});
+				dlg.root().removeEventListener('close', close);
+			};
+
+			dlg.root().addEventListener('close', close);
 		});
 	};
 
@@ -161,7 +177,7 @@ function PromptProvider(props: BaseProps): JSX.Element {
 			}
 			ref={el => (dlg = el)}
 			class="min-w-60"
-			footer={<Actions />}
+			footer={<Actions acceptValue={acceptValue} />}
 		>
 			<TextField.Root class="w-full" layout="vertical" label={msg()} accessor={access} />
 		</Root>