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

package/src/collection-manager/Configuration/AddSubFieldAction.tsx

@@ -1,140 +0,0 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { ArrayTable } from '@formily/antd';
-import { ISchema } from '@formily/react';
-import { uid } from '@formily/shared';
-import { Button, Dropdown, Menu } from 'antd';
-import { cloneDeep } from 'lodash';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useRequest } from '../../api-client';
-import { RecordProvider } from '../../record-provider';
-import { ActionContext, SchemaComponent, useActionContext, useCompile } from '../../schema-component';
-import { useCollectionManager } from '../hooks';
-import { IField } from '../interfaces/types';
-import { options } from './interfaces';
-
-const getSchema = (schema: IField): ISchema => {
-  if (!schema) {
-    return;
-  }
-  const properties = cloneDeep(schema.properties) as any;
-  const initialValue = {
-    name: `f_${uid()}`,
-    ...cloneDeep(schema.default),
-    interface: schema.name,
-  };
-  // initialValue.uiSchema.title = schema.title;
-  return {
-    type: 'object',
-    properties: {
-      [uid()]: {
-        type: 'void',
-        'x-component': 'Action.Drawer',
-        'x-decorator': 'Form',
-        'x-decorator-props': {
-          useValues(options) {
-            return useRequest(
-              () =>
-                Promise.resolve({
-                  data: initialValue,
-                }),
-              options,
-            );
-          },
-        },
-        title: '{{ t("Add field") }}',
-        properties: {
-          // @ts-ignore
-          ...properties,
-          footer: {
-            type: 'void',
-            'x-component': 'Action.Drawer.Footer',
-            properties: {
-              action1: {
-                title: '{{ t("Cancel") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  useAction: '{{ cm.useCancelAction }}',
-                },
-              },
-              action2: {
-                title: '{{ t("Submit") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  type: 'primary',
-                  useAction: '{{ ds.useCreateAction }}',
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  };
-};
-
-const useCreateSubField = () => {
-  const ctx = useActionContext();
-  return {
-    async run() {
-      // const options = form?.values?.uiSchema?.enum?.slice() || [];
-      // form.setValuesIn(
-      //   'uiSchema.enum',
-      //   options.map((option) => {
-      //     return {
-      //       value: uid(),
-      //       ...option,
-      //     };
-      //   }),
-      // );
-      // await run();
-      // await refreshCM();
-    },
-  };
-};
-
-export const AddSubFieldAction = () => {
-  const { getInterface } = useCollectionManager();
-  const [visible, setVisible] = useState(false);
-  const [schema, setSchema] = useState({});
-  const compile = useCompile();
-  const { t } = useTranslation();
-  return (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <Dropdown
-        overlay={
-          <Menu
-            style={{
-              maxHeight: '60vh',
-              overflow: 'auto',
-            }}
-            onClick={(info) => {
-              const schema = getSchema(getInterface(info.key));
-              setSchema(schema);
-              setVisible(true);
-            }}
-          >
-            {options.map((option) => {
-              return (
-                option.children.length > 0 && (
-                  <Menu.ItemGroup title={compile(option.label)}>
-                    {option.children.map((child) => {
-                      return <Menu.Item key={child.name}>{compile(child.title)}</Menu.Item>;
-                    })}
-                  </Menu.ItemGroup>
-                )
-              );
-            })}
-          </Menu>
-        }
-      >
-        <Button icon={<PlusOutlined />} type={'primary'}>
-          {t('Add field')}
-        </Button>
-      </Dropdown>
-      <RecordProvider record={{}}>
-        <SchemaComponent schema={schema} components={{ ArrayTable }} scope={{ createOnly: true, useCreateSubField }} />
-      </RecordProvider>
-    </ActionContext.Provider>
-  );
-};

package/src/collection-manager/Configuration/ConfigurationTable.tsx

@@ -1,180 +0,0 @@
-import { useForm } from '@formily/react';
-import { action } from '@formily/reactive';
-import { uid } from '@formily/shared';
-import React, { useEffect, useState } from 'react';
-import { useRequest } from '../../api-client';
-import { useRecord } from '../../record-provider';
-import { SchemaComponent, useActionContext, useCompile } from '../../schema-component';
-import { useCollectionManager } from '../hooks/useCollectionManager';
-import { AddSubFieldAction } from './AddSubFieldAction';
-import { EditSubFieldAction } from './EditSubFieldAction';
-import { collectionSchema } from './schemas/collections';
-
-const useAsyncDataSource = (service: any) => (field: any) => {
-  field.loading = true;
-  service(field).then(
-    action.bound((data: any) => {
-      field.dataSource = data;
-      field.loading = false;
-    }),
-  );
-};
-
-const useCollectionValues = (options) => {
-  const { visible } = useActionContext();
-  const result = useRequest(
-    () =>
-      Promise.resolve({
-        data: {
-          name: `t_${uid()}`,
-          createdBy: true,
-          updatedBy: true,
-          sortable: true,
-          fields: [
-            {
-              name: 'id',
-              type: 'integer',
-              autoIncrement: true,
-              primaryKey: true,
-              allowNull: false,
-              uiSchema: { type: 'number', title: '{{t("ID")}}', 'x-component': 'InputNumber', 'x-read-pretty': true },
-              interface: 'id',
-            },
-            {
-              interface: 'createdAt',
-              type: 'date',
-              field: 'createdAt',
-              name: 'createdAt',
-              uiSchema: {
-                type: 'datetime',
-                title: '{{t("Created at")}}',
-                'x-component': 'DatePicker',
-                'x-component-props': {},
-                'x-read-pretty': true,
-              },
-            },
-            {
-              interface: 'createdBy',
-              type: 'belongsTo',
-              target: 'users',
-              foreignKey: 'createdById',
-              name: 'createdBy',
-              uiSchema: {
-                type: 'object',
-                title: '{{t("Created by")}}',
-                'x-component': 'RecordPicker',
-                'x-component-props': {
-                  fieldNames: {
-                    value: 'id',
-                    label: 'nickname',
-                  },
-                },
-                'x-read-pretty': true,
-              },
-            },
-            {
-              type: 'date',
-              field: 'updatedAt',
-              name: 'updatedAt',
-              interface: 'updatedAt',
-              uiSchema: {
-                type: 'string',
-                title: '{{t("Last updated at")}}',
-                'x-component': 'DatePicker',
-                'x-component-props': {},
-                'x-read-pretty': true,
-              },
-            },
-            {
-              type: 'belongsTo',
-              target: 'users',
-              foreignKey: 'updatedById',
-              name: 'updatedBy',
-              interface: 'updatedBy',
-              uiSchema: {
-                type: 'object',
-                title: '{{t("Last updated by")}}',
-                'x-component': 'RecordPicker',
-                'x-component-props': {
-                  fieldNames: {
-                    value: 'id',
-                    label: 'nickname',
-                  },
-                },
-                'x-read-pretty': true,
-              },
-            },
-          ],
-        },
-      }),
-    {
-      ...options,
-      manual: true,
-    },
-  );
-
-  useEffect(() => {
-    if (visible) {
-      result.run();
-    }
-  }, [visible]);
-
-  return result;
-};
-
-const useSelectedRowKeys = () => {
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  return [selectedRowKeys, setSelectedRowKeys];
-};
-
-const useDestroySubField = () => {
-  const record = useRecord();
-  const form = useForm();
-  return {
-    async run() {
-      const children = form.values?.children?.slice?.();
-      form.setValuesIn(
-        'children',
-        children.filter((child) => {
-          return child.name !== record.name;
-        }),
-      );
-    },
-  };
-};
-
-const useBulkDestroySubField = () => {
-  return {
-    async run() {},
-  };
-};
-
-export const ConfigurationTable = () => {
-  const { collections = [] } = useCollectionManager();
-  const compile = useCompile();
-  const loadCollections = async (field: any) => {
-    return collections?.map((item: any) => ({
-      label: compile(item.title),
-      value: item.name,
-    }));
-  };
-  return (
-    <div>
-      <SchemaComponent
-        schema={collectionSchema}
-        components={{
-          AddSubFieldAction,
-          EditSubFieldAction,
-        }}
-        scope={{
-          useDestroySubField,
-          useBulkDestroySubField,
-          useSelectedRowKeys,
-          useCollectionValues,
-          useAsyncDataSource,
-          loadCollections,
-        }}
-      />
-    </div>
-  );
-};

package/src/collection-manager/Configuration/EditFieldAction.tsx

@@ -1,120 +0,0 @@
-import { ArrayTable } from '@formily/antd';
-import { ISchema, useForm } from '@formily/react';
-import { uid } from '@formily/shared';
-import cloneDeep from 'lodash/cloneDeep';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAPIClient, useRequest } from '../../api-client';
-import { useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent } from '../../schema-component';
-import { useUpdateAction } from '../action-hooks';
-import { useCollectionManager } from '../hooks';
-import { IField } from '../interfaces/types';
-
-const getSchema = (schema: IField): ISchema => {
-  if (!schema) {
-    return;
-  }
-  const properties = cloneDeep(schema.properties) as any;
-  properties.name['x-disabled'] = true;
-  return {
-    type: 'object',
-    properties: {
-      [uid()]: {
-        type: 'void',
-        'x-component': 'Action.Drawer',
-        'x-decorator': 'Form',
-        'x-decorator-props': {
-          useValues(options) {
-            return useRequest(
-              () =>
-                Promise.resolve({
-                  data: cloneDeep(schema.default),
-                }),
-              options,
-            );
-          },
-        },
-        title: '{{ t("Edit field") }}',
-        properties: {
-          // @ts-ignore
-          ...properties,
-          footer: {
-            type: 'void',
-            'x-component': 'Action.Drawer.Footer',
-            properties: {
-              action1: {
-                title: '{{ t("Cancel") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  useAction: '{{ cm.useCancelAction }}',
-                },
-              },
-              action2: {
-                title: '{{ t("Submit") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  type: 'primary',
-                  useAction: '{{ useUpdateCollectionField }}',
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  };
-};
-
-const useUpdateCollectionField = () => {
-  const form = useForm();
-  const { run } = useUpdateAction();
-  const { refreshCM } = useCollectionManager();
-  return {
-    async run() {
-      await form.submit();
-      const options = form?.values?.uiSchema?.enum?.slice() || [];
-      form.setValuesIn(
-        'uiSchema.enum',
-        options.map((option) => {
-          return {
-            value: uid(),
-            ...option,
-          };
-        }),
-      );
-      await run();
-      await refreshCM();
-    },
-  };
-};
-
-export const EditFieldAction = (props) => {
-  const record = useRecord();
-  const { getInterface } = useCollectionManager();
-  const [visible, setVisible] = useState(false);
-  const [schema, setSchema] = useState({});
-  const api = useAPIClient();
-  const { t } = useTranslation();
-  return (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <a
-        onClick={async () => {
-          const { data } = await api.resource('collections.fields', record.collectionName).get({
-            filterByTk: record.name,
-            appends: record.interface === 'subTable' ? ['uiSchema', 'children'] : ['uiSchema'],
-          });
-          const schema = getSchema({
-            ...getInterface(record.interface),
-            default: data?.data,
-          });
-          setSchema(schema);
-          setVisible(true);
-        }}
-      >
-        {t('Edit')}
-      </a>
-      <SchemaComponent schema={schema} components={{ ArrayTable }} scope={{ useUpdateCollectionField }} />
-    </ActionContext.Provider>
-  );
-};

package/src/collection-manager/Configuration/EditSubFieldAction.tsx

@@ -1,120 +0,0 @@
-import { ArrayTable } from '@formily/antd';
-import { ISchema, useForm } from '@formily/react';
-import { uid } from '@formily/shared';
-import cloneDeep from 'lodash/cloneDeep';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAPIClient, useRequest } from '../../api-client';
-import { useRecord } from '../../record-provider';
-import { ActionContext, SchemaComponent } from '../../schema-component';
-import { useUpdateAction } from '../action-hooks';
-import { useCollectionManager } from '../hooks';
-import { IField } from '../interfaces/types';
-
-const getSchema = (schema: IField): ISchema => {
-  if (!schema) {
-    return;
-  }
-  const properties = cloneDeep(schema.properties) as any;
-  properties.name['x-disabled'] = true;
-  return {
-    type: 'object',
-    properties: {
-      [uid()]: {
-        type: 'void',
-        'x-component': 'Action.Drawer',
-        'x-decorator': 'Form',
-        'x-decorator-props': {
-          useValues(options) {
-            return useRequest(
-              () =>
-                Promise.resolve({
-                  data: cloneDeep(schema.default),
-                }),
-              options,
-            );
-          },
-        },
-        title: '{{ t("Edit field") }}',
-        properties: {
-          // @ts-ignore
-          ...properties,
-          footer: {
-            type: 'void',
-            'x-component': 'Action.Drawer.Footer',
-            properties: {
-              action1: {
-                title: '{{ t("Cancel") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  useAction: '{{ cm.useCancelAction }}',
-                },
-              },
-              action2: {
-                title: '{{ t("Submit") }}',
-                'x-component': 'Action',
-                'x-component-props': {
-                  type: 'primary',
-                  useAction: '{{ ds.useUpdateAction }}',
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-  };
-};
-
-const useUpdateCollectionField = () => {
-  const form = useForm();
-  const { run } = useUpdateAction();
-  const { refreshCM } = useCollectionManager();
-  return {
-    async run() {
-      await form.submit();
-      const options = form?.values?.uiSchema?.enum?.slice() || [];
-      form.setValuesIn(
-        'uiSchema.enum',
-        options.map((option) => {
-          return {
-            value: uid(),
-            ...option,
-          };
-        }),
-      );
-      await run();
-      await refreshCM();
-    },
-  };
-};
-
-export const EditSubFieldAction = (props) => {
-  const record = useRecord();
-  const { getInterface } = useCollectionManager();
-  const [visible, setVisible] = useState(false);
-  const [schema, setSchema] = useState({});
-  const api = useAPIClient();
-  const { t } = useTranslation();
-  return (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <a
-        onClick={async () => {
-          // const { data } = await api.resource('collections.fields', record.collectionName).get({
-          //   filterByTk: record.name,
-          //   appends: record.interface === 'subTable' ? ['uiSchema', 'children'] : ['uiSchema'],
-          // });
-          const schema = getSchema({
-            ...getInterface(record.interface),
-            default: record,
-          });
-          setSchema(schema);
-          setVisible(true);
-        }}
-      >
-        {t('Edit')}
-      </a>
-      <SchemaComponent schema={schema} components={{ ArrayTable }} scope={{ useUpdateCollectionField }} />
-    </ActionContext.Provider>
-  );
-};

package/src/collection-manager/Configuration/index.tsx

@@ -1,4 +0,0 @@
-export * from './AddFieldAction';
-export * from './ConfigurationTable';
-export * from './EditFieldAction';
-

package/src/collection-manager/Configuration/interfaces.tsx

@@ -1,48 +0,0 @@
-import { ISchema } from '@formily/react';
-import set from 'lodash/set';
-import * as types from '../interfaces';
-
-export const interfaces = new Map<string, ISchema>();
-
-const fields = {};
-const groupLabels = {};
-
-export function registerField(group: string, type: string, schema) {
-  fields[group] = fields[group] || {};
-  set(fields, [group, type], schema);
-  interfaces.set(type, schema);
-}
-
-export function registerGroupLabel(key: string, label: string) {
-  groupLabels[key] = label;
-}
-
-Object.keys(types).forEach((type) => {
-  const schema = types[type];
-  registerField(schema.group || 'others', type, { order: 0, ...schema });
-});
-
-registerGroupLabel('basic', '{{t("Basic")}}');
-registerGroupLabel('choices', '{{t("Choices")}}');
-registerGroupLabel('media', '{{t("Media")}}');
-registerGroupLabel('datetime', '{{t("Date & Time")}}');
-registerGroupLabel('relation', '{{t("Relation")}}');
-registerGroupLabel('systemInfo', '{{t("System info")}}');
-registerGroupLabel('others', '{{t("Others")}}');
-
-export const options = Object.keys(groupLabels).map((groupName) => {
-  return {
-    label: groupLabels[groupName],
-    children: Object.keys(fields[groupName] || {})
-      .map((type) => {
-        const field = fields[groupName][type];
-        return {
-          value: type,
-          label: field.title,
-          name: type,
-          ...fields[groupName][type],
-        };
-      })
-      .sort((a, b) => a.order - b.order),
-  };
-});