mirror of
https://gitee.com/nocobase/nocobase.git
synced 2025-05-09 23:49:27 +08:00
a15a2a9540
* feat(users): allows to custom profile editing form * chore: update * fix: build * fix: build * fix: build * fix: migration * chore: update * feat: parse schema * feat: trigger workflows * fix: test * fix: test * fix: issues * fix: user menu * fix: user menu * fix: e2e * fix: z-index * fix: bug * fix: designable * fix: required validation * fix: test * fix: forms * fix: version * fix: designable
677 lines
22 KiB
TypeScript
677 lines
22 KiB
TypeScript
/**
|
|
* This file is part of the NocoBase (R) project.
|
|
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
|
|
* Authors: NocoBase Team.
|
|
*
|
|
* This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
|
|
* For more information, please refer to: https://www.nocobase.com/agreement.
|
|
*/
|
|
|
|
import { ISchema } from '@formily/react';
|
|
import { uid } from '@formily/shared';
|
|
|
|
export const userCollection = {
|
|
name: 'users',
|
|
fields: [
|
|
{
|
|
name: 'id',
|
|
type: 'bigInt',
|
|
autoIncrement: true,
|
|
primaryKey: true,
|
|
allowNull: false,
|
|
uiSchema: { type: 'number', title: '{{t("ID")}}', 'x-component': 'InputNumber', 'x-read-pretty': true },
|
|
interface: 'id',
|
|
},
|
|
{
|
|
interface: 'input',
|
|
type: 'string',
|
|
name: 'nickname',
|
|
uiSchema: {
|
|
type: 'string',
|
|
title: '{{t("Nickname")}}',
|
|
'x-component': 'Input',
|
|
},
|
|
},
|
|
{
|
|
interface: 'input',
|
|
type: 'string',
|
|
name: 'username',
|
|
unique: true,
|
|
uiSchema: {
|
|
type: 'string',
|
|
title: '{{t("Username")}}',
|
|
'x-component': 'Input',
|
|
'x-validator': { username: true },
|
|
required: true,
|
|
},
|
|
},
|
|
{
|
|
interface: 'email',
|
|
type: 'string',
|
|
name: 'email',
|
|
unique: true,
|
|
uiSchema: {
|
|
type: 'string',
|
|
title: '{{t("Email")}}',
|
|
'x-component': 'Input',
|
|
'x-validator': 'email',
|
|
required: true,
|
|
},
|
|
},
|
|
{
|
|
interface: 'phone',
|
|
type: 'string',
|
|
name: 'phone',
|
|
unique: true,
|
|
uiSchema: {
|
|
type: 'string',
|
|
title: '{{t("Phone")}}',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
},
|
|
{
|
|
interface: 'password',
|
|
type: 'password',
|
|
name: 'password',
|
|
hidden: true,
|
|
uiSchema: {
|
|
type: 'string',
|
|
title: '{{t("Password")}}',
|
|
'x-component': 'Password',
|
|
},
|
|
},
|
|
{
|
|
interface: 'm2m',
|
|
type: 'belongsToMany',
|
|
name: 'roles',
|
|
target: 'roles',
|
|
foreignKey: 'userId',
|
|
otherKey: 'roleName',
|
|
onDelete: 'CASCADE',
|
|
sourceKey: 'id',
|
|
targetKey: 'name',
|
|
through: 'rolesUsers',
|
|
uiSchema: {
|
|
type: 'array',
|
|
title: '{{t("Roles")}}',
|
|
'x-component': 'AssociationField',
|
|
'x-component-props': {
|
|
multiple: true,
|
|
fieldNames: {
|
|
label: 'title',
|
|
value: 'name',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
// {
|
|
// name: 'departments',
|
|
// type: 'belongsToMany',
|
|
// interface: 'm2m',
|
|
// target: 'departments',
|
|
// foreignKey: 'userId',
|
|
// otherKey: 'departmentId',
|
|
// onDelete: 'CASCADE',
|
|
// sourceKey: 'id',
|
|
// targetKey: 'id',
|
|
// through: 'departmentsUsers',
|
|
// uiSchema: {
|
|
// type: 'array',
|
|
// title: '{{t("Departments")}}',
|
|
// 'x-component': 'DepartmentField',
|
|
// },
|
|
// },
|
|
],
|
|
};
|
|
|
|
export const usersSchema: ISchema = {
|
|
type: 'object',
|
|
properties: {
|
|
block1: {
|
|
type: 'void',
|
|
'x-component': 'CardItem',
|
|
'x-component-props': {
|
|
heightMode: 'fullHeight',
|
|
},
|
|
'x-decorator': 'TableBlockProvider',
|
|
'x-decorator-props': {
|
|
dataSource: 'main',
|
|
rowKey: 'id',
|
|
collection: 'users',
|
|
action: 'list',
|
|
params: {
|
|
pageSize: 20,
|
|
},
|
|
},
|
|
'x-use-decorator-props': 'useTableBlockDecoratorProps',
|
|
properties: {
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'ActionBar',
|
|
'x-component-props': {
|
|
style: {
|
|
marginBottom: 'var(--nb-spacing)',
|
|
},
|
|
},
|
|
properties: {
|
|
filter: {
|
|
type: 'void',
|
|
'x-component': 'FilterAction',
|
|
'x-align': 'left',
|
|
},
|
|
refresh: {
|
|
type: 'void',
|
|
title: '{{ t("Refresh") }}',
|
|
'x-action': 'refresh',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
icon: 'ReloadOutlined',
|
|
},
|
|
'x-use-component-props': 'useRefreshActionProps',
|
|
},
|
|
delete: {
|
|
type: 'void',
|
|
title: '{{ t("Delete") }}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
confirm: {
|
|
title: "{{t('Delete users')}}",
|
|
content: "{{t('Are you sure you want to delete it?')}}",
|
|
},
|
|
icon: 'DeleteOutlined',
|
|
},
|
|
'x-use-component-props': 'useBulkDestroyActionProps',
|
|
},
|
|
create: {
|
|
type: 'void',
|
|
title: '{{t("Add new")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
icon: 'PlusOutlined',
|
|
},
|
|
properties: {
|
|
drawer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer',
|
|
'x-decorator': 'FormV2',
|
|
title: '{{t("Add user")}}',
|
|
properties: {
|
|
form: {
|
|
type: 'void',
|
|
'x-component': 'ProfileCreateForm',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
table: {
|
|
type: 'array',
|
|
'x-uid': 'input',
|
|
'x-component': 'TableV2',
|
|
'x-component-props': {
|
|
rowKey: 'id',
|
|
rowSelection: {
|
|
type: 'checkbox',
|
|
},
|
|
},
|
|
'x-use-component-props': 'useTableBlockProps',
|
|
properties: {
|
|
column1: {
|
|
type: 'void',
|
|
'x-decorator': 'TableV2.Column.Decorator',
|
|
'x-component': 'TableV2.Column',
|
|
properties: {
|
|
nickname: {
|
|
type: 'number',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
column2: {
|
|
type: 'void',
|
|
'x-decorator': 'TableV2.Column.Decorator',
|
|
'x-component': 'TableV2.Column',
|
|
properties: {
|
|
username: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
column3: {
|
|
type: 'void',
|
|
'x-decorator': 'TableV2.Column.Decorator',
|
|
'x-component': 'TableV2.Column',
|
|
properties: {
|
|
email: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
column4: {
|
|
type: 'void',
|
|
'x-decorator': 'TableV2.Column.Decorator',
|
|
'x-component': 'TableV2.Column',
|
|
title: '{{t("Roles")}}',
|
|
properties: {
|
|
roles: {
|
|
'x-component': 'CollectionField',
|
|
'x-component-props': {
|
|
mode: 'Tag',
|
|
enableLink: false,
|
|
ellipsis: true,
|
|
},
|
|
'x-read-pretty': true,
|
|
'x-collection-field': 'users.roles',
|
|
},
|
|
},
|
|
},
|
|
column5: {
|
|
type: 'void',
|
|
title: '{{t("Actions")}}',
|
|
'x-component': 'TableV2.Column',
|
|
'x-decorator': 'TableV2.Column.ActionBar',
|
|
properties: {
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'Space',
|
|
'x-component-props': {
|
|
split: '|',
|
|
},
|
|
properties: {
|
|
update: {
|
|
type: 'void',
|
|
title: '{{t("Edit profile")}}',
|
|
'x-decorator': 'ACLActionProvider',
|
|
'x-acl-action': 'users:update',
|
|
'x-component': 'Action.Link',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
},
|
|
properties: {
|
|
drawer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer',
|
|
title: '{{t("Edit profile")}}',
|
|
properties: {
|
|
form: {
|
|
type: 'void',
|
|
'x-component': 'ProfileEditForm',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
changePassword: {
|
|
type: 'void',
|
|
title: '{{t("Change password")}}',
|
|
'x-decorator': 'ACLActionProvider',
|
|
'x-acl-action': 'users:update',
|
|
'x-component': 'Action.Link',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
},
|
|
properties: {
|
|
drawer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer',
|
|
'x-decorator': 'FormV2',
|
|
'x-use-decorator-props': 'useEditFormProps',
|
|
title: '{{t("Change password")}}',
|
|
properties: {
|
|
password: {
|
|
'x-component': 'CollectionField',
|
|
'x-component-props': {
|
|
component: 'PasswordField',
|
|
},
|
|
'x-decorator': 'FormItem',
|
|
required: true,
|
|
},
|
|
footer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer.Footer',
|
|
properties: {
|
|
cancel: {
|
|
title: '{{t("Cancel")}}',
|
|
'x-component': 'Action',
|
|
'x-use-component-props': 'useCancelActionProps',
|
|
},
|
|
submit: {
|
|
title: '{{t("Submit")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
},
|
|
'x-use-component-props': 'useSubmitActionProps',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
delete: {
|
|
type: 'void',
|
|
title: '{{ t("Delete") }}',
|
|
'x-acl-action': 'users:destroy',
|
|
'x-action': 'destroy',
|
|
'x-decorator': 'ACLActionProvider',
|
|
'x-component': 'Action.Link',
|
|
'x-component-props': {
|
|
confirm: {
|
|
title: "{{t('Delete')}}",
|
|
content: "{{t('Are you sure you want to delete it?')}}",
|
|
},
|
|
},
|
|
'x-use-component-props': 'useDestroyActionProps',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export const usersSettingsSchema: ISchema = {
|
|
type: 'object',
|
|
'x-decorator': 'UsersSettingsProvider',
|
|
properties: {
|
|
usersSettings: {
|
|
type: 'void',
|
|
'x-component': 'CardItem',
|
|
'x-decorator': 'UsersSettingsProvider',
|
|
properties: {
|
|
form: {
|
|
type: 'void',
|
|
'x-component': 'FormV2',
|
|
'x-use-component-props': 'useFormBlockProps',
|
|
properties: {
|
|
enableEditProfile: {
|
|
type: 'string',
|
|
'x-component': 'Checkbox',
|
|
'x-decorator': 'FormItem',
|
|
default: true,
|
|
'x-content': '{{t("Allow edit profile")}}',
|
|
},
|
|
enableChangePassword: {
|
|
type: 'string',
|
|
'x-component': 'Checkbox',
|
|
'x-decorator': 'FormItem',
|
|
default: true,
|
|
'x-content': '{{t("Allow change password")}}',
|
|
},
|
|
submit: {
|
|
title: '{{t("Save")}}',
|
|
'x-component': 'Action',
|
|
'x-use-component-props': 'useSubmitActionProps',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export const getRoleUsersSchema = (): ISchema => ({
|
|
type: 'void',
|
|
properties: {
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'ActionBar',
|
|
'x-component-props': {
|
|
style: {
|
|
marginBottom: 16,
|
|
},
|
|
},
|
|
properties: {
|
|
[uid()]: {
|
|
type: 'void',
|
|
title: '{{ t("Filter") }}',
|
|
'x-action': 'filter',
|
|
'x-component': 'Filter.Action',
|
|
'x-use-component-props': 'useFilterActionProps',
|
|
'x-component-props': {
|
|
icon: 'FilterOutlined',
|
|
},
|
|
'x-align': 'left',
|
|
},
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'Space',
|
|
properties: {
|
|
remove: {
|
|
type: 'void',
|
|
title: '{{t("Remove")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
icon: 'MinusOutlined',
|
|
confirm: {
|
|
title: "{{t('Remove')}}",
|
|
content: "{{t('Are you sure you want to remove these users?')}}",
|
|
},
|
|
style: {
|
|
marginRight: 8,
|
|
},
|
|
useAction: '{{ useBulkRemoveUsers }}',
|
|
},
|
|
},
|
|
create: {
|
|
type: 'void',
|
|
title: '{{t("Add users")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
icon: 'PlusOutlined',
|
|
},
|
|
properties: {
|
|
drawer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer',
|
|
'x-decorator': 'FormV2',
|
|
title: '{{t("Add users")}}',
|
|
properties: {
|
|
resource: {
|
|
type: 'void',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'RoleUsersProvider',
|
|
properties: {
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'ActionBar',
|
|
'x-component-props': {
|
|
style: {
|
|
marginBottom: 16,
|
|
},
|
|
},
|
|
properties: {
|
|
filter: {
|
|
type: 'void',
|
|
title: '{{ t("Filter") }}',
|
|
default: {
|
|
$and: [{ username: { $includes: '' } }, { nickname: { $includes: '' } }],
|
|
},
|
|
'x-action': 'filter',
|
|
'x-component': 'Filter.Action',
|
|
'x-use-component-props': 'useFilterActionProps',
|
|
'x-component-props': {
|
|
icon: 'FilterOutlined',
|
|
},
|
|
'x-align': 'left',
|
|
},
|
|
},
|
|
},
|
|
table: {
|
|
type: 'void',
|
|
'x-component': 'Table.Void',
|
|
'x-component-props': {
|
|
rowKey: 'id',
|
|
rowSelection: {
|
|
type: 'checkbox',
|
|
onChange: '{{ handleSelectRoleUsers }}',
|
|
},
|
|
useDataSource: '{{ cm.useDataSourceFromRAC }}',
|
|
},
|
|
properties: {
|
|
username: {
|
|
type: 'void',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
username: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
nickname: {
|
|
type: 'void',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
nickname: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
phone: {
|
|
type: 'void',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
phone: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
email: {
|
|
type: 'void',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
email: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
footer: {
|
|
type: 'void',
|
|
'x-component': 'Action.Drawer.Footer',
|
|
properties: {
|
|
cancel: {
|
|
title: '{{t("Cancel")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
useAction: '{{ cm.useCancelAction }}',
|
|
},
|
|
},
|
|
submit: {
|
|
title: '{{t("Submit")}}',
|
|
'x-component': 'Action',
|
|
'x-component-props': {
|
|
type: 'primary',
|
|
useAction: '{{ useAddRoleUsers }}',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
table: {
|
|
type: 'void',
|
|
'x-component': 'Table.Void',
|
|
'x-component-props': {
|
|
rowKey: 'id',
|
|
rowSelection: {
|
|
type: 'checkbox',
|
|
},
|
|
useDataSource: '{{ cm.useDataSourceFromRAC }}',
|
|
},
|
|
properties: {
|
|
username: {
|
|
type: 'void',
|
|
title: '{{t("Username")}}',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
username: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
nickname: {
|
|
type: 'void',
|
|
title: '{{t("Nickname")}}',
|
|
'x-decorator': 'Table.Column.Decorator',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
nickname: {
|
|
type: 'string',
|
|
'x-component': 'CollectionField',
|
|
'x-read-pretty': true,
|
|
},
|
|
},
|
|
},
|
|
actions: {
|
|
type: 'void',
|
|
title: '{{t("Actions")}}',
|
|
'x-component': 'Table.Column',
|
|
properties: {
|
|
actions: {
|
|
type: 'void',
|
|
'x-component': 'Space',
|
|
'x-component-props': {
|
|
split: '|',
|
|
},
|
|
properties: {
|
|
remove: {
|
|
type: 'void',
|
|
title: '{{ t("Remove") }}',
|
|
'x-component': 'Action.Link',
|
|
'x-component-props': {
|
|
confirm: {
|
|
title: "{{t('Remove user')}}",
|
|
content: "{{t('Are you sure you want to remove it?')}}",
|
|
},
|
|
useAction: '{{ useRemoveUser }}',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|