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

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

@@ -1,29 +0,0 @@
-import { ISchema } from '@formily/react';
-import { defaultProps } from './properties';
-import { IField } from './types';
-
-export const textarea: IField = {
-  name: 'textarea',
-  type: 'object',
-  group: 'basic',
-  order: 2,
-  title: '{{t("Long text")}}',
-  default: {
-    interface: 'textarea',
-    type: 'text',
-    // name,
-    uiSchema: {
-      type: 'string',
-      'x-component': 'Input.TextArea',
-    },
-  },
-  properties: {
-    ...defaultProps,
-  },
-  schemaInitialize(schema: ISchema, { block }) {
-    if (['Table', 'Kanban'].includes(block)) {
-      schema['x-component-props'] = schema['x-component-props'] || {};
-      schema['x-component-props']['ellipsis'] = true;
-    }
-  },
-};

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

@@ -1,42 +0,0 @@
-import { defaultProps, operators } from './properties';
-import { IField } from './types';
-
-export const time: IField = {
-  name: 'time',
-  type: 'object',
-  group: 'datetime',
-  order: 2,
-  title: '{{t("Time")}}',
-  sortable: true,
-  default: {
-    type: 'time',
-    // name,
-    uiSchema: {
-      type: 'string',
-      'x-component': 'TimePicker',
-    },
-  },
-  properties: {
-    ...defaultProps,
-    'uiSchema.x-component-props.format': {
-      type: 'string',
-      title: '{{t("Time format")}}',
-      'x-component': 'Radio.Group',
-      'x-decorator': 'FormItem',
-      default: 'HH:mm:ss',
-      enum: [
-        {
-          label: '{{t("12 hour")}}',
-          value: 'hh:mm:ss a',
-        },
-        {
-          label: '{{t("24 hour")}}',
-          value: 'HH:mm:ss',
-        },
-      ],
-    },
-  },
-  filterable: {
-    operators: operators.time,
-  },
-};

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

@@ -1,14 +0,0 @@
-import { ISchema } from '@formily/react';
-
-interface IDefault {
-  type: string;
-  uiSchema?: ISchema;
-  [key: string]: any;
-}
-
-export interface IField extends ISchema {
-  default?: IDefault;
-  operators?: any[];
-  filterable?: any,
-  [key: string]: any;
-}

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

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

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

