92 lines
6.6 KiB
JavaScript
92 lines
6.6 KiB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
import { useState } from 'react';
|
|
import { Form, Input } from 'antd';
|
|
import Style from './web.module.less';
|
|
import UserRelation from './userRelation';
|
|
import { EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons';
|
|
import { encryptPasswordSha1 } from '../../../../utils/password';
|
|
export default function Render(props) {
|
|
const { name, isNew, nickname, password, relations, oakFullpath, entity, entityId, setPasswordConfirm } = props.data;
|
|
const { t, update } = props.methods;
|
|
const [password2, setPassword2] = useState('');
|
|
const [validateHelp, setValidateHelp] = useState('');
|
|
const [validateHelp1, setValidateHelp1] = useState('');
|
|
const [validateStatus, setValidateStatus] = useState('');
|
|
return (_jsx("div", { className: Style.container, children: _jsxs(Form, { colon: true, labelCol: { span: 4 }, wrapperCol: { span: 8 }, children: [_jsx(Form.Item, { style: { marginBottom: 0 }, label: _jsx("div", { className: Style.tip, children: !isNew ? t('existedUser') : t('newUser') }), colon: false }), _jsx(Form.Item, { label: t('user:attr.name'), name: "name", rules: [
|
|
{
|
|
required: true,
|
|
},
|
|
], children: _jsx(_Fragment, { children: _jsx(Input, { disabled: !isNew, onChange: (e) => {
|
|
const strValue = e.target.value;
|
|
update({
|
|
name: strValue,
|
|
});
|
|
}, value: name, placeholder: t('placeholder.name') }) }) }), !isNew ? _jsx(Form.Item, { label: t('user:attr.nickname'), name: "nickname", rules: [
|
|
{
|
|
required: true,
|
|
},
|
|
], children: _jsx(_Fragment, { children: _jsx(Input, { disabled: true, value: nickname }) }) }) :
|
|
_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: t('user:attr.password'), name: "password", help: validateHelp1, rules: [
|
|
{
|
|
message: '请输入密码',
|
|
validator: (_, value) => {
|
|
if (!value && !password2) {
|
|
setValidateHelp1('');
|
|
setValidateStatus('');
|
|
return;
|
|
}
|
|
if (value.length < 8) {
|
|
setValidateHelp1('密码最短长度为8位');
|
|
setValidateStatus('error');
|
|
return;
|
|
}
|
|
else {
|
|
if (password2) {
|
|
setValidateHelp(value === password2 ? '' : '两次输入的密码不一致，请检查');
|
|
setValidateStatus(value === password2 ? 'success' : 'error');
|
|
}
|
|
else {
|
|
setValidateHelp('请再次确认密码');
|
|
setValidateStatus('error');
|
|
}
|
|
}
|
|
}
|
|
},
|
|
], hasFeedback: true, validateStatus: validateStatus, children: _jsx(Input.Password, { value: password, onChange: (e) => {
|
|
const strValue = e.target.value;
|
|
update({
|
|
password: strValue,
|
|
});
|
|
setPasswordConfirm((password2 || strValue) ? password2 === strValue : true);
|
|
}, iconRender: (visible) => (visible ? _jsx(EyeTwoTone, {}) : _jsx(EyeInvisibleOutlined, {})), placeholder: t('placeholder.password') }) }), _jsx(Form.Item, { label: '确认密码', name: "passwordConfirm", rules: [
|
|
{
|
|
validator: (_, value) => {
|
|
if (!value && !password) {
|
|
setValidateHelp('');
|
|
setValidateStatus('');
|
|
return;
|
|
}
|
|
if (password.length < 8) {
|
|
return;
|
|
}
|
|
setValidateHelp(value === password ? '' : '两次输入的密码不一致，请检查');
|
|
setValidateStatus(value === password ? 'success' : 'error');
|
|
}
|
|
},
|
|
], validateTrigger: "onChange", help: validateHelp, validateStatus: validateStatus, hasFeedback: true, children: _jsx(Input.Password, { value: password2, onChange: (e) => {
|
|
const strValue = e.target.value;
|
|
setPassword2(strValue);
|
|
if (password === strValue) {
|
|
update({
|
|
passwordSha1: encryptPasswordSha1(password)
|
|
});
|
|
}
|
|
setPasswordConfirm((password || strValue) ? password === strValue : true);
|
|
}, iconRender: (visible) => (visible ? _jsx(EyeTwoTone, {}) : _jsx(EyeInvisibleOutlined, {})), placeholder: '请再次输入密码' }) })] }), _jsx(Form.Item, { label: t('auth'), rules: [
|
|
{
|
|
required: true,
|
|
},
|
|
], name: "relation", children: _jsx(UserRelation, { oakAutoUnmount: true, oakPath: oakFullpath ? `${oakFullpath}.userRelation$user`
|
|
: undefined, entity: entity, entityId: entityId, relations: relations }) })] }) }));
|
|
}
|