import React, { useEffect } from 'react'; import { Input, Row, Col, Button } from 'antd'; import { Password, useActionContext } from '@nocobase/client'; import { useField } from '@formily/react'; import { Field } from '@formily/core'; 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)} /> ); };