@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/src/acl/Configuration/schemas/scopes.ts

@@ -1,358 +0,0 @@
-import { ISchema } from '@formily/react';
-import { useContext, useEffect } from 'react';
-import { useFormBlockContext } from '../../../block-provider';
-import { useFilterOptions } from '../../../schema-component';
-import { RoleResourceCollectionContext } from '../RolesResourcesActions';
-
-export const rolesResourcesScopesCollection = {
-  name: 'rolesResourcesScopes',
-  fields: [
-    {
-      type: 'string',
-      name: 'name',
-      interface: 'input',
-      uiSchema: {
-        title: '{{t("Scope name")}}',
-        type: 'string',
-        'x-component': 'Input',
-        required: true,
-      } as ISchema,
-    },
-  ],
-};
-
-const useFormBlockProps = () => {
-  const { name } = useContext(RoleResourceCollectionContext);
-  const ctx = useFormBlockContext();
-  useEffect(() => {
-    ctx.form.setInitialValues({
-      resourceName: name,
-    });
-  }, [name]);
-  return {
-    form: ctx.form,
-  };
-};
-
-export const scopesSchema: ISchema = {
-  type: 'object',
-  properties: {
-    scope: {
-      'x-component': 'RecordPicker',
-      'x-component-props': {
-        size: 'small',
-        fieldNames: {
-          label: 'name',
-          value: 'id',
-        },
-        association: {
-          target: 'rolesResourcesScopes',
-        },
-        onChange: '{{ onChange }}',
-      },
-      properties: {
-        selector: {
-          type: 'void',
-          title: '{{ t("Select record") }}',
-          'x-component': 'RecordPicker.Selector',
-          'x-component-props': {
-            className: 'nb-record-picker-selector',
-          },
-          properties: {
-            tableBlock: {
-              type: 'void',
-              'x-decorator': 'TableSelectorProvider',
-              'x-decorator-props': {
-                collection: rolesResourcesScopesCollection,
-                resource: 'rolesResourcesScopes',
-                action: 'list',
-                params: {
-                  pageSize: 20,
-                },
-                useParams() {
-                  const ctx = useContext(RoleResourceCollectionContext);
-                  return {
-                    filter: {
-                      $or: [{ resourceName: ctx.name }, { resourceName: null }],
-                    },
-                  };
-                },
-                rowKey: 'id',
-              },
-              'x-component': 'BlockItem',
-              properties: {
-                actions: {
-                  type: 'void',
-                  'x-component': 'ActionBar',
-                  'x-component-props': {
-                    style: {
-                      marginBottom: 16,
-                    },
-                  },
-                  properties: {
-                    create: {
-                      type: 'void',
-                      title: '{{ t("Add new") }}',
-                      'x-action': 'create',
-                      'x-component': 'Action',
-                      'x-component-props': {
-                        icon: 'PlusOutlined',
-                        openMode: 'drawer',
-                        type: 'primary',
-                      },
-                      properties: {
-                        drawer: {
-                          type: 'void',
-                          title: '{{ t("Add record") }}',
-                          'x-component': 'Action.Container',
-                          'x-component-props': {
-                            className: 'nb-action-popup',
-                          },
-                          properties: {
-                            formBlock: {
-                              type: 'void',
-                              'x-decorator': 'FormBlockProvider',
-                              'x-decorator-props': {
-                                resource: 'rolesResourcesScopes',
-                                collection: rolesResourcesScopesCollection,
-                                // useParams: '{{ useParamsFromRecord }}',
-                              },
-                              'x-component': 'CardItem',
-                              properties: {
-                                form: {
-                                  type: 'void',
-                                  'x-component': 'FormV2',
-                                  'x-component-props': {
-                                    useProps: useFormBlockProps,
-                                  },
-                                  properties: {
-                                    name: {
-                                      type: 'string',
-                                      'x-component': 'CollectionField',
-                                      'x-decorator': 'FormItem',
-                                    },
-                                    scope: {
-                                      type: 'object',
-                                      title: '{{t("Data scope")}}',
-                                      name: 'filter',
-                                      'x-decorator': 'FormItem',
-                                      'x-component': 'Filter',
-                                      'x-component-props': {
-                                        useProps() {
-                                          const ctx = useContext(RoleResourceCollectionContext);
-                                          const options = useFilterOptions(ctx.name);
-                                          console.log('ctx.name', ctx.name, options);
-                                          return {
-                                            options,
-                                          };
-                                        },
-                                      },
-                                    },
-                                    actions: {
-                                      type: 'void',
-                                      'x-component': 'ActionBar',
-                                      'x-component-props': {
-                                        layout: 'one-column',
-                                        style: {
-                                          marginTop: 24,
-                                        },
-                                      },
-                                      properties: {
-                                        create: {
-                                          title: '{{ t("Submit") }}',
-                                          'x-action': 'submit',
-                                          'x-component': 'Action',
-                                          'x-component-props': {
-                                            type: 'primary',
-                                            htmlType: 'submit',
-                                            useProps: '{{ useCreateActionProps }}',
-                                          },
-                                        },
-                                      },
-                                    },
-                                  },
-                                },
-                              },
-                            },
-                          },
-                        },
-                      },
-                    },
-                  },
-                },
-                value: {
-                  type: 'array',
-                  'x-component': 'TableV2.Selector',
-                  'x-component-props': {
-                    rowKey: 'id',
-                    rowSelection: {
-                      type: 'checkbox',
-                    },
-                    useProps: '{{ useTableSelectorProps }}',
-                  },
-                  properties: {
-                    column1: {
-                      type: 'void',
-                      'x-decorator': 'TableV2.Column.Decorator',
-                      'x-component': 'TableV2.Column',
-                      properties: {
-                        name: {
-                          type: 'string',
-                          'x-component': 'CollectionField',
-                          'x-read-pretty': true,
-                        },
-                      },
-                    },
-                    actions: {
-                      type: 'void',
-                      title: '{{ t("Actions") }}',
-                      'x-action-column': 'actions',
-                      'x-component': 'TableV2.Column',
-                      properties: {
-                        actions: {
-                          type: 'void',
-                          'x-decorator': 'DndContext',
-                          'x-component': 'Space',
-                          'x-component-props': {
-                            split: '|',
-                          },
-                          properties: {
-                            edit: {
-                              type: 'void',
-                              title: '{{ t("Edit") }}',
-                              'x-action': 'update',
-                              'x-component': 'Action.Link',
-                              'x-component-props': {
-                                openMode: 'drawer',
-                                icon: 'EditOutlined',
-                              },
-                              properties: {
-                                drawer: {
-                                  type: 'void',
-                                  title: '{{ t("Edit record") }}',
-                                  'x-component': 'Action.Container',
-                                  'x-component-props': {
-                                    className: 'nb-action-popup',
-                                  },
-                                  properties: {
-                                    formBlock: {
-                                      type: 'void',
-                                      'x-decorator': 'FormBlockProvider',
-                                      'x-decorator-props': {
-                                        resource: 'rolesResourcesScopes',
-                                        collection: rolesResourcesScopesCollection,
-                                        action: 'get',
-                                        useParams: '{{ useParamsFromRecord }}',
-                                      },
-                                      'x-component': 'CardItem',
-                                      properties: {
-                                        form: {
-                                          type: 'void',
-                                          'x-component': 'FormV2',
-                                          'x-component-props': {
-                                            useProps: '{{ useFormBlockProps }}',
-                                          },
-                                          properties: {
-                                            name: {
-                                              type: 'string',
-                                              'x-component': 'CollectionField',
-                                              'x-decorator': 'FormItem',
-                                            },
-                                            scope: {
-                                              type: 'object',
-                                              title: '{{t("Data scope")}}',
-                                              name: 'filter',
-                                              'x-decorator': 'FormItem',
-                                              'x-component': 'Filter',
-                                              'x-component-props': {
-                                                useProps() {
-                                                  const ctx = useContext(RoleResourceCollectionContext);
-                                                  const options = useFilterOptions(ctx.name);
-                                                  return {
-                                                    options,
-                                                  };
-                                                },
-                                              },
-                                            },
-                                            actions: {
-                                              type: 'void',
-                                              'x-component': 'ActionBar',
-                                              'x-component-props': {
-                                                layout: 'one-column',
-                                                style: {
-                                                  marginTop: 24,
-                                                },
-                                              },
-                                              properties: {
-                                                update: {
-                                                  title: '{{ t("Submit") }}',
-                                                  'x-action': 'submit',
-                                                  'x-component': 'Action',
-                                                  'x-component-props': {
-                                                    type: 'primary',
-                                                    htmlType: 'submit',
-                                                    useProps: '{{ useUpdateActionProps }}',
-                                                  },
-                                                },
-                                              },
-                                            },
-                                          },
-                                        },
-                                      },
-                                    },
-                                  },
-                                },
-                              },
-                            },
-                            destroy: {
-                              title: '{{ t("Delete") }}',
-                              'x-action': 'destroy',
-                              'x-component': 'Action.Link',
-                              'x-designer': 'Action.Designer',
-                              'x-component-props': {
-                                icon: 'DeleteOutlined',
-                                confirm: {
-                                  title: "{{t('Delete record')}}",
-                                  content: "{{t('Are you sure you want to delete it?')}}",
-                                },
-                                useProps: '{{ useDestroyActionProps }}',
-                              },
-                            },
-                          },
-                        },
-                      },
-                    },
-                  },
-                },
-              },
-            },
-            footer: {
-              'x-component': 'Action.Container.Footer',
-              'x-component-props': {},
-              properties: {
-                actions: {
-                  type: 'void',
-                  'x-component': 'ActionBar',
-                  'x-component-props': {},
-                  properties: {
-                    submit: {
-                      title: '{{ t("Submit") }}',
-                      'x-action': 'submit',
-                      'x-component': 'Action',
-                      'x-designer': 'Action.Designer',
-                      'x-component-props': {
-                        type: 'primary',
-                        htmlType: 'submit',
-                        useProps: '{{ usePickActionProps }}',
-                      },
-                    },
-                  },
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  },
-};

package/src/acl/Configuration/schemas/useRoleResourceValues.ts

@@ -1,31 +0,0 @@
-import { useEffect } from 'react';
-import { useActionContext, useRecord, useRequest } from '../../../';
-
-export const useRoleResourceValues = (options) => {
-  const record = useRecord();
-  const { visible } = useActionContext();
-  const result = useRequest(
-    {
-      resource: 'roles.resources',
-      resourceOf: record.roleName,
-      action: 'get',
-      params: {
-        appends: ['actions', 'actions.scope'],
-        filterByTk: record.name,
-      },
-    },
-    { ...options, manual: true },
-  );
-  useEffect(() => {
-    if (!record.exists) {
-      options.onSuccess({
-        data: {},
-      });
-      return;
-    }
-    if (visible) {
-      result.run();
-    }
-  }, [visible, record.exists]);
-  return result;
-};

package/src/acl/Configuration/schemas/useSaveRoleResourceAction.ts

@@ -1,23 +0,0 @@
-import { useForm } from '@formily/react';
-import { useActionContext, useAPIClient, useRecord, useResourceActionContext } from '../../../';
-
-export const useSaveRoleResourceAction = () => {
-  const form = useForm();
-  const api = useAPIClient();
-  const record = useRecord();
-  const ctx = useActionContext();
-  const { refresh } = useResourceActionContext();
-  return {
-    async run() {
-      await api.resource('roles.resources', record.roleName)[record.exists ? 'update' : 'create']({
-        filterByTk: record.name,
-        values: {
-          ...form.values,
-          name: record.name,
-        },
-      });
-      ctx.setVisible(false);
-      refresh();
-    },
-  };
-};

package/src/acl/index.md

@@ -1,12 +0,0 @@
----
-nav:
-  title: Client
-  path: /client
-group:
-  title: Client
-  path: /client
----
-
-# ACL
-
-访问控制列表，plugin-acl 的前端模块，详细文档待补充。

package/src/acl/index.tsx

@@ -1,3 +0,0 @@
-export * from './ACLProvider';
-export * from './ACLShortcut';
-

package/src/action-logs/ActionLog.Designer.tsx

@@ -1,86 +0,0 @@
-import { ISchema, useField, useFieldSchema } from '@formily/react';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useCollection, useResourceActionContext } from '../collection-manager';
-import { useCollectionFilterOptions } from '../collection-manager/action-hooks';
-import { useDesignable } from '../schema-component/hooks';
-import { GeneralSchemaDesigner, SchemaSettings } from '../schema-settings';
-
-export const ActionLogDesigner = () => {
-  const { name, title } = useCollection();
-  const field = useField();
-  const fieldSchema = useFieldSchema();
-  const dataSource = useCollectionFilterOptions(name);
-  const ctx = useResourceActionContext();
-  const { t } = useTranslation();
-  const { dn } = useDesignable();
-  const defaultFilter = fieldSchema?.['x-decorator-props']?.request?.params?.filter || {};
-
-  return (
-    <GeneralSchemaDesigner title={title || name}>
-      <SchemaSettings.ModalItem
-        title={'设置数据范围'}
-        schema={
-          {
-            type: 'object',
-            title: '设置数据范围',
-            properties: {
-              filter: {
-                default: defaultFilter,
-                title: '数据范围',
-                enum: dataSource,
-                'x-component': 'Filter',
-                'x-component-props': {},
-              },
-            },
-          } as ISchema
-        }
-        onSubmit={({ filter }) => {
-          const params = field.decoratorProps.request.params || {};
-          params.filter = filter;
-          field.decoratorProps.request.params = params;
-          fieldSchema['x-decorator-props']['request']['params'] = params;
-          ctx.run({ ...ctx.params?.[0], filter });
-          dn.emit('patch', {
-            schema: {
-              ['x-uid']: fieldSchema['x-uid'],
-              'x-decorator-props': fieldSchema['x-decorator-props'],
-            },
-          });
-        }}
-      />
-
-      <SchemaSettings.SelectItem
-        title={'每页显示'}
-        value={field.decoratorProps.request.params?.pageSize || 20}
-        options={[
-          { label: '10', value: 10 },
-          { label: '20', value: 20 },
-          { label: '50', value: 50 },
-          { label: '100', value: 100 },
-          { label: '200', value: 200 },
-        ]}
-        onChange={(pageSize) => {
-          const params = field.decoratorProps.request.params || {};
-          params.pageSize = pageSize;
-          field.decoratorProps.request.params = params;
-          fieldSchema['x-decorator-props']['request']['params'] = params;
-          ctx.run({ ...ctx.params?.[0], pageSize });
-          dn.emit('patch', {
-            schema: {
-              ['x-uid']: fieldSchema['x-uid'],
-              'x-decorator-props': fieldSchema['x-decorator-props'],
-            },
-          });
-        }}
-      />
-      <SchemaSettings.Divider />
-      <SchemaSettings.Remove
-        removeParentsIfNoChildren
-        breakRemoveOn={{
-          'x-component': 'Grid',
-        }}
-      />
-    </GeneralSchemaDesigner>
-  );
-};

package/src/action-logs/ActionLog.tsx

@@ -1,58 +0,0 @@
-import { Field } from '@formily/core';
-import { observer, RecursionField, useField, useFieldSchema } from '@formily/react';
-import React from 'react';
-import { useCollection } from '..';
-import { SchemaComponent } from '../schema-component';
-import { ActionLogDesigner } from './ActionLog.Designer';
-import { createSchema } from './utils';
-
-export const ActionLog = () => {
-  const schema = createSchema();
-  return <SchemaComponent schema={schema} name={schema.name} />;
-};
-
-ActionLog.Designer = ActionLogDesigner;
-
-ActionLog.Field = observer((props: any) => {
-  const { value } = props;
-  return <div>{value?.uiSchema?.title || value?.name}</div>;
-});
-
-ActionLog.FieldValue = observer((props: any) => {
-  const field = useField<Field>();
-  const fieldSchema = useFieldSchema();
-  const { getField } = useCollection();
-  const collectionField = getField(fieldSchema.name);
-
-  if (!collectionField.uiSchema) {
-    if (!field.value) {
-      return <div></div>;
-    }
-    if (typeof field.value === 'boolean') {
-      return <div>{field.value ? 'true' : 'false'}</div>;
-    }
-    if (typeof field.value === 'string' || typeof field.value === 'number') {
-      return <div>{field.value}</div>;
-    }
-    return <pre>{JSON.stringify(field.value, null, 2)}</pre>;
-  }
-
-  return (
-    <RecursionField
-      name="actionLogFieldValue"
-      schema={
-        {
-          type: 'void',
-          properties: {
-            [collectionField.name as string]: {
-              ...collectionField.uiSchema,
-              default: field.value,
-              'x-decorator': null,
-              'x-read-pretty': true,
-            },
-          },
-        } as any
-      }
-    />
-  );
-});

package/src/action-logs/ActionLogBlockInitializer.tsx

@@ -1,25 +0,0 @@
-import { TableOutlined } from '@ant-design/icons';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { SchemaInitializer } from '../schema-initializer';
-
-export const ActionLogBlockInitializer = (props) => {
-  const { insert } = props;
-  const { t } = useTranslation();
-  return (
-    <SchemaInitializer.Item
-      {...props}
-      icon={<TableOutlined />}
-      onClick={({ item }) => {
-        insert({ type: 'void', 'x-component': 'ActionLog', 'x-component-props': {} });
-      }}
-      items={[
-        {
-          type: 'item',
-          name: 'ActionLog',
-          title: t('Action Logs'),
-        },
-      ]}
-    />
-  );
-};

package/src/action-logs/ActionLogProvider.tsx

@@ -1,20 +0,0 @@
-import React, { useContext } from 'react';
-import { SchemaInitializerContext, SchemaInitializerProvider } from '../schema-initializer';
-
-const actionLogsItemGroup = {
-  type: 'itemGroup',
-  title: '{{t("Others")}}',
-  children: [
-    {
-      type: 'item',
-      title: '{{t("Action logs")}}',
-      component: 'ActionLogBlockInitializer',
-    },
-  ],
-};
-
-export const ActionLogProvider = (props: any) => {
-  const initializes = useContext(SchemaInitializerContext);
-  initializes.BlockInitializers.items.push({ ...actionLogsItemGroup });
-  return <SchemaInitializerProvider initializers={initializes}>{props.children}</SchemaInitializerProvider>;
-};