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

package/src/schema-component/antd/upload/demos/apiClient.ts

@@ -1,43 +0,0 @@
-import { APIClient } from '@nocobase/client';
-import MockAdapter from 'axios-mock-adapter';
-
-export const apiClient = new APIClient({
-  baseURL: 'http://localhost:8001/api/',
-});
-
-const mock = new MockAdapter(apiClient.axios);
-
-const sleep = (value: number) => new Promise((resolve) => setTimeout(resolve, value));
-
-mock.onPost('/attachments:upload').reply(async (config) => {
-  const total = 1024; // mocked file size
-  for (const progress of [0, 0.2, 0.4, 0.6, 0.8, 1]) {
-    await sleep(500);
-    if (config.onUploadProgress) {
-      config.onUploadProgress({ loaded: total * progress, total });
-    }
-  }
-  return [
-    200,
-    {
-      data: {
-        id: 2,
-        title: 'd9f6ad6669902a9a8a1229d9f362235a (6)',
-        filename: '7edb55e4e3145e5ac59ea3a44ca840e9.docx',
-        extname: '.docx',
-        path: '',
-        size: null,
-        url: 'https://nocobase.oss-cn-beijing.aliyuncs.com/7edb55e4e3145e5ac59ea3a44ca840e9.docx',
-        mimetype: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-        meta: {},
-        storage_id: 2,
-        updated_at: '2022-01-21T07:21:21.084Z',
-        created_at: '2022-01-21T07:21:21.084Z',
-        created_by_id: null,
-        updated_by_id: null,
-      },
-    },
-  ];
-});
-
-export default apiClient;

package/src/schema-component/antd/upload/demos/demo1.tsx

@@ -1,51 +0,0 @@
-/**
- * title: Upload
- */
-import { FormItem } from '@formily/antd';
-import { APIClientProvider, SchemaComponent, SchemaComponentProvider, Upload } from '@nocobase/client';
-import React from 'react';
-import apiClient from './apiClient';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'string',
-      title: `编辑模式`,
-      'x-decorator': 'FormItem',
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        action: 'attachments:upload',
-        // multiple: true,
-      },
-      'x-reactions': {
-        target: 'read',
-        fulfill: {
-          state: {
-            value: '{{$self.value}}',
-          },
-        },
-      },
-    },
-    read: {
-      type: 'string',
-      title: `阅读模式`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        // multiple: true,
-      },
-    },
-  },
-};
-
-export default () => {
-  return (
-    <APIClientProvider apiClient={apiClient}>
-      <SchemaComponentProvider components={{ Upload, FormItem }}>
-        <SchemaComponent schema={schema} />
-      </SchemaComponentProvider>
-    </APIClientProvider>
-  );
-};

package/src/schema-component/antd/upload/demos/demo2.tsx

@@ -1,115 +0,0 @@
-/**
- * title: Upload
- */
-import { FormItem } from '@formily/antd';
-import { APIClientProvider, SchemaComponent, SchemaComponentProvider, Upload } from '@nocobase/client';
-import React from 'react';
-import apiClient from './apiClient';
-
-const schema = {
-  type: 'object',
-  properties: {
-    input: {
-      type: 'object',
-      title: `编辑模式`,
-      default: [
-        {
-          id: 45,
-          title: 's33766399',
-          name: 's33766399',
-          filename: 'cd48dc833ab01aa3959ac39309fc39de.jpg',
-          extname: '.jpg',
-          size: null,
-          mimetype: 'image/jpeg',
-          path: '',
-          meta: {},
-          status: 'uploading',
-          percent: 60,
-          url: 'https://nocobase.oss-cn-beijing.aliyuncs.com/cd48dc833ab01aa3959ac39309fc39de.jpg',
-          created_at: '2021-08-13T15:00:17.423Z',
-          updated_at: '2021-08-13T15:00:17.423Z',
-          created_by_id: null,
-          updated_by_id: null,
-          storage_id: 2,
-        },
-        {
-          id: 7,
-          title: '简历',
-          filename: 'd9f6ad6669902a9a8a1229d9f362235a.docx',
-          extname: '.docx',
-          size: null,
-          mimetype: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-          path: '',
-          meta: {},
-          url: 'https://nocobase.oss-cn-beijing.aliyuncs.com/d9f6ad6669902a9a8a1229d9f362235a.docx',
-          created_at: '2021-09-12T01:22:06.229Z',
-          updated_at: '2021-09-12T01:22:06.229Z',
-          created_by_id: null,
-          updated_by_id: 1,
-          storage_id: 2,
-          t_jh7a28dsfzi: {
-            createdAt: '2021-09-12T01:22:07.886Z',
-            updatedAt: '2021-09-12T01:22:07.886Z',
-            f_xg3mysbjfra: 1,
-            f_gc7ppj0b7n1: 7,
-          },
-        },
-      ],
-      'x-decorator': 'FormItem',
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        action: 'attachments:upload',
-        multiple: true,
-      },
-      'x-reactions': [
-        {
-          target: 'read',
-          fulfill: {
-            state: {
-              value: '{{$self.value}}',
-            },
-          },
-        },
-        {
-          target: 'read2',
-          fulfill: {
-            state: {
-              value: '{{$self.value}}',
-            },
-          },
-        },
-      ],
-    },
-    read: {
-      type: 'object',
-      title: `阅读模式`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        multiple: true,
-      },
-    },
-    read2: {
-      type: 'object',
-      title: `小图预览`,
-      'x-read-pretty': true,
-      'x-decorator': 'FormItem',
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {
-        multiple: true,
-        size: 'small',
-      },
-    },
-  },
-};
-
-export default () => {
-  return (
-    <APIClientProvider apiClient={apiClient}>
-      <SchemaComponentProvider components={{ Upload, FormItem }}>
-        <SchemaComponent schema={schema} />
-      </SchemaComponentProvider>
-    </APIClientProvider>
-  );
-};

