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

package/src/collection-manager/hooks/useCollection.ts

@@ -1,18 +0,0 @@
-import { SchemaKey } from '@formily/react';
-import { useContext } from 'react';
-import { useAPIClient } from '../../api-client';
-import { CollectionContext } from '../context';
-import { CollectionFieldOptions } from '../types';
-
-export const useCollection = () => {
-  const collection = useContext(CollectionContext);
-  const api = useAPIClient();
-  const resource = api?.resource(collection?.name);
-  return {
-    ...collection,
-    resource,
-    getField(name: SchemaKey): CollectionFieldOptions {
-      return collection?.fields?.find((field) => field.name === name);
-    },
-  };
-};

package/src/collection-manager/hooks/useCollectionDataSource.ts

@@ -1,17 +0,0 @@
-import { action } from '@formily/reactive';
-
-import { useCollectionManager } from ".";
-import { useCompile } from "../../schema-component";
-
-export function useCollectionDataSource() {
-  return (field: any) => {
-    const compile = useCompile();
-    const { collections = [] } = useCollectionManager();
-    action.bound((data: any) => {
-      field.dataSource = data.map(item => ({
-        label: compile(item.title),
-        value: item.name
-      }));
-    })(collections);
-  }
-}

package/src/collection-manager/hooks/useCollectionField.ts

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import { useAPIClient } from '../../api-client';
-import { useRecord } from '../../record-provider';
-import { useCompile } from '../../schema-component';
-import { CollectionFieldContext } from '../context';
-import { useCollection } from './useCollection';
-
-export const useCollectionField = () => {
-  const collection = useCollection();
-  const record = useRecord();
-  const api = useAPIClient();
-  const compile = useCompile();
-  const ctx = useContext(CollectionFieldContext);
-  if (!ctx) {
-    return {} as any;
-  }
-  const resourceName = `${ctx?.collectionName || collection?.name}.${ctx.name}`;
-  const resource = api?.resource(resourceName, record[ctx.sourceKey]);
-  return {
-    ...ctx,
-    uiSchema: compile(ctx.uiSchema),
-    resource,
-  };
-};

package/src/collection-manager/hooks/useCollectionManager.ts

@@ -1,40 +0,0 @@
-import { clone } from '@formily/shared';
-import { useContext } from 'react';
-import { CollectionManagerContext } from '../context';
-
-export const useCollectionManager = () => {
-  const { refreshCM, service, interfaces, collections } = useContext(CollectionManagerContext);
-  return {
-    service,
-    interfaces,
-    collections,
-    refreshCM: () => refreshCM?.(),
-    get(name: string) {
-      return collections?.find((collection) => collection.name === name);
-    },
-    getCollection(name: any) {
-      if (typeof name !== 'string') {
-        return name;
-      }
-      return collections?.find((collection) => collection.name === name);
-    },
-    getCollectionFields(name: string) {
-      const collection = collections?.find((collection) => collection.name === name);
-      return collection?.fields || [];
-    },
-    getCollectionField(name: string) {
-      const [collectionName, fieldName] = name.split('.');
-      if (!fieldName) {
-        return;
-      }
-      const collection = collections?.find((collection) => collection.name === collectionName);
-      if (!collection) {
-        return;
-      }
-      return collection?.fields?.find((field) => field.name === fieldName);
-    },
-    getInterface(name: string) {
-      return interfaces[name] ? clone(interfaces[name]) : null;
-    },
-  };
-};

package/src/collection-manager/index.md

