148 lines
4.9 KiB
JavaScript
148 lines
4.9 KiB
JavaScript
import { isPassword } from "oak-domain/lib/utils/validator";
|
||
import { encryptPasswordSha1 } from "../../../../utils/password";
|
||
export default OakComponent({
|
||
isList: false,
|
||
formData({ features, props }) {
|
||
const { pwdAllowMobile, pwdAllowEmail, pwdAllowLoginName } = this.props;
|
||
let tips = [];
|
||
if (pwdAllowLoginName) {
|
||
tips.push(this.t('placeholder.LoginName'));
|
||
}
|
||
if (pwdAllowMobile) {
|
||
tips.push(this.t('placeholder.Mobile'));
|
||
}
|
||
if (pwdAllowEmail) {
|
||
tips.push(this.t('placeholder.Email'));
|
||
}
|
||
const accountPlaceholder = tips.length > 0 ? this.t('placeholder.Account') + tips.join('/') : this.t('placeholder.Account');
|
||
return {
|
||
accountPlaceholder,
|
||
};
|
||
},
|
||
data: {
|
||
counter: 0,
|
||
loading: false,
|
||
domain: undefined,
|
||
account: '',
|
||
password: '',
|
||
validMobile: false,
|
||
vaildEmail: false,
|
||
vaildAccount: false,
|
||
validPassword: false,
|
||
allowSubmit: false,
|
||
},
|
||
properties: {
|
||
disabled: '',
|
||
redirectUri: '', // 微信登录后的redirectUri，要指向wechatUser/login去处理
|
||
url: '', // 登录系统之后要返回的页面
|
||
callback: undefined, // 登录成功回调，排除微信登录方式
|
||
pwdAllowMobile: false,
|
||
pwdAllowEmail: false,
|
||
pwdAllowLoginName: false,
|
||
allowSms: false, //小程序切换手机号验证码登录
|
||
allowEmail: false, //小程序切换邮箱登录
|
||
allowWechatMp: false, //小程序切换授权登录
|
||
setLoginMode: (value) => undefined,
|
||
pwdMode: 'all', //密码明文密文存储模式
|
||
allowRegister: false,
|
||
goRegister: () => undefined,
|
||
},
|
||
lifetimes: {},
|
||
listeners: {
|
||
'vaildAccount,validPassword'(prev, next) {
|
||
const { allowSubmit } = this.state;
|
||
if (allowSubmit) {
|
||
if (!(next.vaildAccount && next.validPassword)) {
|
||
this.setState({
|
||
allowSubmit: false,
|
||
});
|
||
}
|
||
}
|
||
else {
|
||
if (next.vaildAccount && next.validPassword) {
|
||
this.setState({
|
||
allowSubmit: true,
|
||
});
|
||
}
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
async loginByAccount() {
|
||
const { url, callback, pwdMode } = this.props;
|
||
const { account, password } = this.state;
|
||
let pwd = password;
|
||
if (pwdMode === 'sha1') {
|
||
pwd = encryptPasswordSha1(password);
|
||
}
|
||
try {
|
||
this.setState({
|
||
loading: true,
|
||
});
|
||
await this.features.token.loginByAccount(account, pwd);
|
||
this.setState({
|
||
loading: false,
|
||
});
|
||
if (callback) {
|
||
callback();
|
||
return;
|
||
}
|
||
if (url) {
|
||
this.redirectTo({
|
||
url,
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
catch (err) {
|
||
this.setState({
|
||
loading: false,
|
||
});
|
||
this.setMessage({
|
||
type: 'error',
|
||
content: err.message,
|
||
});
|
||
}
|
||
},
|
||
inputChange(type, value) {
|
||
switch (type) {
|
||
case 'account':
|
||
// const validMobile = allowMobile && !!isMobile(value);
|
||
// const vaildEmail = allowEmail && !!isEmail(value);
|
||
const vaildAccount = !!(value && value.trim() && value.trim() !== '');
|
||
this.setState({
|
||
account: value,
|
||
// validMobile,
|
||
// vaildEmail,
|
||
vaildAccount,
|
||
});
|
||
break;
|
||
case 'password':
|
||
const validPassword = !!isPassword(value);
|
||
this.setState({
|
||
password: value,
|
||
validPassword
|
||
});
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
},
|
||
inputChangeMp(event) {
|
||
const { detail, target: { dataset }, } = event;
|
||
const { attr } = dataset;
|
||
const { value } = detail;
|
||
this.inputChange(attr, value);
|
||
},
|
||
changeLoginMp(e) {
|
||
const { setLoginMode } = this.props;
|
||
const { value } = e.currentTarget.dataset;
|
||
setLoginMode && setLoginMode(value);
|
||
},
|
||
goRegisterMp() {
|
||
const { goRegister } = this.props;
|
||
goRegister && goRegister();
|
||
}
|
||
},
|
||
});
|