package/src/schema-component/antd/upload/index.md

@@ -1,18 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /schema-components
----
-
-# Upload
-
-## Examples
-
-### Upload
-
-<code src="./demos/demo1.tsx" />
-
-### Upload
-
-<code src="./demos/demo2.tsx" />

package/src/schema-component/antd/upload/index.ts

@@ -1 +0,0 @@
-export * from './Upload';

package/src/schema-component/antd/upload/placeholder.ts

@@ -1,62 +0,0 @@
-export const UPLOAD_PLACEHOLDER = [
-  {
-    ext: /\.docx?$/i,
-    icon: '//img.alicdn.com/tfs/TB1n8jfr1uSBuNjy1XcXXcYjFXa-200-200.png',
-  },
-  {
-    ext: /\.pptx?$/i,
-    icon: '//img.alicdn.com/tfs/TB1ItgWr_tYBeNjy1XdXXXXyVXa-200-200.png',
-  },
-  {
-    ext: /\.jpe?g$/i,
-    icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
-  },
-  {
-    ext: /\.pdf$/i,
-    icon: '//img.alicdn.com/tfs/TB1GwD8r9BYBeNjy0FeXXbnmFXa-200-200.png',
-  },
-  {
-    ext: /\.png$/i,
-    icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
-  },
-  {
-    ext: /\.eps$/i,
-    icon: '//img.alicdn.com/tfs/TB1G_iGrVOWBuNjy0FiXXXFxVXa-200-200.png',
-  },
-  {
-    ext: /\.ai$/i,
-    icon: '//img.alicdn.com/tfs/TB1B2cVr_tYBeNjy1XdXXXXyVXa-200-200.png',
-  },
-  {
-    ext: /\.gif$/i,
-    icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png',
-  },
-  {
-    ext: /\.svg$/i,
-    icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png',
-  },
-  {
-    ext: /\.xlsx?$/i,
-    icon: '//img.alicdn.com/tfs/TB1any1r1OSBuNjy0FdXXbDnVXa-200-200.png',
-  },
-  {
-    ext: /\.psd?$/i,
-    icon: '//img.alicdn.com/tfs/TB1_nu1r1OSBuNjy0FdXXbDnVXa-200-200.png',
-  },
-  {
-    ext: /\.(wav|aif|aiff|au|mp1|mp2|mp3|ra|rm|ram|mid|rmi)$/i,
-    icon: '//img.alicdn.com/tfs/TB1jPvwr49YBuNjy0FfXXXIsVXa-200-200.png',
-  },
-  {
-    ext: /\.(avi|wmv|mpg|mpeg|vob|dat|3gp|mp4|mkv|rm|rmvb|mov|flv)$/i,
-    icon: '//img.alicdn.com/tfs/TB1FrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
-  },
-  {
-    ext: /\.(zip|rar|arj|z|gz|iso|jar|ace|tar|uue|dmg|pkg|lzh|cab)$/i,
-    icon: '//img.alicdn.com/tfs/TB10jmfr29TBuNjy0FcXXbeiFXa-200-200.png',
-  },
-  {
-    ext: /\.[^.]+$/i,
-    icon: '//img.alicdn.com/tfs/TB10.R4r3mTBuNjy1XbXXaMrVXa-200-200.png',
-  },
-];