@@ -1,145 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# CollectionManager
-
-## Components
-
-### CollectionManagerProvider
-
-```jsx | pure
-<CollectionManagerProvider interfaces={{}} collections={[]}></CollectionManagerProvider>
-```
-
-### CollectionProvider
-
-```jsx | pure
-const collection = {
-  name: 'tests',
-  fields: [
-    {
-      type: 'string',
-      name: 'title',
-      interface: 'input',
-      uiSchema: {
-        type: 'string',
-        'x-component': 'Input'
-      },
-    },
-  ],
-};
-<CollectionProvider collection={collection}></CollectionProvider>
-```
-
-如果没有传 collection 参数，从 CollectionManagerProvider 里取对应 name 的 collection。
-
-```jsx | pure
-const collections = [
-  {
-    name: 'tests',
-    fields: [
-      {
-        type: 'string',
-        name: 'title',
-        interface: 'input',
-        uiSchema: {
-          type: 'string',
-          'x-component': 'Input'
-        },
-      },
-    ],
-  }
-];
-<CollectionManagerProvider collections={collections}>
-  <CollectionProvider name={'tests'}></CollectionProvider>
-</CollectionManagerProvider>
-```
-
-### CollectionFieldProvider
-
-```jsx | pure
-const field = {
-  type: 'string',
-  name: 'title',
-  interface: 'input',
-  uiSchema: {
-    type: 'string',
-    'x-component': 'Input'
-  },
-};
-<CollectionFieldProvider field={field}></CollectionFieldProvider>
-```
-
-如果没有传 field 参数，从 CollectionProvider 里取对应 name 的 field。
-
-```jsx | pure
-const collection = {
-  name: 'tests',
-  fields: [
-    {
-      type: 'string',
-      name: 'title',
-      interface: 'input',
-      uiSchema: {
-        type: 'string',
-        'x-component': 'Input'
-      },
-    },
-  ],
-};
-<CollectionProvider collection={collection}>
-  <CollectionFieldProvider name={'title'}></CollectionFieldProvider>
-</CollectionProvider>
-```
-
-### CollectionField
-
-万能字段组件，需要与 `<CollectionProvider/>` 搭配使用，仅限于在 Schema 场景使用。从 CollectionProvider 里取对应 name 的 field schema。可通过 CollectionField 所在的 schema 扩展配置。
-
-```ts
-{
-  name: 'title',
-  'x-decorator': 'FormItem',
-  'x-decorator-props': {},
-  'x-component': 'CollectionField',
-  'x-component-props': {},
-  properties: {},
-}
-```
-
-<code src="./demos/demo2.tsx"/>
-
-## Hooks
-
-### useCollectionManager()
-
-与 `<CollectionManagerProvider/>` 搭配使用
-
-```jsx | pure
-const { collections, get } = useCollectionManager();
-```
-
-### useCollection()
-
-与 `<CollectionProvider/>` 搭配使用
-
-```jsx | pure
-const { name, fields, getField, findField, resource } = useCollection();
-```
-
-### useCollectionField()
-
-与 `<CollectionFieldProvider/>` 搭配使用
-
-```jsx | pure
-const { name, uiSchema, resource } = useCollectionField();
-```
-
-resource 需要与 `<RecordProvider/>` 搭配使用，用于提供当前数据表行记录的上下文。如：
-
-<code src="./demos/demo3.tsx"/>
-<code src="./demos/demo4.tsx"/>

package/src/collection-manager/index.tsx

@@ -1,11 +0,0 @@
-export * from './CollectionField';
-export * from './CollectionFieldProvider';
-export * from './CollectionManagerProvider';
-export * from './CollectionManagerSchemaComponentProvider';
-export * from './CollectionManagerShortcut';
-export * from './CollectionProvider';
-export * from './context';
-export * from './hooks';
-export * from './ResourceActionProvider';
-export * from './types';
-

package/src/collection-manager/interfaces/attachment.ts

@@ -1,92 +0,0 @@
-import { ISchema } from '@formily/react';
-import { uid } from '@formily/shared';
-import { defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const attachment: IField = {
-  name: 'attachment',
-  type: 'object',
-  group: 'media',
-  title: '{{t("Attachment")}}',
-  isAssociation: true,
-  default: {
-    type: 'belongsToMany',
-    target: 'attachments',
-    // name,
-    uiSchema: {
-      type: 'array',
-      // title,
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        action: 'attachments:upload',
-      },
-    },
-  },
-  schemaInitialize(schema: ISchema, { block }) {
-    if (['Table', 'KanbanV2'].includes(block)) {
-      schema['x-component-props'] = schema['x-component-props'] || {};
-      schema['x-component-props']['size'] = 'small';
-    }
-  },
-  initialize: (values: any) => {
-    if (!values.through) {
-      values.through = `t_${uid()}`;
-    }
-    if (!values.foreignKey) {
-      values.foreignKey = `f_${uid()}`;
-    }
-    if (!values.otherKey) {
-      values.otherKey = `f_${uid()}`;
-    }
-    if (!values.sourceKey) {
-      values.sourceKey = 'id';
-    }
-    if (!values.targetKey) {
-      values.targetKey = 'id';
-    }
-  },
-  properties: {
-    ...defaultProps,
-    'uiSchema.x-component-props.accept': {
-      type: 'string',
-      title: '{{t("Accept")}}',
-      'x-component': 'Input',
-      'x-decorator': 'FormItem',
-      description: 'Example: .doc,.docx',
-    },
-    'uiSchema.x-component-props.multiple': {
-      type: 'boolean',
-      'x-content': "{{t('Allow uploading multiple files')}}",
-      'x-decorator': 'FormItem',
-      'x-component': 'Checkbox',
-      default: true,
-    },
-  },
-  filterable: {
-    children: [
-      {
-        name: 'id',
-        title: '{{t("Exists")}}',
-        operators: [
-          { label: '{{t("exists")}}', value: '$exists', noValue: true },
-          { label: '{{t("not exists")}}', value: '$notExists', noValue: true },
-        ],
-        schema: {
-          title: '{{t("Exists")}}',
-          type: 'string',
-          'x-component': 'Input',
-        },
-      },
-      {
-        name: 'filename',
-        title: '{{t("Filename")}}',
-        operators: operators.string,
-        schema: {
-          title: '{{t("Filename")}}',
-          type: 'string',
-          'x-component': 'Input',
-        },
-      },
-    ],
-  },
-};