@@ -1,62 +0,0 @@
-import { ISchema } from '@formily/react';
-import { cloneDeep } from 'lodash';
-import { defaultProps, operators, recordPickerViewer } from './properties';
-import { IField } from './types';
-
-export const updatedBy: IField = {
-  name: 'updatedBy',
-  type: 'object',
-  group: 'systemInfo',
-  order: 4,
-  title: '{{t("Last updated by")}}',
-  isAssociation: true,
-  default: {
-    type: 'belongsTo',
-    target: 'users',
-    foreignKey: 'updatedById',
-    uiSchema: {
-      type: 'object',
-      title: '{{t("Last updated 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/sub-table.tsx

@@ -1,273 +0,0 @@
-import { observer, useForm } from '@formily/react';
-import { cloneDeep } from 'lodash';
-import React, { createContext, useContext, useState } from 'react';
-import {
-  CollectionOptions,
-  CollectionProvider,
-  useActionContext,
-  useCollectionManager,
-  useRecord,
-  useRecordIndex,
-  useRequest
-} from '../';
-import { useAPIClient } from '../api-client';
-import { options } from './Configuration/interfaces';
-
-const collection: CollectionOptions = {
-  name: 'fields',
-  targetKey: 'name',
-  fields: [
-    {
-      type: 'string',
-      name: 'type',
-      interface: 'input',
-      uiSchema: {
-        title: '{{ t("Storage type") }}',
-        type: 'string',
-        'x-component': 'Select',
-        enum: [
-          {
-            label: 'String',
-            value: 'string',
-          },
-        ],
-        required: true,
-      },
-    },
-    {
-      type: 'string',
-      name: 'interface',
-      interface: 'input',
-      uiSchema: {
-        title: '{{ t("Field interface") }}',
-        type: 'string',
-        'x-component': 'Select',
-        enum: options as any,
-      },
-    },
-    {
-      type: 'string',
-      name: 'title',
-      interface: 'input',
-      uiSchema: {
-        title: '{{ t("Field display name") }}',
-        type: 'string',
-        'x-component': 'Input',
-        required: true,
-      },
-    },
-    {
-      type: 'string',
-      name: 'name',
-      interface: 'input',
-      uiSchema: {
-        title: '{{ t("Field name") }}',
-        type: 'string',
-        'x-component': 'Input',
-      },
-    },
-  ],
-};
-
-export const DataSourceContext = createContext(null);
-
-const useSelectedRowKeys = () => {
-  const ctx = useContext(DataSourceContext);
-  return [ctx.selectedRowKeys, ctx.setSelectedRowKeys];
-};
-
-const useDataSource = (options) => {
-  const ctx = useContext(DataSourceContext);
-  return useRequest(
-    () => {
-      return Promise.resolve({
-        data: ctx.dataSource,
-      });
-    },
-    {
-      ...options,
-      refreshDeps: [JSON.stringify(ctx.dataSource)],
-    },
-  );
-};
-
-const useCreateAction = () => {
-  const ctx = useContext(DataSourceContext);
-  const form = useForm();
-  const { setVisible } = useActionContext();
-  return {
-    async run() {
-      console.log('form.values', form.values);
-      const dataSource = ctx.dataSource || [];
-      dataSource.push(cloneDeep(form.values));
-      ctx.setDataSource([...dataSource]);
-      setVisible(false);
-      await form.reset();
-    },
-  };
-};
-
-const useBulkDestroyAction = () => {
-  const ctx = useContext(DataSourceContext);
-  const { selectedRowKeys, setSelectedRowKeys } = ctx;
-  return {
-    async run() {
-      const dataSource: any[] = ctx.dataSource || [];
-      ctx.setDataSource(
-        dataSource.filter((_, index) => {
-          return !selectedRowKeys.includes(index);
-        }),
-      );
-      setSelectedRowKeys([]);
-    },
-  };
-};
-
-const useUpdateAction = () => {
-  const recordIndex = useRecordIndex();
-  const form = useForm();
-  const { setVisible } = useActionContext();
-  const ctx = useContext(DataSourceContext);
-  return {
-    async run() {
-      const dataSource: any[] = ctx?.dataSource || [];
-      const values = dataSource.map((item, index) => {
-        if (index === recordIndex) {
-          return { ...form.values };
-        }
-        return item;
-      });
-      ctx.setDataSource([...values]);
-      setVisible(false);
-    },
-  };
-};
-
-const useDestroyAction = () => {
-  const recordIndex = useRecordIndex();
-  const ctx = useContext(DataSourceContext);
-  return {
-    async run() {
-      const dataSource: any[] = ctx.dataSource || [];
-      ctx.setDataSource(
-        dataSource.filter((_, index) => {
-          return recordIndex !== index;
-        }),
-      );
-    },
-  };
-};
-
-export const ds = {
-  useSelectedRowKeys,
-  useDataSource,
-  useCreateAction,
-  useBulkDestroyAction,
-  useUpdateAction,
-  useDestroyAction,
-};
-
-export const SubFieldDataSourceProvider = observer((props) => {
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [dataSource, setDataSource] = useState([]);
-  const record = useRecord();
-  const api = useAPIClient();
-  const service = useRequest(
-    () => {
-      if (record.interface === 'subTable') {
-        if (record?.children?.length) {
-          return Promise.resolve({
-            data: record?.children || [],
-          });
-        }
-        return api
-          .resource('fields')
-          .list({
-            paginate: false,
-            appends: ['uiSchema'],
-            sort: 'sort',
-            filter: {
-              parentKey: record.key,
-            },
-          })
-          .then((res) => res?.data);
-      }
-      return Promise.resolve({
-        data: [],
-      });
-    },
-    {
-      onSuccess(data) {
-        console.log('dataSource1', data?.data);
-        setDataSource(data?.data);
-      },
-    },
-  );
-  return (
-    <CollectionProvider collection={collection}>
-      <DataSourceContext.Provider
-        value={{
-          rowKey: 'name',
-          service,
-          dataSource,
-          setDataSource,
-          selectedRowKeys,
-          setSelectedRowKeys,
-        }}
-      >
-        {props.children}
-      </DataSourceContext.Provider>
-    </CollectionProvider>
-  );
-});
-
-export const DataSourceProvider = observer((props: any) => {
-  const { rowKey, collection, association } = props;
-  const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-  const [dataSource, setDataSource] = useState([]);
-  const record = useRecord();
-  const api = useAPIClient();
-  const { getCollection } = useCollectionManager();
-  const coll = getCollection(collection);
-  const resourceOf = record?.[association.targetKey || 'id'];
-  const service = useRequest(
-    () => {
-      if (resourceOf) {
-        return api
-          .request({
-            resource: `${association.collectionName}.${association.name}`,
-            resourceOf,
-            action: 'list',
-            params: {
-              appends: coll?.fields?.filter((field) => field.target)?.map((field) => field.name),
-            },
-          })
-          .then((res) => res.data);
-      }
-      return Promise.resolve({
-        data: record?.[association.name] || [],
-      });
-    },
-    {
-      onSuccess(data) {
-        setDataSource(data?.data);
-      },
-    },
-  );
-  return (
-    <CollectionProvider collection={coll}>
-      <DataSourceContext.Provider
-        value={{
-          rowKey,
-          service,
-          dataSource,
-          setDataSource,
-          selectedRowKeys,
-          setSelectedRowKeys,
-        }}
-      >
-        {props.children}
-      </DataSourceContext.Provider>
-    </CollectionProvider>
-  );
-});

package/src/collection-manager/types.ts

@@ -1,38 +0,0 @@
-import { ISchema } from '@formily/react';
-
-export interface CollectionManagerOptions {
-  service?: any;
-  interfaces?: any;
-  collections?: any[];
-  refreshCM?: () => Promise<void>;
-}
-
-export interface FieldOptions {
-  type: string;
-  interface?: string;
-  uiSchema?: ISchema;
-  [key: string]: any;
-}
-
-export interface CollectionOptions {
-  name?: string;
-  title?: string;
-  filterTargetKey?: string;
-  targetKey?: string;
-  sortable?: any;
-  fields?: FieldOptions[];
-}
-
-export interface ICollectionProviderProps {
-  name?: string;
-  fields?: any;
-}
-
-export interface CollectionFieldOptions {
-  name?: any;
-  collectionName?: string;
-  sourceKey?: string; // association field
-  uiSchema?: ISchema;
-  target?: string;
-  [key: string]: any;
-}

package/src/document-title/index.md

@@ -1,21 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# DocumentTitle
-
-## DocumentTitleProvider
-
-```tsx | pure
-<DocumentTitleProvider addonBefore={'!!'} addonAfter={'NocoBase'}>
-</DocumentTitleProvider>
-```
-
-## useDocumentTitle
-
-```ts
-const { title, setTitle } = useDocumentTitle();
-```

package/src/document-title/index.tsx

@@ -1,54 +0,0 @@
-import React, { createContext, useContext, useEffect, useState } from 'react';
-import { Helmet } from 'react-helmet';
-import { useSystemSettings } from '../system-settings';
-
-interface DocumentTitleContextProps {
-  title?: any;
-  setTitle?: (title?: any) => void;
-}
-
-export const DocumentTitleContext = createContext<DocumentTitleContextProps>({
-  title: null,
-  setTitle() {},
-});
-
-export const DocumentTitleProvider: React.FC<{ addonBefore?: string; addonAfter?: string }> = (props) => {
-  const { addonBefore, addonAfter } = props;
-  const [title, setTitle] = useState('');
-  const documentTitle = `${addonBefore ? ` - ${addonBefore}` : ''}${title || ''}${
-    addonAfter ? ` - ${addonAfter}` : ''
-  }`;
-  return (
-    <DocumentTitleContext.Provider
-      value={{
-        title,
-        setTitle,
-      }}
-    >
-      <Helmet>
-        <title>{documentTitle}</title>
-      </Helmet>
-      {props.children}
-    </DocumentTitleContext.Provider>
-  );
-};
-
-export const RemoteDocumentTitleProvider: React.FC = (props) => {
-  const ctx = useSystemSettings();
-  return (
-    <DocumentTitleProvider addonAfter={ctx?.data?.data?.title}>
-      {props.children}
-    </DocumentTitleProvider>
-  );
-};
-
-export const useDocumentTitle = () => {
-  return useContext(DocumentTitleContext);
-};
-
-export const useCurrentDocumentTitle = (title: string) => {
-  const { setTitle } = useDocumentTitle();
-  useEffect(() => {
-    setTitle(title);
-  }, []);
-};

package/src/file-manager/FileStorageShortcut.tsx

@@ -1,40 +0,0 @@
-import { SettingOutlined } from '@ant-design/icons';
-import { uid } from '@formily/shared';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { PluginManager } from '..';
-import { ActionContext, SchemaComponent } from '../schema-component';
-import { storageSchema } from './schemas/storage';
-import { StorageOptions } from './StorageOptions';
-
-const schema = {
-  type: 'object',
-  properties: {
-    [uid()]: {
-      'x-component': 'Action.Drawer',
-      type: 'void',
-      title: '{{t("File storages")}}',
-      properties: {
-        storageSchema,
-      },
-    },
-  },
-};
-
-export const FileStorageShortcut = () => {
-  const [visible, setVisible] = useState(false);
-  const { t } = useTranslation();
-  return (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <PluginManager.Toolbar.Item
-        eventKey={'FileStorage'}
-        onClick={() => {
-          setVisible(true);
-        }}
-        icon={<SettingOutlined />}
-        title={t('File storages')}
-      />
-      <SchemaComponent components={{ StorageOptions }} schema={schema} />
-    </ActionContext.Provider>
-  );
-};