package/src/schema-component/antd/upload/shared.ts

@@ -1,227 +0,0 @@
-import { Field } from '@formily/core';
-import { useField } from '@formily/react';
-import { reaction } from '@formily/reactive';
-import { isArr, isValid, toArr as toArray } from '@formily/shared';
-import { UploadChangeParam } from 'antd/lib/upload';
-import { UploadFile } from 'antd/lib/upload/interface';
-import { useEffect } from 'react';
-import { useAPIClient } from '../../../api-client';
-import { UPLOAD_PLACEHOLDER } from './placeholder';
-import type { IUploadProps, UploadProps } from './type';
-
-export const isImage = (extName: string) => {
-  var reg = /\.(png|jpg|gif|jpeg|webp)$/;
-  return reg.test(extName);
-};
-
-export const toMap = (fileList: any) => {
-  if (!fileList) {
-    return [];
-  }
-  if (typeof fileList !== 'object') {
-    return [];
-  }
-  let list = fileList;
-  if (!Array.isArray(fileList)) {
-    if (Object.keys({ ...fileList }).length === 0) {
-      return [];
-    }
-    list = [fileList];
-  }
-  return list.map((item) => {
-    return [item.id || item.uid, toItem(item)];
-  });
-};
-
-export const toImages = (fileList) => {
-  if (!fileList) {
-    return [];
-  }
-  if (typeof fileList !== 'object') {
-    return [];
-  }
-  if (Object.keys(fileList).length === 0) {
-    return [];
-  }
-  let list = fileList;
-  if (!Array.isArray(fileList) && typeof fileList === 'object') {
-    list = [fileList];
-  }
-  return list.map((item) => {
-    return {
-      ...item,
-      title: item.title || item.name,
-      imageUrl: getImageByUrl(item.url, {
-        exclude: ['.png', '.jpg', '.jpeg', '.gif'],
-      }),
-    };
-  });
-};
-
-export const toArr = (value) => {
-  if (!isValid(value)) {
-    return [];
-  }
-  if (Object.keys(value).length === 0) {
-    return [];
-  }
-  return toArray(value);
-};
-
-export const testOpts = (ext: RegExp, options: { exclude?: string[]; include?: string[] }) => {
-  if (options && isArr(options.include)) {
-    return options.include.some((url) => ext.test(url));
-  }
-
-  if (options && isArr(options.exclude)) {
-    return !options.exclude.some((url) => ext.test(url));
-  }
-
-  return true;
-};
-
-export const getImageByUrl = (url: string, options: any) => {
-  for (let i = 0; i < UPLOAD_PLACEHOLDER.length; i++) {
-    if (UPLOAD_PLACEHOLDER[i].ext.test(url) && testOpts(UPLOAD_PLACEHOLDER[i].ext, options)) {
-      return UPLOAD_PLACEHOLDER[i].icon || url;
-    }
-  }
-  return url;
-};
-
-export const getURL = (target: any) => {
-  return target?.['url'] || target?.['downloadURL'] || target?.['imgURL'];
-};
-export const getThumbURL = (target: any) => {
-  return target?.['thumbUrl'] || target?.['url'] || target?.['downloadURL'] || target?.['imgURL'];
-};
-
-export const getErrorMessage = (target: any) => {
-  return target?.errorMessage ||
-    target?.errMsg ||
-    target?.errorMsg ||
-    target?.message ||
-    typeof target?.error === 'string'
-    ? target.error
-    : '';
-};
-
-export const getState = (target: any) => {
-  if (target?.success === false) return 'error';
-  if (target?.failed === true) return 'error';
-  if (target?.error) return 'error';
-  return target?.state || target?.status;
-};
-
-export const normalizeFileList = (fileList: UploadFile[]) => {
-  if (fileList && fileList.length) {
-    return fileList.map((file, index) => {
-      return {
-        ...file,
-        uid: file.uid || `${index}`,
-        status: getState(file.response) || getState(file),
-        url: getURL(file) || getURL(file?.response),
-        thumbUrl: getImageByUrl(getThumbURL(file) || getThumbURL(file?.response), {
-          exclude: ['.png', '.jpg', '.jpeg', '.gif'],
-        }),
-      };
-    });
-  }
-  return [];
-};
-
-export const useValidator = (validator: (value: any) => string) => {
-  const field = useField<Field>();
-  useEffect(() => {
-    const dispose = reaction(
-      () => field.value,
-      (value) => {
-        const message = validator(value);
-        field.setFeedback({
-          type: 'error',
-          code: 'UploadError',
-          messages: message ? [message] : [],
-        });
-      },
-    );
-    return () => {
-      dispose();
-    };
-  }, []);
-};
-
-export const useUploadValidator = (serviceErrorMessage = 'Upload Service Error') => {
-  useValidator((value) => {
-    const list = toArr(value);
-    for (let i = 0; i < list.length; i++) {
-      if (list[i]?.status === 'error') {
-        return getErrorMessage(list[i]?.response) || getErrorMessage(list[i]) || serviceErrorMessage;
-      }
-    }
-  });
-};
-
-export function useUploadProps<T extends IUploadProps = UploadProps>({ serviceErrorMessage, ...props }: T) {
-  useUploadValidator(serviceErrorMessage);
-  const onChange = (param: UploadChangeParam<UploadFile>) => {
-    props.onChange?.(normalizeFileList([...param.fileList]));
-  };
-
-  const api = useAPIClient();
-
-  return {
-    ...props,
-    customRequest({ action, data, file, filename, headers, onError, onProgress, onSuccess, withCredentials }) {
-      const formData = new FormData();
-      if (data) {
-        Object.keys(data).forEach((key) => {
-          formData.append(key, data[key]);
-        });
-      }
-      formData.append(filename, file);
-      api.axios
-        .post(action, formData, {
-          withCredentials,
-          headers,
-          onUploadProgress: ({ total, loaded }) => {
-            onProgress({ percent: Math.round((loaded / total) * 100).toFixed(2) }, file);
-          },
-        })
-        .then(({ data }) => {
-          onSuccess(data, file);
-        })
-        .catch(onError);
-
-      return {
-        abort() {
-          console.log('upload progress is aborted.');
-        },
-      };
-    },
-    onChange,
-  };
-}
-
-export const toItem = (file) => {
-  if (file?.response?.data) {
-    file = file.response.data;
-  }
-  return {
-    ...file,
-    id: file.id || file.uid,
-    title: file.title || file.name,
-    imageUrl: getImageByUrl(file.url, {
-      exclude: ['.png', '.jpg', '.jpeg', '.gif'],
-    }),
-  };
-};
-
-export const toFileList = (fileList: any) => {
-  return toArr(fileList).map(toItem);
-};
-
-export const toValue = (fileList: any) => {
-  return toArr(fileList)
-    .filter((file) => !file.response || file.status === 'done')
-    .map((file) => file?.response?.data || file);
-};

