来源上传组件样式优化

frontend-web/src/components/ui/checkbox.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import * as React from "react";
+import { Check } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+export interface CheckboxProps
+  extends Omit<
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
+    "onChange" | "checked" | "type"
+  > {
+  checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+}
+
+/**
+ * 轻量级 Checkbox（不依赖 @radix-ui/react-checkbox，适配离线部署）。
+ * API 与 Radix/shadcn 对齐：受控 `checked` + `onCheckedChange(next)`。
+ */
+export const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(
+  ({ className, checked = false, onCheckedChange, disabled, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        type="button"
+        role="checkbox"
+        aria-checked={checked}
+        disabled={disabled}
+        data-state={checked ? "checked" : "unchecked"}
+        onClick={() => onCheckedChange?.(!checked)}
+        className={cn(
+          "peer flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-sm outline-none transition-colors",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          checked && "border-primary bg-primary text-primary-foreground",
+          className,
+        )}
+        {...props}
+      >
+        {checked && <Check className="size-3.5" strokeWidth={3} />}
+      </button>
+    );
+  },
+);
+Checkbox.displayName = "Checkbox";