package/src/collection-manager/interfaces/checkbox.ts

@@ -1,24 +0,0 @@
-import { defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const checkbox: IField = {
-  name: 'checkbox',
-  type: 'object',
-  group: 'choices',
-  order: 1,
-  title: '{{t("Checkbox")}}',
-  default: {
-    type: 'boolean',
-    // name,
-    uiSchema: {
-      type: 'boolean',
-      'x-component': 'Checkbox',
-    },
-  },
-  properties: {
-    ...defaultProps,
-  },
-  filterable: {
-    operators: operators.boolean,
-  },
-};

package/src/collection-manager/interfaces/checkboxGroup.ts

@@ -1,27 +0,0 @@
-import { dataSource, defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const checkboxGroup: IField = {
-  name: 'checkboxGroup',
-  type: 'object',
-  group: 'choices',
-  order: 5,
-  title: '{{t("Checkbox group")}}',
-  default: {
-    interface: 'checkboxGroup',
-    type: 'array',
-    defaultValue: [],
-    // name,
-    uiSchema: {
-      type: 'string',
-      'x-component': 'Checkbox.Group',
-    },
-  },
-  properties: {
-    ...defaultProps,
-    'uiSchema.enum': dataSource,
-  },
-  filterable: {
-    operators: operators.array,
-  },
-};

package/src/collection-manager/interfaces/chinaRegion.ts

@@ -1,91 +0,0 @@
-import { uid } from '@formily/shared';
-import { defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const chinaRegion: IField = {
-  name: 'chinaRegion',
-  type: 'object',
-  group: 'choices',
-  order: 7,
-  title: '{{t("China region")}}',
-  isAssociation: true,
-  default: {
-    interface: 'chinaRegion',
-    type: 'belongsToMany',
-    target: 'chinaRegions',
-    targetKey: 'code',
-    sortBy: 'level',
-    // name,
-    uiSchema: {
-      type: 'array',
-      // title,
-      'x-component': 'Cascader',
-      'x-component-props': {
-        useDataSource: '{{ useChinaRegionDataSource }}',
-        useLoadData: '{{ useChinaRegionLoadData }}',
-        changeOnSelectLast: false,
-        labelInValue: true,
-        maxLevel: 3,
-        fieldNames: {
-          label: 'name',
-          value: 'code',
-          children: 'children',
-        },
-      },
-    },
-  },
-  initialize: (values: any) => {
-    if (!values.through) {
-      values.through = `t_${uid()}`;
-    }
-    if (!values.foreignKey) {
-      values.foreignKey = `f_${uid()}`;
-    }
-    if (!values.otherKey) {
-      values.otherKey = `f_${uid()}`;
-    }
-    if (!values.sourceKey) {
-      values.sourceKey = 'id';
-    }
-    if (!values.targetKey) {
-      values.targetKey = 'id';
-    }
-  },
-  properties: {
-    ...defaultProps,
-    'uiSchema.x-component-props.maxLevel': {
-      type: 'number',
-      'x-component': 'Radio.Group',
-      'x-decorator': 'FormItem',
-      title: '{{t("Select level")}}',
-      default: 3,
-      enum: [
-        { value: 1, label: '{{t("Province")}}' },
-        { value: 2, label: '{{t("City")}}' },
-        { value: 3, label: '{{t("Area")}}' },
-        { value: 4, label: '{{t("Street")}}', disabled: true },
-        { value: 5, label: '{{t("Village")}}', disabled: true },
-      ],
-    },
-    'uiSchema.x-component-props.changeOnSelectLast': {
-      type: 'boolean',
-      'x-component': 'Checkbox',
-      'x-content': '{{t("Must select to the last level")}}',
-      'x-decorator': 'FormItem',
-    },
-  },
-  filterable: {
-    children: [
-      {
-        name: 'name',
-        title: '{{t("Filename")}}',
-        operators: operators.string,
-        schema: {
-          title: '{{t("Filename")}}',
-          type: 'string',
-          'x-component': 'Input',
-        },
-      },
-    ],
-  },
-};

package/src/collection-manager/interfaces/createdAt.ts

@@ -1,30 +0,0 @@
-import { dateTimeProps, defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const createdAt: IField = {
-  name: 'createdAt',
-  type: 'object',
-  group: 'systemInfo',
-  order: 1,
-  title: '{{t("Created at")}}',
-  sortable: true,
-  default: {
-    type: 'date',
-    field: 'createdAt',
-    // name,
-    uiSchema: {
-      type: 'datetime',
-      title: '{{t("Created at")}}',
-      'x-component': 'DatePicker',
-      'x-component-props': {},
-      'x-read-pretty': true,
-    },
-  },
-  properties: {
-    ...defaultProps,
-    ...dateTimeProps,
-  },
-  filterable: {
-    operators: operators.datetime,
-  },
-};

package/src/collection-manager/interfaces/createdBy.ts

@@ -1,63 +0,0 @@
-import { ISchema } from '@formily/react';
-import { cloneDeep } from 'lodash';
-import { defaultProps, operators, recordPickerViewer } from './properties';
-import { IField } from './types';
-
-export const createdBy: IField = {
-  name: 'createdBy',
-  type: 'object',
-  group: 'systemInfo',
-  order: 3,
-  title: '{{t("Created by")}}',
-  isAssociation: true,
-  default: {
-    type: 'belongsTo',
-    target: 'users',
-    foreignKey: 'createdById',
-    // name,
-    uiSchema: {
-      type: 'object',
-      title: '{{t("Created by")}}',
-      'x-component': 'RecordPicker',
-      'x-component-props': {
-        fieldNames: {
-          value: 'id',
-          label: 'nickname',
-        },
-      },
-      'x-read-pretty': true,
-    },
-  },
-  properties: {
-    ...defaultProps,
-  },
-  filterable: {
-    children: [
-      {
-        name: 'id',
-        title: '{{t("ID")}}',
-        operators: operators.id,
-        schema: {
-          title: '{{t("ID")}}',
-          type: 'number',
-          'x-component': 'InputNumber',
-        },
-      },
-      {
-        name: 'nickname',
-        title: '{{t("Nickname")}}',
-        operators: operators.string,
-        schema: {
-          title: '{{t("Nickname")}}',
-          type: 'string',
-          'x-component': 'Input',
-        },
-      },
-    ],
-  },
-  schemaInitialize(schema: ISchema, { readPretty }) {
-    schema['properties'] = {
-      viewer: cloneDeep(recordPickerViewer),
-    };
-  },
-};

package/src/collection-manager/interfaces/datetime.ts

@@ -1,30 +0,0 @@
-import { dateTimeProps, defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const datetime: IField = {
-  name: 'datetime',
-  type: 'object',
-  group: 'datetime',
-  order: 1,
-  title: '{{t("Datetime")}}',
-  sortable: true,
-  default: {
-    type: 'date',
-    // name,
-    uiSchema: {
-      type: 'string',
-      // title,
-      'x-component': 'DatePicker',
-      'x-component-props': {
-        showTime: false,
-      },
-    },
-  },
-  properties: {
-    ...defaultProps,
-    ...dateTimeProps,
-  },
-  filterable: {
-    operators: operators.datetime,
-  },
-};

package/src/collection-manager/interfaces/email.ts

@@ -1,27 +0,0 @@
-import { defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const email: IField = {
-  name: 'email',
-  type: 'object',
-  group: 'basic',
-  order: 4,
-  title: '{{t("Email")}}',
-  sortable: true,
-  default: {
-    type: 'string',
-    // name,
-    uiSchema: {
-      type: 'string',
-      // title,
-      'x-component': 'Input',
-      'x-validator': 'email',
-    },
-  },
-  properties: {
-    ...defaultProps,
-  },
-  filterable: {
-    operators: operators.string,
-  },
-};

package/src/collection-manager/interfaces/icon.ts

@@ -1,22 +0,0 @@
-import { defaultProps } from './properties';
-import { IField } from './types';
-
-export const icon: IField = {
-  name: 'icon',
-  type: 'object',
-  group: 'basic',
-  order: 8,
-  title: '{{t("Icon")}}',
-  default: {
-    type: 'string',
-    // name,
-    uiSchema: {
-      type: 'string',
-      // title,
-      'x-component': 'IconPicker',
-    },
-  },
-  properties: {
-    ...defaultProps,
-  },
-};