package/src/schema-component/antd/upload/style.less

@@ -1,61 +0,0 @@
-.nb-file-list {
-  display: flex;
-}
-
-.nb-upload {
-  .ant-upload-list-item.ant-upload-list-item-list-type-picture-card {
-    padding: 3px;
-  }
-  .ant-upload-list-item-thumbnail {
-    img {
-      object-fit: cover;
-    }
-  }
-  .ant-upload-list-item-actions {
-    left: auto !important;
-    right: 2px !important;
-    top: 2px !important;
-    transform: none !important;
-    .ant-btn-text:hover, .ant-btn-text:focus {
-      background: rgba(0, 0, 0, 0.4);
-    }
-  }
-  .ant-upload-list-picture-card .ant-upload-list-item-info {
-    overflow: inherit;
-  }
-  .ant-upload-list-picture-card .ant-upload-list-item-name {
-    display: block;
-    margin-top: 10px;
-    font-size: 13px;
-    color: #636363;
-  }
-  .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
-    display: none;
-  }
-  .ant-upload-list-picture-card .ant-upload-list-item-progress {
-    bottom: calc(50% - 11px);
-    pointer-events: none;
-  }
-  .ant-btn {
-    background: rgba(0, 0, 0, 0.5);
-  }
-  .ant-upload-list-picture-card-container {
-    margin-bottom: 28px;
-  }
-}
-
-.nb-upload-small {
-  .ant-upload-list-picture-card-container {
-    margin: 0 3px 3px 0;
-    height: 32px;
-    width: 32px;
-  }
-  .ant-upload-list-picture-card .ant-upload-list-item-name {
-    display: none;
-  }
-  .ant-upload-list-picture .ant-upload-list-item,
-  .ant-upload-list-picture-card .ant-upload-list-item {
-    padding: 1px;
-  }
-}
-

