Lemon-miaow
bd49313e7e
新增组件: - PageHeader: 统一页面头部（14 个页面） - StatCard: 统一数值统计卡片（6 个页面） - MessageLine: 统一错误/成功提示条（16 处） - ConfirmFooter: 统一 Dialog 底部按钮（8 个文件） - SearchInput: 统一搜索框（5 个页面） - SubmissionStatusBadge: 统一提交状态徽章 - RoleBadge / UserStatusBadge: 统一用户角色/状态徽章 - BackLink: 统一返回导航链接（5 个页面） - InlineConfirm: 统一二次确认交互（3 个 section） 修复: - Pagination 图标尺寸统一 h-4 w-4 - 右上角按钮统一 size=sm gap-1.5 - StatCard 默认值恢复 text-2xl（24px） States.tsx 新增 NotYours / NotRunning 通用状态组件 已有文件 -659 行，新组件 +353 行，净减 306 行
25 lines
696 B
TypeScript
25 lines
696 B
TypeScript
import { Search } from "lucide-react";
|
|
import { Input } from "@/components/ui/input";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Props {
|
|
value: string;
|
|
onChange: (value: string) => void;
|
|
placeholder?: string;
|
|
className?: string;
|
|
}
|
|
|
|
export function SearchInput({ value, onChange, placeholder, className }: Props) {
|
|
return (
|
|
<div className={cn("relative min-w-[14rem] flex-1", className)}>
|
|
<Search className="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
|
|
<Input
|
|
value={value}
|
|
onChange={(e) => onChange(e.target.value)}
|
|
placeholder={placeholder}
|
|
className="pl-9"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|