import React, { useEffect } from 'react'; import { Password, useActionContext } from '@tachybase/client'; import { Field, useField } from '@tachybase/schema'; import { Button, Col, Input, Row } from 'antd'; import { useUsersTranslation } from './locale'; import { generatePassword } from './utils'; export const PasswordField: React.FC = () => { const { t } = useUsersTranslation(); const field = useField(); const [visible, setVisible] = React.useState(false); const ctx = useActionContext(); useEffect(() => { if (ctx.visible) { return; } field.reset(); }, [field, ctx.visible]); return ( field.setValue(e.target.value)} autoComplete="off" /> ); };