300 lines
11 KiB
JavaScript
300 lines
11 KiB
JavaScript
import { groupBy, isEqual } from "oak-domain/lib/utils/lodash";
|
|
import { generateNewIdAsync } from 'oak-domain/lib/utils/uuid';
|
|
export default OakComponent({
|
|
entity: 'applicationPassport',
|
|
isList: true,
|
|
projection: {
|
|
id: 1,
|
|
applicationId: 1,
|
|
application: {
|
|
id: 1,
|
|
name: 1,
|
|
type: 1,
|
|
systemId: 1,
|
|
},
|
|
passportId: 1,
|
|
passport: {
|
|
id: 1,
|
|
type: 1,
|
|
systemId: 1,
|
|
enabled: 1,
|
|
},
|
|
isDefault: 1,
|
|
},
|
|
properties: {
|
|
systemId: '',
|
|
},
|
|
filters: [
|
|
{
|
|
filter() {
|
|
const { systemId } = this.props;
|
|
return {
|
|
application: {
|
|
systemId,
|
|
},
|
|
passport: {
|
|
systemId,
|
|
},
|
|
};
|
|
}
|
|
}
|
|
],
|
|
formData({ data }) {
|
|
const aps = data.filter((ele) => ele.$$deleteAt$$ !== 1);
|
|
return {
|
|
aps,
|
|
};
|
|
},
|
|
listeners: {
|
|
async 'aps,applications,passports'(prev, next) {
|
|
if (!this.arraysAreEqual(prev.aps, next.aps) || !this.arraysAreEqual(prev.applications, next.applications) || !this.arraysAreEqual(prev.passports, next.passports)) {
|
|
let apArray = [];
|
|
if (next.applications && next.applications.length > 0 && next.passports && next.passports.length > 0) {
|
|
for (const a of next.applications) {
|
|
let item = {
|
|
aId: a.id,
|
|
aName: a.name,
|
|
passports: [],
|
|
defaultOptions: [],
|
|
defaultValue: '',
|
|
};
|
|
let pArray = [];
|
|
for (const p of next.passports) {
|
|
const { disabled, disabledTip } = this.checkDisabled(a, p);
|
|
pArray.push({
|
|
pId: p.id,
|
|
apId: await generateNewIdAsync(),
|
|
checked: false,
|
|
disabled,
|
|
disabledTip,
|
|
});
|
|
}
|
|
Object.assign(item, { passports: pArray });
|
|
apArray.push(item);
|
|
}
|
|
if (next.aps && next.aps.length > 0) {
|
|
const applicationPassports = groupBy(next.aps, 'applicationId');
|
|
const aIds = Object.keys(applicationPassports);
|
|
for (const ap of next.aps) {
|
|
const aIdx = apArray.findIndex((ele) => ele.aId === ap.applicationId);
|
|
if (aIdx !== -1) {
|
|
const pIdx = apArray[aIdx].passports.findIndex((ele) => ele.pId === ap.passportId);
|
|
if (pIdx !== -1) {
|
|
apArray[aIdx].passports[pIdx].apId = ap.id;
|
|
apArray[aIdx].passports[pIdx].checked = true;
|
|
apArray[aIdx].defaultOptions.push({
|
|
label: this.t(`passport:v.type.${ap.passport.type}`),
|
|
value: ap.id,
|
|
});
|
|
if (ap.isDefault) {
|
|
apArray[aIdx].defaultValue = ap.id;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.setState({
|
|
apArray,
|
|
});
|
|
}
|
|
}
|
|
},
|
|
data: {
|
|
applications: [],
|
|
passports: [],
|
|
apArray: [],
|
|
},
|
|
lifetimes: {
|
|
async ready() {
|
|
const { systemId } = this.props;
|
|
const { data: applicationDatas } = await this.features.cache.refresh('application', {
|
|
data: {
|
|
id: 1,
|
|
name: 1,
|
|
type: 1,
|
|
config: 1,
|
|
systemId: 1,
|
|
},
|
|
filter: {
|
|
systemId,
|
|
}
|
|
});
|
|
const { data: passportDatas } = await this.features.cache.refresh('passport', {
|
|
data: {
|
|
id: 1,
|
|
type: 1,
|
|
config: 1,
|
|
enabled: 1,
|
|
systemId: 1,
|
|
},
|
|
filter: {
|
|
systemId,
|
|
enabled: true,
|
|
},
|
|
sorter: [{
|
|
$attr: {
|
|
$$updateAt$$: 1,
|
|
},
|
|
$direction: 'desc'
|
|
}]
|
|
});
|
|
const applications = applicationDatas;
|
|
const passports = passportDatas;
|
|
this.setState({
|
|
applications,
|
|
passports,
|
|
});
|
|
}
|
|
},
|
|
methods: {
|
|
arraysAreEqual(first, second) {
|
|
if (first?.length !== second?.length) {
|
|
return false;
|
|
}
|
|
for (let i = 0; i < first?.length; ++i) {
|
|
if (!isEqual(first[i], second[i])) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
},
|
|
checkDisabled(application, passport) {
|
|
const { type: aType, config: aConfig } = application;
|
|
const { type: pType, config: pConfig } = passport;
|
|
switch (pType) {
|
|
case 'sms':
|
|
if (!pConfig.mockSend) {
|
|
if (!pConfig.templateName || pConfig.templateName === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '短信登录未配置验证码模板名称',
|
|
};
|
|
}
|
|
if (!pConfig.defaultOrigin) {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '短信登录未配置默认渠道',
|
|
};
|
|
}
|
|
}
|
|
break;
|
|
case 'email':
|
|
if (!pConfig.smtpUrl || pConfig.smtpUrl === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '邮箱登录未配置smtpUrl',
|
|
};
|
|
}
|
|
else if (!pConfig.smtpAccount || pConfig.smtpAccount === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '邮箱登录未配置smtpAccount',
|
|
};
|
|
}
|
|
else if (!pConfig.smtpPassword || pConfig.smtpPassword === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '邮箱登录未配置smtpPassword',
|
|
};
|
|
}
|
|
break;
|
|
case 'wechatPublicForWeb':
|
|
if (!pConfig.appId || pConfig.appId === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '公众号授权登录未配置appId',
|
|
};
|
|
}
|
|
break;
|
|
case 'wechatMpForWeb':
|
|
if (!pConfig.appId || pConfig.appId === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '小程序授权登录未配置appId',
|
|
};
|
|
}
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
switch (aType) {
|
|
case 'web':
|
|
if (pType === 'wechatWeb') {
|
|
//微信网站登录 application需配置微信网站appId
|
|
const { appId } = aConfig.wechat || {};
|
|
if (!appId || appId === '') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '当前application未配置微信网站appId',
|
|
};
|
|
}
|
|
}
|
|
else if (pType === 'wechatMp' || pType === 'wechatPublic') {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '当前application不支持该登录方式',
|
|
};
|
|
}
|
|
break;
|
|
case 'wechatMp':
|
|
if (['wechatPublic', 'wechatWeb', 'wechatMpForWeb', 'wechatPublicForWeb'].includes(pType)) {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '当前application不支持该登录方式',
|
|
};
|
|
}
|
|
break;
|
|
case 'wechatPublic':
|
|
if (['wechatMp', 'wechatWeb', 'wechatMpForWeb', 'wechatPublicForWeb'].includes(pType)) {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '当前application不支持该登录方式',
|
|
};
|
|
}
|
|
break;
|
|
case 'native':
|
|
if (['wechatMp', 'wechatPublic', 'wechatWeb', 'wechatMpForWeb', 'wechatPublicForWeb'].includes(pType)) {
|
|
return {
|
|
disabled: true,
|
|
disabledTip: '当前application不支持该登录方式',
|
|
};
|
|
}
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
return {
|
|
disabled: false,
|
|
disabledTip: undefined,
|
|
};
|
|
},
|
|
async onCheckedChange(apId, pId, aId, checked) {
|
|
if (checked) {
|
|
//create applicationPassport
|
|
this.addItem({
|
|
id: apId,
|
|
applicationId: aId,
|
|
passportId: pId,
|
|
isDefault: true,
|
|
});
|
|
}
|
|
else {
|
|
//remove id为apId的applicationPassport
|
|
this.removeItem(apId);
|
|
}
|
|
},
|
|
checkLastOne(aId, apId) {
|
|
const { apArray } = this.state;
|
|
const idx = apArray.findIndex((ele) => ele.aId === aId);
|
|
if (idx !== -1) {
|
|
const otherChecked = apArray[idx].passports.filter((ele) => ele.checked && ele.apId !== apId);
|
|
if (!(otherChecked && otherChecked.length > 0)) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
}
|
|
});
|