feat: optimize signature workflows and high-frequency queries

src/components/ui/DeleteRiskAction.tsx

@@ -6,7 +6,7 @@ import { Button } from './Button';
 import { Modal } from './Modal';
 import { Textarea } from './Textarea';
 
-export function DeleteRiskAction({ portal, targetType, targetId, children = '删除', icon = <Trash2 size={15} />, disabled, onCompleted }: {
+export function DeleteRiskAction({ portal, targetType, targetId, children = '删除', icon = <Trash2 size={15} />, disabled, onCompleted, className, size = 'sm' }: {
   portal: 'admin' | 'client';
   targetType: DeletionTargetType;
   targetId: string;
@@ -14,6 +14,8 @@ export function DeleteRiskAction({ portal, targetType, targetId, children = '删
   icon?: ReactNode;
   disabled?: boolean;
   onCompleted?: (result: DeletionResult) => void;
+  className?: string;
+  size?: 'sm' | 'md' | 'lg';
 }) {
   const [open, setOpen] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -81,7 +83,7 @@ export function DeleteRiskAction({ portal, targetType, targetId, children = '删
   </>;
 
   return <>
-    <Button disabled={disabled} icon={icon} onClick={() => void begin()} size="sm" variant="danger">{children}</Button>
+    <Button className={className} disabled={disabled} icon={icon} onClick={() => void begin()} size={size} variant="danger">{children}</Button>
     <Modal dirty={!result && reason.trim().length > 0} footer={({ requestClose }) => footer(requestClose)} onClose={close} open={open} title="删除资格与影响确认">
       <div className="risk-action-content delete-risk-action">
         {result ? (