package/src/schema-component/antd/upload/type.d.ts

@@ -1,26 +0,0 @@
-import type { DraggerProps as AntdDraggerProps, UploadProps as AntdUploadProps } from 'antd/lib/upload';
-import { UploadFile } from 'antd/lib/upload/interface';
-import React from 'react';
-
-export type UploadProps = Omit<AntdUploadProps, 'onChange'> & {
-  onChange?: (fileList: UploadFile[]) => void;
-  serviceErrorMessage?: string;
-  value?: any;
-  size?: string;
-};
-
-export type DraggerProps = Omit<AntdDraggerProps, 'onChange'> & {
-  onChange?: (fileList: UploadFile[]) => void;
-  serviceErrorMessage?: string;
-};
-
-export type ComposedUpload = React.FC<UploadProps> & {
-  Dragger?: React.FC<DraggerProps>;
-  File?: React.FC<UploadProps>;
-  Attachment?: React.FC<UploadProps>;
-};
-
-export type IUploadProps = {
-  serviceErrorMessage?: string;
-  onChange?: (...args: any) => void;
-};

package/src/schema-component/common/dnd-context/index.md

@@ -1,8 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /schema-components
----
-
-# DndContext <Badge>待定</Badge>

package/src/schema-component/common/dnd-context/index.tsx

@@ -1,74 +0,0 @@
-import { DndContext as DndKitContext, DragEndEvent, DragOverlay, rectIntersection } from '@dnd-kit/core';
-import { Props } from '@dnd-kit/core/dist/components/DndContext/DndContext';
-import { observer } from '@formily/react';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { useAPIClient } from '../../../';
-import { createDesignable, useDesignable } from '../../hooks';
-
-const useDragEnd = (props?: any) => {
-  const { refresh } = useDesignable();
-  const api = useAPIClient();
-  const { t } = useTranslation();
-
-  return (event: DragEndEvent) => {
-    const { active, over } = event;
-    const activeSchema = active?.data?.current?.schema;
-    const overSchema = over?.data?.current?.schema;
-    const insertAdjacent = over?.data?.current?.insertAdjacent;
-    const breakRemoveOn = over?.data?.current?.breakRemoveOn;
-    const wrapSchema = over?.data?.current?.wrapSchema;
-
-    if (!activeSchema || !overSchema) {
-      props?.onDragEnd?.(event);
-      return;
-    }
-
-    if (activeSchema === overSchema) {
-      props?.onDragEnd?.(event);
-      return;
-    }
-
-    const dn = createDesignable({
-      t,
-      api,
-      refresh,
-      current: overSchema,
-    });
-
-    dn.loadAPIClientEvents();
-
-    if (activeSchema.parent === overSchema.parent) {
-      dn.insertBeforeBeginOrAfterEnd(activeSchema);
-      props?.onDragEnd?.(event);
-      return;
-    }
-
-    if (insertAdjacent) {
-      dn.insertAdjacent(insertAdjacent, activeSchema, {
-        wrap: wrapSchema,
-        breakRemoveOn,
-        removeParentsIfNoChildren: true,
-      });
-      props?.onDragEnd?.(event);
-      return;
-    }
-  };
-};
-
-export const DndContext = observer((props: Props) => {
-  const { t } = useTranslation();
-  return (
-    <DndKitContext collisionDetection={rectIntersection} {...props} onDragEnd={useDragEnd(props)}>
-      <DragOverlay
-        dropAnimation={{
-          duration: 10,
-          easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',
-        }}
-      >
-        <span style={{ whiteSpace: 'nowrap' }}>{t('Dragging')}</span>
-      </DragOverlay>
-      {props.children}
-    </DndKitContext>
-  );
-});

package/src/schema-component/common/index.ts

@@ -1,3 +0,0 @@
-export * from './dnd-context';
-export * from './sortable-item';
-