tachybase_todo/packages/plugin-pages/src/actions/getView.ts

560 lines
17 KiB
TypeScript
Raw Normal View History

import { Model, ModelCtor, BELONGSTOMANY } from '@nocobase/database';
2021-01-23 17:09:33 +08:00
import { get, set, isString } from 'lodash';
2021-01-27 16:58:36 +08:00
import { Op } from 'sequelize';
2020-11-11 20:57:18 +08:00
const transforms = {
2020-12-08 14:33:28 +08:00
table: async (fields: Model[], context?: any) => {
const arr = [];
for (const field of fields) {
2020-12-12 16:36:02 +08:00
if (!field.get('component.showInTable')) {
continue;
}
if (!context.listFields.includes(field.id)) {
continue;
}
arr.push({
2020-12-12 16:36:02 +08:00
...field.get(),
sorter: field.get('sortable'),
2020-12-13 20:48:48 +08:00
dataIndex: field.name.split('.'),
});
}
return arr;
},
2020-12-08 14:33:28 +08:00
form: async (fields: Model[], ctx?: any) => {
2020-12-13 00:09:25 +08:00
const [Field] = ctx.db.getModels(['fields']) as ModelCtor<Model>[];
2020-12-08 14:33:28 +08:00
const mode = get(ctx.action.params, ['values', 'mode'], ctx.action.params.mode);
const schema = {};
for (const field of fields) {
2020-12-08 21:19:39 +08:00
if (!field.get('component.showInForm')) {
continue;
}
if (!ctx.listFields.includes(field.id)) {
continue;
}
2020-12-08 21:19:39 +08:00
const interfaceType = field.get('interface');
const type = field.get('component.type') || 'string';
const prop: any = {
type,
title: field.title||field.name,
...(field.component||{}),
}
2021-01-26 16:47:57 +08:00
if (field.interface === 'description') {
field.title && set(prop, 'x-component-props.title', field.title);
field.get('component.tooltip') && set(prop, 'x-component-props.children', field.get('component.tooltip'));
}
if (ctx.formMode === 'update') {
if (!ctx.updateFields.includes(field.id)) {
set(prop, 'x-component-props.disabled', true);
}
} else if (!ctx.createFields.includes(field.id)) {
set(prop, 'x-component-props.disabled', true);
}
2020-12-18 18:25:06 +08:00
if (field.get('name') === 'interface' && ctx.state.developerMode === false) {
const dataSource = field.get('dataSource').filter(item => item.key !== 'developerMode');
field.set('dataSource', dataSource);
}
const { values } = ctx.action.params;
2021-01-23 17:09:33 +08:00
if (field.get('component.type') === 'filter' && get(values, 'associatedKey') && isString(get(values, 'associatedKey'))) {
const options = Field.parseApiJson(ctx.state.developerMode ? {
filter: {
2020-12-13 00:09:25 +08:00
collection_name: get(values, 'associatedKey'),
},
sort: 'sort',
} : {
filter: {
collection_name: get(values, 'associatedKey'),
developerMode: {'$isFalsy': true},
2020-12-13 00:09:25 +08:00
},
sort: 'sort',
2020-12-13 00:09:25 +08:00
});
const all = await Field.findAll(options);
2020-12-13 00:09:25 +08:00
set(prop, 'x-component-props.fields', all.filter(f => f.get('filterable')));
}
if (type === 'select') {
prop.type = 'string'
}
2020-12-13 00:09:25 +08:00
if (field.get('component.tooltip')) {
// prop.description = `{{html('${encodeURIComponent(field.get('component.tooltip'))}')}}`;
2020-12-13 00:09:25 +08:00
}
if (field.get('name') === 'dataSource') {
set(prop, 'x-component-props.operationsWidth', 'auto');
set(prop, 'x-component-props.bordered', true);
set(prop, 'x-component-props.className', 'data-source-table');
const properties = {};
if (ctx.state.developerMode) {
Object.assign(properties, {
value: {
type: "string",
title: "值",
// required: true,
'x-component-props': {
bordered: false,
},
},
});
}
Object.assign(properties, {
label: {
type: "string",
title: "选项",
required: true,
'x-component-props': {
bordered: false,
},
},
color: {
type: "colorSelect",
title: "颜色",
'x-component-props': {
bordered: false,
},
},
});
set(prop, 'items.properties', properties);
}
2020-12-13 17:20:54 +08:00
if (['number', 'percent'].includes(interfaceType) && field.get('precision')) {
set(prop, 'x-component-props.step', field.get('precision'));
}
2020-12-13 00:09:25 +08:00
if (field.get('required')) {
prop.required = true;
}
2020-12-08 14:33:28 +08:00
if (mode === 'update' && field.get('createOnly')) {
set(prop, 'x-component-props.disabled', true);
}
if (typeof field.get('showTime') === 'boolean') {
set(prop, 'x-component-props.showTime', field.get('showTime'));
}
const defaultValue = get(field.options, 'defaultValue');
2020-12-13 17:20:54 +08:00
if (typeof defaultValue !== 'undefined') {
prop.default = defaultValue;
}
2020-12-13 00:09:25 +08:00
if (interfaceType === 'boolean') {
set(prop, 'x-component-props.children', prop.title);
delete prop.title;
}
if (interfaceType === 'linkTo') {
set(prop, 'x-component-props.associatedName', field.get('collection_name'));
set(prop, 'x-component-props.target', field.get('target'));
set(prop, 'x-component-props.multiple', field.get('multiple'));
set(prop, 'x-component-props.labelField', field.get('labelField'));
}
2020-12-13 20:48:48 +08:00
if (interfaceType === 'multipleSelect') {
set(prop, 'x-component-props.mode', 'multiple');
}
if (interfaceType === 'subTable' && field.get('target')) {
set(prop, 'x-component-props.target', field.get('target'));
// resourceName
}
2020-12-13 17:20:54 +08:00
if (['radio', 'select', 'multipleSelect', 'checkboxes'].includes(interfaceType)) {
2020-12-18 18:25:06 +08:00
prop.enum = field.get('dataSource');
}
schema[field.name] = {
2021-01-25 10:22:24 +08:00
id: field.id,
...prop,
};
}
return schema;
},
2020-12-08 14:33:28 +08:00
details: async (fields: Model[], context?: any) => {
const arr = [];
for (const field of fields) {
if (!get(field.component, 'showInDetail')) {
continue;
}
if (!context.listFields.includes(field.id)) {
continue;
}
const props = {};
if (field.get('interface') === 'subTable') {
2021-01-08 08:52:55 +08:00
const children = await field.getChildren({
order: [['sort', 'asc']],
});
props['children'] = children.map(child => ({...child.toJSON(), dataIndex: child.name.split('.')}))
}
arr.push({
...field.toJSON(),
...props,
});
}
return arr;
},
2020-12-08 21:19:39 +08:00
filter: async (fields: Model[], ctx?: any) => {
const properties = {
filter: {
type: 'filter',
'x-component-props': {
fields: fields.filter(field => ctx.listFields.includes(field.id) && field.get('filterable')),
2020-12-08 21:19:39 +08:00
},
2020-12-13 00:09:25 +08:00
},
2020-12-08 21:19:39 +08:00
}
return properties;
},
};
2020-11-11 20:57:18 +08:00
export default async (ctx, next) => {
const { resourceName, resourceKey, values = {} } = ctx.action.params;
2020-12-08 21:19:39 +08:00
const [View, Collection, Field, Action] = ctx.db.getModels(['views', 'collections', 'fields', 'actions']) as ModelCtor<Model>[];
const collection = await Collection.findOne({
where: {
name: resourceName,
},
});
2020-12-08 21:19:39 +08:00
let view = await View.findOne(View.parseApiJson({
2020-11-11 20:57:18 +08:00
filter: {
collection_name: resourceName,
name: resourceKey,
},
// fields: {
// appends: ['actions', 'fields'],
// },
2020-11-11 20:57:18 +08:00
}));
let throughName;
const { resourceKey: resourceKey2, associatedName, resourceFieldName, associatedKey } = values;
// TODO: 暂时不处理 developerMode 和 internal 的情况
const permissions = (await ctx.ac.isRoot() || collection.developerMode || collection.internal)
? await ctx.ac.getRootPermissions()
: await ctx.ac.can(resourceName).permissions();
ctx.listFields = [];
ctx.createFields = [];
ctx.updateFields = [];
ctx.allowedActions = [];
for (const action of permissions.actions) {
ctx.allowedActions.push(action.name);
}
// console.log(ctx.allowedActions);
for (const permissionField of permissions.fields) {
const pfc = permissionField.actions;
if (pfc.includes(`${resourceName}:list`)) {
ctx.listFields.push(permissionField.field_id);
}
if (pfc.includes(`${resourceName}:create`)) {
ctx.createFields.push(permissionField.field_id);
}
if (pfc.includes(`${resourceName}:update`)) {
ctx.updateFields.push(permissionField.field_id);
}
}
// console.log({
// a: (await ctx.ac.isRoot() || collection.developerMode || collection.internal),
// listFields: ctx.listFields,
// createFields: ctx.createFields,
// updateFields: ctx.updateFields,
// })
if (associatedName) {
const table = ctx.db.getTable(associatedName);
const resourceField = table.getField(resourceFieldName);
if (resourceField instanceof BELONGSTOMANY) {
// console.log({associatedName, resourceField});
throughName = resourceField.options.through;
}
}
2020-12-08 21:19:39 +08:00
if (!view) {
// 如果不存在 view新建一个
view = new View({type: resourceKey, template: 'FilterForm'});
}
// const where: any = {
// developerMode: ctx.state.developerMode,
// }
const filter: any = {}
if (!ctx.state.developerMode) {
filter.developerMode = {'$isFalsy': true}
2020-12-13 00:09:25 +08:00
}
if (!view.get('draggable')) {
filter.type = {
not: 'sort',
2020-12-13 00:09:25 +08:00
};
}
const fieldOptions = Field.parseApiJson({
filter,
sort: 'sort',
});
let fields = await collection.getFields(fieldOptions);
fields = fields.filter(field => {
if (field.get('interface') === 'linkTo') {
if (throughName && throughName === field.get('through')) {
return false;
}
}
return true;
})
const options = Action.parseApiJson(ctx.state.developerMode ? {
filter: {},
sort: 'sort',
} : {
filter: {
developerMode: {'$isFalsy': true},
2020-12-08 14:33:28 +08:00
},
sort: 'sort',
});
const actions = await collection.getActions(options);
let actionNames = view.get('actionNames') || [];
if (actionNames.length === 0 && resourceKey !== 'permissionTable') {
actionNames = ['filter', 'create', 'destroy'];
}
2021-01-07 09:31:26 +08:00
const defaultTabs = await collection.getTabs({
where: {
2021-01-27 16:58:36 +08:00
id : {[Op.in]: permissions.tabs},
2021-01-07 09:31:26 +08:00
},
2021-01-27 16:58:36 +08:00
order: [['sort', 'asc']],
2021-01-07 09:31:26 +08:00
});
2021-01-27 16:58:36 +08:00
const defaultTab = defaultTabs.find(tab => tab.default) || get(defaultTabs, [0]);
view.setDataValue('defaultTabName', get(defaultTab, ['name']));
if (view.get('type') === 'table') {
2020-12-13 20:48:48 +08:00
view.setDataValue('rowViewName', 'form');
}
if (view.get('type') === 'calendar') {
view.setDataValue('template', 'Calendar');
view.setDataValue('rowViewName', 'form');
}
2020-12-08 21:19:39 +08:00
if (view.get('updateViewName')) {
view.setDataValue('rowViewName', view.get('updateViewName'));
2020-11-11 20:57:18 +08:00
}
2021-01-22 14:54:08 +08:00
if (!view.get('template')) {
if (view.get('type') === 'table') {
view.setDataValue('template', 'Table');
} else if (view.get('type') === 'calendar') {
view.setDataValue('template', 'Calendar');
}
}
2020-12-13 00:09:25 +08:00
// view.setDataValue('viewCollectionName', view.collection_name);
2020-12-08 21:19:39 +08:00
let title = collection.get('title');
const mode = get(ctx.action.params, ['values', 'mode'], ctx.action.params.mode);
ctx.formMode = mode;
2020-12-08 21:19:39 +08:00
if (mode === 'update') {
title = `编辑${title}`;
} else {
title = `新增${title}`;
2020-12-08 21:19:39 +08:00
}
2020-12-21 14:19:31 +08:00
const viewType = view.get('type');
2020-12-21 10:41:12 +08:00
const actionDefaultParams:any = {};
2020-12-29 11:31:19 +08:00
if (resourceName === 'collections') {
actionDefaultParams.sort = ['sort'];
}
2020-12-31 21:04:03 +08:00
if (view.filter) {
actionDefaultParams.filter = view.filter;
}
const appends = [];
for (const field of fields) {
2021-01-07 09:31:26 +08:00
if (!['subTable', 'linkTo', 'attachment', 'createdBy', 'updatedBy'].includes(field.get('interface'))) {
continue;
2020-12-21 14:19:31 +08:00
}
let showInKey;
switch (viewType) {
case 'table':
showInKey = 'showInTable';
break;
case 'form':
showInKey = 'showInForm';
break;
case 'details':
showInKey = 'showInDetail';
break;
2020-12-21 14:19:31 +08:00
}
if (showInKey && field.get(`component.${showInKey}`)) {
appends.push(field.name);
if (field.get('interface') === 'attachment') {
appends.push(`${field.name}.storage`);
}
if (field.get('interface') === 'subTable') {
const children = await field.getChildren();
// console.log(children);
for (const child of children) {
if (!['subTable', 'linkTo', 'attachment', 'updatedBy', 'createdBy'].includes(child.get('interface'))) {
continue;
}
console.log(child.name);
appends.push(`${field.name}.${child.name}`);
}
}
2020-12-21 14:19:31 +08:00
}
}
actionDefaultParams['fields[appends]'] = appends.join(',');
if (resourceFieldName === 'pages' && resourceKey === 'permissionTable') {
ctx.body = {
...view.get(),
title,
actionDefaultParams,
original: fields,
disableRowClick: true,
fields: [
{
"title": "页面",
"name": "title",
"interface": "string",
"type": "string",
"parent_id": null,
"required": true,
"developerMode": false,
"component": {
"type": "string",
"className": "drag-visible",
"showInForm": true,
"showInTable": true,
"showInDetail": true
},
"dataIndex": ["title"]
},
{
"title": "访问权限",
"name": "accessible",
"interface": "boolean",
"type": "boolean",
"parent_id": null,
"required": true,
"editable": true,
"resource": 'roles.pages',
"developerMode": false,
"component": {
"type": "boolean",
"showInTable": true,
},
"dataIndex": ["accessible"]
}
],
};
} else if (resourceFieldName === 'collections' && resourceKey === 'permissionTable') {
ctx.body = {
...view.get(),
title,
actionDefaultParams,
original: fields,
rowKey: 'name',
fields: [
{
"title": "数据表名称",
"name": "title",
"interface": "string",
"type": "string",
"parent_id": null,
"required": true,
"developerMode": false,
"component": {
"type": "string",
"className": "drag-visible",
"showInForm": true,
"showInTable": true,
"showInDetail": true
},
"dataIndex": ["title"]
},
{
"title": "描述",
"name": "permissions[0].description",
"interface": "string",
"type": "string",
"parent_id": null,
"required": true,
"developerMode": false,
"component": {
"type": "string",
"className": "drag-visible",
"showInForm": true,
"showInTable": true,
"showInDetail": true
},
"dataIndex": ["permissions", 0, 'description']
}
],
};
2021-01-14 10:52:20 +08:00
} else if (
(resourceFieldName === 'collections' && resourceKey === 'permissionForm')
||
(resourceFieldName === 'roles' && resourceKey === 'permissionForm')
) {
ctx.body = {
...view.get(),
title,
actionDefaultParams,
original: fields,
fields: {
actions: {
type: 'permissions.actions',
title: '数据操作权限',
'x-linkages': [
{
type: "value:schema",
target: "actions",
schema: {
"x-component-props": {
2021-01-14 10:52:20 +08:00
resourceKey: resourceFieldName === 'roles' ? associatedKey : "{{ $form.values && $form.values.resourceKey }}"
},
},
},
],
'x-component-props': {
dataSource: [],
},
},
fields: {
type: 'permissions.fields',
title: '字段权限',
'x-linkages': [
{
type: "value:schema",
target: "fields",
schema: {
"x-component-props": {
2021-01-14 10:52:20 +08:00
resourceKey: resourceFieldName === 'roles' ? associatedKey : "{{ $form.values && $form.values.resourceKey }}"
},
},
},
],
'x-component-props': {
dataSource: [],
}
},
tabs: {
type: 'permissions.tabs',
title: '标签页权限',
'x-linkages': [
{
type: "value:schema",
target: "tabs",
schema: {
"x-component-props": {
2021-01-14 10:52:20 +08:00
resourceKey: resourceFieldName === 'roles' ? associatedKey : "{{ $form.values && $form.values.resourceKey }}"
},
},
},
],
'x-component-props': {
dataSource: [],
}
},
description: {
type: 'textarea',
title: '权限描述',
},
},
};
} else {
let allowedUpdate = false;
if (view.type === 'details' && await ctx.ac.can(resourceName).act('update').one(resourceKey2)) {
allowedUpdate = true;
}
ctx.body = {
...view.get(),
title,
actionDefaultParams,
original: fields,
fields: await (transforms[view.type]||transforms.table)(fields, ctx),
actions: actions.filter(action => {
if (view.type === 'details' && action.name === 'update') {
return allowedUpdate;
}
return actionNames.includes(action.name) && ctx.allowedActions.includes(`${resourceName}:${action.name}`);
}).map(action => ({
...action.toJSON(),
...action.options,
// viewCollectionName: action.collection_name,
})),
};
}
2020-11-11 20:57:18 +08:00
await next();
};