5fa642dc64
代码生成路径大小写修正 折叠组件样式修改 信息体组件可带出部门 详情页子表样式调整：按钮下移 栅格字段栅格数配置不生效 自动编号页面样式修正、增加编号配置可排序用于修改编号配置生成规则、修正自动编号编辑缺陷 列表页样式修正 详情页按钮间距修正
431 lines
13 KiB
TypeScript
431 lines
13 KiB
TypeScript
import Pinyin from 'js-pinyin'; //将汉字转为拼音
|
||
Pinyin.setOptions({ charCase: 1 });
|
||
import { requestMagicApi } from '/@/api/magicApi';
|
||
import { useUserStore } from '/@/store/modules/user';
|
||
import { BasicColumn } from '/@/components/Table';
|
||
import { isNil } from 'lodash-es';
|
||
import opencc from 'node-opencc';
|
||
import { TableFieldConfig } from '/@/model/generator/tableStructureConfig';
|
||
|
||
//setOptions中传入对象，对象可传两个参数
|
||
//charCase： 输出拼音的大小写模式，0-首字母大写；1-全小写；2-全大写
|
||
//checkPolyphone：是否检查多音字
|
||
//方法：1.getCamelChars: 获取拼音首字母 2.getFullChars: 获取拼音
|
||
|
||
/* 判断字符串是否有中文 有则在前面添加下划线（第一个字符不添加）并转换成小写拼音 */
|
||
export function changeToPinyin(label: string, isUpper?: boolean) {
|
||
const labelArr = label.split('');
|
||
let fieldName = '';
|
||
labelArr.map((item: string, index: number) => {
|
||
const reg = /^[\u4e00-\u9fa5]+$/;
|
||
item = opencc.traditionalToSimplified(item);
|
||
fieldName += reg.test(item) && index !== 0 ? '_' + item : item;
|
||
});
|
||
const pinyin = Pinyin.getFullChars(fieldName.replace(/\s+/g, ''));
|
||
return isUpper ? pinyin.toUpperCase() : pinyin;
|
||
}
|
||
|
||
/* 如果没有下划线，不需要处理
|
||
如果有下划线，用下划线切割，第一个下划线左边的全部小写，后面的首字母大写，首字母后面的全部小写 */
|
||
export function camelCaseString(string: string) {
|
||
if (!string) return;
|
||
const stringLower = string.toLowerCase();
|
||
const len = stringLower.length;
|
||
let str = '';
|
||
for (let i = 0; i < len; i++) {
|
||
const c = stringLower.charAt(i);
|
||
if (c === '_') {
|
||
if (++i < len) {
|
||
str = str.concat(stringLower.charAt(i).toUpperCase());
|
||
}
|
||
} else {
|
||
str = str.concat(c);
|
||
}
|
||
}
|
||
return str;
|
||
}
|
||
|
||
export async function apiConfigFunc(apiConfig, isCustomForm = false, formModel?, index?) {
|
||
if (!apiConfig?.path) return [];
|
||
const queryParam = {};
|
||
const headerParam = {};
|
||
const bodyParam = {};
|
||
if (apiConfig?.apiParams) {
|
||
for (const param of apiConfig.apiParams) {
|
||
//queryString
|
||
if (param.key === '1' && param.tableInfo && param.tableInfo.length) {
|
||
for (const query of param.tableInfo) {
|
||
queryParam[query.name] = apiConfig.input||getParamsValue(query, formModel, isCustomForm, index);
|
||
}
|
||
}
|
||
//header
|
||
if (param.key === '2' && param.tableInfo && param.tableInfo.length) {
|
||
for (const head of param.tableInfo) {
|
||
headerParam[head.name] = getParamsValue(head, formModel, isCustomForm, index, true);
|
||
}
|
||
}
|
||
//body
|
||
if (param.key === '3' && param.tableInfo && param.tableInfo.length) {
|
||
for (const body of param.tableInfo) {
|
||
bodyParam[body.name] = getParamsValue(body, formModel, isCustomForm, index);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
const res = await requestMagicApi({
|
||
method: apiConfig?.method,
|
||
url: apiConfig.path,
|
||
headers: headerParam,
|
||
body: bodyParam,
|
||
query: queryParam,
|
||
});
|
||
if (res && Array.isArray(res)) return res; //不分页接口
|
||
if (res && Array.isArray(res.list)) return res.list; //分页接口
|
||
return res;
|
||
}
|
||
|
||
function getParamsValue(params, formModel, isCustomForm, index, isHeaders: Boolean = false) {
|
||
const userStore = useUserStore();
|
||
let value;
|
||
if (params.bindType === 'value') {
|
||
value = params.value;
|
||
} else if (params.bindType === 'data') {
|
||
const paramsArr = params.value.split('-');
|
||
if (paramsArr[0] === '3') {
|
||
//当前信息
|
||
value = isHeaders
|
||
? encodeURIComponent(userStore.getUserInfo[paramsArr[1]])
|
||
: userStore.getUserInfo[paramsArr[1]];
|
||
} else {
|
||
if (!formModel) return;
|
||
let headerValue = '';
|
||
if (params.value) {
|
||
const value = isValidJSON(params.value);
|
||
if (value && value.bindTable) {
|
||
const table = !isCustomForm
|
||
? value.bindTable + 'List'
|
||
: camelCaseString(value.bindTable + '_List');
|
||
const field = !isCustomForm ? value.bindField : camelCaseString(value.bindField);
|
||
|
||
if (formModel[table!] && formModel[table!][index || 0]) {
|
||
headerValue = formModel[table!][index || 0][field];
|
||
}
|
||
} else {
|
||
headerValue = !isCustomForm
|
||
? formModel[value.bindField!]
|
||
: formModel[camelCaseString(value.bindField)!];
|
||
}
|
||
}
|
||
|
||
value = isHeaders ? encodeURIComponent(headerValue) : headerValue;
|
||
}
|
||
}
|
||
|
||
return value;
|
||
}
|
||
export function isValidJSON(str) {
|
||
try {
|
||
const val = JSON.parse(str);
|
||
return val;
|
||
} catch (err) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 根据列表值 生成table html
|
||
*/
|
||
export function generateTableHtml(columns: BasicColumn[], datas: Recordable[]): string {
|
||
const headArray: {
|
||
key: string;
|
||
name: string;
|
||
}[] = [];
|
||
const bodySortArray: string[][] = [];
|
||
|
||
let result = `<table>`;
|
||
|
||
result += `<tr>`;
|
||
//遍历所有列配置 设置为表头
|
||
for (const col of columns) {
|
||
if (col.dataIndex) {
|
||
headArray.push({
|
||
key: col.dataIndex as string,
|
||
name: col.title as string,
|
||
});
|
||
}
|
||
result += `<th>${col.title}</th>`;
|
||
}
|
||
result += `</tr>`;
|
||
//遍历所有数据
|
||
|
||
for (const item of datas) {
|
||
result += `<tr>`;
|
||
const row: string[] = [];
|
||
for (const head of headArray) {
|
||
const index = Object.keys(item).indexOf(head.key);
|
||
row[index] = item[head.key];
|
||
result += `<td>${item[head.key]}</td>`;
|
||
}
|
||
bodySortArray.push(row);
|
||
result += `</tr>`;
|
||
}
|
||
|
||
result += '</table>';
|
||
return result;
|
||
}
|
||
|
||
/**
|
||
* 根据列表值 生成table html
|
||
*/
|
||
export function generateTableJson(columns: BasicColumn[], datasource: Recordable[]): Recordable[] {
|
||
const result: Recordable[] = [];
|
||
|
||
for (const item of datasource) {
|
||
//替换所有key
|
||
const newRow: Recordable = {};
|
||
Object.keys(item).forEach((key) => {
|
||
const col = columns.find((x) => x.dataIndex == key);
|
||
if (col?.title) {
|
||
newRow[col?.title as string] = isNil(item[key]) ? '' : item[key];
|
||
}
|
||
});
|
||
result.push(newRow);
|
||
}
|
||
|
||
return result;
|
||
}
|
||
|
||
export function checkTabCanDelete(layout) {
|
||
let count = 0;
|
||
for (let i = 0; i < layout.length; i++) {
|
||
const o = layout[i];
|
||
for (let i = 0; i < o.list.length; i++) {
|
||
const k = o.list[i];
|
||
if (k.type == 'form' || k.type == 'one-for-one') {
|
||
count += 1;
|
||
break;
|
||
} else if (k.type == 'tab' || k.type == 'card' || k.type == 'grid') {
|
||
count = checkTabCanDelete(k.layout);
|
||
if (count > 0) break;
|
||
} else if (k.options?.required) {
|
||
count += 1;
|
||
break;
|
||
}
|
||
}
|
||
if (count > 0) break;
|
||
}
|
||
return count;
|
||
}
|
||
const needDicDefaultValue = [
|
||
'select',
|
||
'associate-select',
|
||
'associate-popup',
|
||
'multiple-popup',
|
||
'checkbox',
|
||
'radio',
|
||
'button',
|
||
];
|
||
export function changeCompsApiConfig(list, designType, TableFieldConfigs) {
|
||
list.forEach((item) => {
|
||
if (needDicDefaultValue.includes(item.type)) {
|
||
//主表
|
||
if (
|
||
item.type == 'button' &&
|
||
item.options.isSpecial &&
|
||
item.options.buttonType == 2 &&
|
||
designType !== 'data'
|
||
) {
|
||
changeTableColumns(item.options.tableColumns, TableFieldConfigs);
|
||
}
|
||
if (item.options?.datasourceType == 'api') {
|
||
changeApiParams(item.options.apiConfig.apiParams, designType, TableFieldConfigs);
|
||
changeOutputParams(item.options.apiConfig.outputParams, designType, TableFieldConfigs);
|
||
} else if (item.options?.datasourceType == 'dic') {
|
||
changeDicOptions(item.options.dicOptions, designType, TableFieldConfigs);
|
||
}
|
||
} else if (item.type == 'computational' || item.type == 'money-chinese') {
|
||
item.options.computationalConfig.forEach((o) => {
|
||
if (o.bindField && o.bindTable) {
|
||
const comp = TableFieldConfigs.find((k) => k.key == o.key);
|
||
if (comp) {
|
||
o.bindField = comp.fieldName;
|
||
o.bindTable = comp.tableName;
|
||
}
|
||
}
|
||
});
|
||
} else if (['tab', 'grid', 'card'].includes(item.type)) {
|
||
for (const child of item.layout!) {
|
||
changeCompsApiConfig(child.list, designType, TableFieldConfigs);
|
||
}
|
||
} else if (item.type === 'table-layout') {
|
||
for (const child of item.layout!) {
|
||
for (const el of child.list) {
|
||
changeCompsApiConfig(el.children, designType, TableFieldConfigs);
|
||
}
|
||
}
|
||
} else if (item.type === 'one-for-one' || item.type === 'form') {
|
||
if (item.children.length) {
|
||
changeCompsApiConfig(item.children, designType, TableFieldConfigs);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
export function changeEventApiConfig(formEventConfig, designType, TableFieldConfigs) {
|
||
for (const config in formEventConfig) {
|
||
formEventConfig[config].forEach((item) => {
|
||
if (item.isUserDefined) {
|
||
item.nodeInfo.processEvent.forEach((o) => {
|
||
if (o.operateType == 'api') {
|
||
changeApiParams(o.operateConfig.apiParams, designType, TableFieldConfigs);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function changeApiParams(apiparams, designType, TableFieldConfigs) {
|
||
if (!apiparams) return;
|
||
apiparams.forEach((param) => {
|
||
param.tableInfo?.forEach((info) => {
|
||
if (info.bindType == 'data') {
|
||
if (info.value) {
|
||
const val = isValidJSON(info.value);
|
||
if (designType == 'code') {
|
||
if (val && val.bindField) {
|
||
const comp = TableFieldConfigs.filter((o) => o.key == val.fieldKey);
|
||
if (comp.length == 1) val.bindField = comp[0].fieldName;
|
||
if (comp.length == 2) {
|
||
const field = new Array(2);
|
||
comp.forEach((o) => {
|
||
if (o.fieldStartName) field[0] = o.fieldStartName;
|
||
if (o.fieldEndName) field[1] = o.fieldEndName;
|
||
});
|
||
val.bindField = field.join(',');
|
||
}
|
||
}
|
||
}
|
||
if (designType !== 'data') {
|
||
if (val && val.bindTable) {
|
||
const comp = TableFieldConfigs.find((o) => o.key == val.fieldKey);
|
||
if (comp) val.bindTable = comp.tableName;
|
||
}
|
||
}
|
||
info.value = JSON.stringify(val);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
function changeOutputParams(outputParams, designType, TableFieldConfigs) {
|
||
if (designType == 'code' && outputParams) {
|
||
outputParams.forEach((item) => {
|
||
const comp = TableFieldConfigs.find((o) => o.key == item.component);
|
||
if (comp) {
|
||
item.bindField = comp.fieldName;
|
||
if (item.bindTable) item.bindTable = comp.tableName;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function changeDicOptions(dicOptions, designType, TableFieldConfigs) {
|
||
if (designType == 'code' && dicOptions) {
|
||
dicOptions.forEach((item) => {
|
||
const comp = TableFieldConfigs.find((o) => o.key == item.component);
|
||
if (comp) {
|
||
item.bindField = comp.fieldName;
|
||
if (item.bindTable) item.bindTable = comp.tableName;
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function changeTableColumns(tableColumns, TableFieldConfigs) {
|
||
tableColumns &&
|
||
tableColumns.forEach((item) => {
|
||
const comp = TableFieldConfigs.find((o) => o.key == item.key);
|
||
if (comp) {
|
||
item.bindField = comp.fieldName;
|
||
item.bindTable = comp.tableName;
|
||
}
|
||
});
|
||
}
|
||
export function getMainTable(tableStructureConfigs) {
|
||
const TableFieldConfigs: TableFieldConfig[] = [];
|
||
tableStructureConfigs?.forEach((x) => {
|
||
x.tableFieldConfigs.forEach((o) => {
|
||
o.tableName = x.tableName;
|
||
TableFieldConfigs.push(o);
|
||
});
|
||
});
|
||
return TableFieldConfigs;
|
||
}
|
||
|
||
export function testPwdState(pwd) {
|
||
let score = 0;
|
||
|
||
const pwdArr = pwd.split('');
|
||
const numArr = pwdArr.filter((x) => /[0-9]/.test(x)); //数字数组
|
||
const alpArr = pwdArr.filter((x) => /[a-z]/.test(x)); //小写字母数组
|
||
const ALPArr = pwdArr.filter((x) => /[A-Z]/.test(x)); //大写字母数组
|
||
const charArr = pwdArr.filter((x) => /[^a-zA-Z0-9]/.test(x)); //特殊字符数组
|
||
|
||
if (pwd.length <= 4) {
|
||
//小于等于4个字符
|
||
score += 5;
|
||
} else if (pwd.length >= 5 && pwd.length <= 7) {
|
||
//5-7个字符
|
||
score += 10;
|
||
} else if (pwd.length > 8) {
|
||
//8个字符以上
|
||
score += 25;
|
||
}
|
||
|
||
if (alpArr.length === pwdArr.length || ALPArr.length === pwdArr.length) {
|
||
//全部都是大写字母或者小写字母
|
||
score += 10;
|
||
} else if (alpArr.length && ALPArr.length) {
|
||
//大小写混合
|
||
score += 20;
|
||
}
|
||
|
||
if (numArr.length === 1) {
|
||
//只有一个数字
|
||
score += 10;
|
||
} else if (numArr.length >= 3) {
|
||
//大于等于3个数字
|
||
score += 20;
|
||
}
|
||
|
||
if (charArr.length === 1) {
|
||
//只有一个符号
|
||
score += 10;
|
||
} else if (charArr.length > 1) {
|
||
//大于一个符号
|
||
score += 25;
|
||
}
|
||
|
||
if (ALPArr.length && alpArr.length && numArr.length && charArr.length) {
|
||
//含有大写字母、小写字母、数字、符号
|
||
score += 5;
|
||
} else if ((ALPArr.length || alpArr.length) && numArr.length && charArr.length) {
|
||
//含有字母、数字、符号
|
||
score += 3;
|
||
} else if ((ALPArr.length || alpArr.length) && numArr.length) {
|
||
//含有字母、数字
|
||
score += 2;
|
||
}
|
||
|
||
return score;
|
||
}
|
||
|
||
export function validateScript(str) {
|
||
if (str.indexOf('<script') !== -1) {
|
||
throw new Error('参数错误');
|
||
}
|
||
}
|
||
|
||
export function testRegLength(reg) {
|
||
if (reg.length > 255) {
|
||
throw new Error('字符长度超出255个字符');
|
||
}
|
||
}
|