selfrelease
0df8aa77d9
- 员工花名册管理（加密存储、导入导出） - 薪酬管理（发薪批次、薪酬模版、加班费计算、工资条） - 社保公积金（多城市配置、版本管理、基数调整） - 解聘管理（6步流程、证据链、工作交接） - AI 助手（合同审查、风险预测、RAG 知识库） - Dashboard 仪表盘 - 设置与通知
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { InputHTMLAttributes, SelectHTMLAttributes, forwardRef } from 'react'
|
|
import clsx from 'clsx'
|
|
|
|
export const Input = forwardRef<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>(
|
|
function Input({ className, ...props }, ref) {
|
|
return (
|
|
<input
|
|
ref={ref}
|
|
className={clsx(
|
|
'w-full px-3 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-sm',
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
)
|
|
|
|
export const Select = forwardRef<HTMLSelectElement, SelectHTMLAttributes<HTMLSelectElement>>(
|
|
function Select({ className, children, ...props }, ref) {
|
|
return (
|
|
<select
|
|
ref={ref}
|
|
className={clsx(
|
|
'w-full px-3 py-2 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent text-sm bg-white',
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</select>
|
|
)
|
|
}
|
|
)
|
|
|
|
export function Label({ children, className }: { children: React.ReactNode; className?: string }) {
|
|
return <label className={clsx('block text-sm font-medium text-gray-700 mb-1', className)}>{children}</label>
|
|
}
|