opsx
f3733f0bfc
- 品牌: Go 模块/数据文件/二进制/构建部署资产全部 opsx→lokistack;前端 localStorage 命名空间迁移(读旧写新,含按用户 id 前缀迁移);修复 nginx upstream 与 Makefile 引用已改名服务的断裂 - i18n: react-i18next 落地,common + 11 个页面域命名空间全站中英(菜单/顶栏/登录/列表页/表单/确认弹窗/状态徽章);设置页语言即时切换;修复词典自注册导致的循环导入白屏 - 用户管理: 批量删除(POST /users/batch-delete,不删自己/最后管理员,部分失败不阻断)+ 行复选/全选/批量工具条 - 主题: 浅色侧栏(中性灰激活态)、四态模式(浅色/深色/跟随系统/定时切换,按时区判定)、顶栏太阳月亮二态、设置页紧凑分段选择器 - UI: 登录记住用户名、CardActionButton 统一五页卡片操作钮、shadcn Badge 替换手写徽章、语义色修正 - 清理: 移除主机 Web 终端(前后端)、k8s-helm/Helm 遗留代码与字段、README 重写精简 - 修复: 侧栏与日志告警 order 重复、路由标题 i18n key 未翻译、词典双逗号等
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { memo, useState } from 'react'
|
||
import { Eye, EyeOff } from 'lucide-react'
|
||
import i18n from '@/i18n'
|
||
import { Input } from '@/components/ui/input'
|
||
|
||
interface PasswordInputProps extends Omit<React.ComponentProps<typeof Input>, 'type'> {
|
||
/** 明文切换按钮（密钥类字段默认开启） */
|
||
toggleable?: boolean
|
||
}
|
||
|
||
/**
|
||
* 密码/密钥输入框 — 带明文切换。
|
||
* 供 Hosts（SSH 密码/密钥口令）、Storage（secretKey）等敏感字段复用。
|
||
*/
|
||
export const PasswordInput = memo(function PasswordInput({
|
||
toggleable = true,
|
||
className,
|
||
...props
|
||
}: PasswordInputProps) {
|
||
const [visible, setVisible] = useState(false)
|
||
return (
|
||
<div className="relative">
|
||
<Input type={visible ? 'text' : 'password'} className={`${className ?? ''} pr-10`} {...props} />
|
||
{toggleable && (
|
||
<button
|
||
type="button"
|
||
tabIndex={-1}
|
||
aria-label={visible ? i18n.t('password.hide') : i18n.t('password.show')}
|
||
onClick={() => setVisible((prev) => !prev)}
|
||
className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-slate-600"
|
||
>
|
||
{visible ? <EyeOff className="w-4 h-4" /> : <Eye className="w-4 h-4" />}
|
||
</button>
|
||
)}
|
||
</div>
|
||
)
|
||
})
|
||
|
||
export default PasswordInput
|