@nocobase/plugin-file-manager 0.11.1-alpha.5 → 0.12.0-alpha.2

package/src/client/StorageOptions.tsx

@@ -1,146 +0,0 @@
-import { FormLayout } from '@formily/antd-v5';
-import { Field } from '@formily/core';
-import { observer, RecursionField, Schema, useField, useForm } from '@formily/react';
-import React, { useEffect, useState } from 'react';
-import { NAMESPACE } from './locale';
-
-const schema = {
-  local: {
-    properties: {
-      documentRoot: {
-        title: `{{t("Destination", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        default: 'uploads',
-      },
-      serve: {
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Checkbox',
-        'x-content': `{{t("Use the built-in static file server", { ns: "${NAMESPACE}" })}}`,
-        default: true,
-      },
-    },
-  },
-  'ali-oss': {
-    properties: {
-      region: {
-        title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeyId: {
-        title: `{{t("AccessKey ID", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeySecret: {
-        title: `{{t("AccessKey Secret", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Password',
-        required: true,
-      },
-      bucket: {
-        title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-    },
-  },
-  'tx-cos': {
-    properties: {
-      Region: {
-        title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      SecretId: {
-        title: `{{t("SecretId", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      SecretKey: {
-        title: `{{t("SecretKey", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Password',
-        required: true,
-      },
-      Bucket: {
-        title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-    },
-  },
-  s3: {
-    properties: {
-      region: {
-        title: `{{t("Region", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      accessKeyId: {
-        title: `{{t("AccessKey ID", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      secretAccessKey: {
-        title: `{{t("AccessKey Secret", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Password',
-        required: true,
-      },
-      bucket: {
-        title: `{{t("Bucket", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-        required: true,
-      },
-      endpoint: {
-        title: `{{t("Endpoint", { ns: "${NAMESPACE}" })}}`,
-        type: 'string',
-        'x-decorator': 'FormItem',
-        'x-component': 'Input',
-      },
-    },
-  },
-};
-
-export const StorageOptions = observer(
-  (props) => {
-    const form = useForm();
-    const field = useField<Field>();
-    const [s, setSchema] = useState(new Schema({}));
-    useEffect(() => {
-      // form.clearFormGraph('options.*');
-      setSchema(new Schema(schema[form.values.type] || {}));
-    }, [form.values.type]);
-    return (
-      <FormLayout layout={'vertical'}>
-        <RecursionField key={form.values.type || 'local'} basePath={field.address} onlyRenderProperties schema={s} />
-      </FormLayout>
-    );
-  },
-  { displayName: 'StorageOptions' },
-);

package/src/client/hooks/index.ts

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

package/src/client/hooks/useUploadFiles.ts

@@ -1,55 +0,0 @@
-import { RecordPickerContext, useActionContext, useBlockRequestContext } from '@nocobase/client';
-import { notification } from 'antd';
-import { useContext } from 'react';
-import { useFmTranslation } from '../locale';
-
-// 限制上传文件大小为 10M
-export const FILE_LIMIT_SIZE = 1024 * 1024 * 1024;
-
-export const useUploadFiles = () => {
-  const { service } = useBlockRequestContext();
-  const { t } = useFmTranslation();
-  const { setVisible } = useActionContext();
-  const { setSelectedRows } = useContext(RecordPickerContext) || {};
-  const uploadingFiles = {};
-
-  let pendingNumber = 0;
-
-  return {
-    /**
-     * 返回 false 会阻止上传，返回 true 会继续上传
-     */
-    beforeUpload(file) {
-      if (file.size > FILE_LIMIT_SIZE) {
-        notification.error({
-          message: `${t('File size cannot exceed')} ${FILE_LIMIT_SIZE / 1024 / 1024}M`,
-        });
-        file.status = 'error';
-        return false;
-      }
-      return true;
-    },
-    onChange(fileList) {
-      fileList.forEach((file) => {
-        if (file.status === 'uploading' && !uploadingFiles[file.uid]) {
-          pendingNumber++;
-          uploadingFiles[file.uid] = true;
-        }
-        if (file.status !== 'uploading' && uploadingFiles[file.uid]) {
-          delete uploadingFiles[file.uid];
-          if (--pendingNumber === 0) {
-            service?.refresh?.();
-            setSelectedRows?.((preRows) => [
-              ...preRows,
-              ...fileList.filter((file) => file.status === 'done').map((file) => file.response.data),
-            ]);
-          }
-        }
-      });
-
-      if (fileList.every((file) => file.status === 'done')) {
-        setVisible(false);
-      }
-    },
-  };
-};

package/src/client/index.tsx

@@ -1,10 +0,0 @@
-import { Plugin } from '@nocobase/client';
-import { FileManagerProvider } from './FileManagerProvider';
-
-export class FileManagerPlugin extends Plugin {
-  async load() {
-    this.app.use(FileManagerProvider);
-  }
-}
-
-export default FileManagerPlugin;

package/src/client/initializers/UploadActionInitializer.tsx

@@ -1,42 +0,0 @@
-import { ActionInitializer, useCollection } from '@nocobase/client';
-import React from 'react';
-
-export const UploadActionInitializer = (props) => {
-  const collection = useCollection();
-
-  const schema = {
-    type: 'void',
-    'x-action': 'create',
-    title: "{{t('Upload')}}",
-    'x-designer': 'Action.Designer',
-    'x-component': 'Action',
-    'x-decorator': 'ACLActionProvider',
-    'x-component-props': {
-      openMode: 'drawer',
-      type: 'primary',
-      icon: 'UploadOutlined',
-    },
-    properties: {
-      drawer: {
-        type: 'void',
-        title: '{{ t("Upload files") }}',
-        'x-component': 'Action.Container',
-        properties: {
-          upload: {
-            type: 'void',
-            title: '{{ t("Upload files") }}',
-            'x-component': 'Upload.DraggerV2',
-            'x-component-props': {
-              height: '50vh',
-              action: `${collection.name}:create`,
-              useProps: '{{useUploadFiles}}',
-              multiple: true,
-              listType: 'picture',
-            },
-          },
-        },
-      },
-    },
-  };
-  return <ActionInitializer {...props} schema={schema} />;
-};

package/src/client/initializers/index.ts

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

package/src/client/interfaces/attachment.ts

@@ -1,116 +0,0 @@
-import { ISchema } from '@formily/react';
-import { uid } from '@formily/shared';
-import { IField, interfacesProperties } from '@nocobase/client';
-import { NAMESPACE } from '../locale';
-
-export const attachment: IField = {
-  name: 'attachment',
-  type: 'object',
-  group: 'media',
-  title: `{{t("Attachment", { ns: "${NAMESPACE}" })}}`,
-  isAssociation: true,
-  default: {
-    type: 'belongsToMany',
-    target: 'attachments',
-    // name,
-    uiSchema: {
-      type: 'array',
-      // title,
-      'x-component': 'Upload.Attachment',
-      'x-component-props': {},
-    },
-  },
-  availableTypes: ['belongsToMany'],
-  schemaInitialize(schema: ISchema, { block, field }) {
-    if (['Table', 'Kanban'].includes(block)) {
-      schema['x-component-props'] = schema['x-component-props'] || {};
-      schema['x-component-props']['size'] = 'small';
-    }
-
-    schema['x-component-props']['action'] = `${field.target}:create${
-      field.storage ? `?attachementField=${field.collectionName}.${field.name}` : ''
-    }`;
-  },
-  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: {
-    ...interfacesProperties.defaultProps,
-    'uiSchema.x-component-props.accept': {
-      type: 'string',
-      title: `{{t("MIME type", { ns: "${NAMESPACE}" })}}`,
-      'x-component': 'Input',
-      'x-decorator': 'FormItem',
-      description: 'Example: image/png',
-      default: 'image/*',
-    },
-    'uiSchema.x-component-props.multiple': {
-      type: 'boolean',
-      'x-content': `{{t('Allow uploading multiple files', { ns: "${NAMESPACE}" })}}`,
-      'x-decorator': 'FormItem',
-      'x-component': 'Checkbox',
-      default: true,
-    },
-    storage: {
-      type: 'string',
-      title: `{{t("Storage", { ns: "${NAMESPACE}" })}}`,
-      description: `{{t('Default storage will be used when not selected', { ns: "${NAMESPACE}" })}}`,
-      'x-decorator': 'FormItem',
-      'x-component': 'RemoteSelect',
-      'x-component-props': {
-        service: {
-          resource: 'storages',
-          params: {
-            // pageSize: -1
-          },
-        },
-        manual: false,
-        fieldNames: {
-          label: 'title',
-          value: 'name',
-        },
-      },
-    },
-  },
-  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", { ns: "${NAMESPACE}" })}}`,
-        operators: interfacesProperties.operators.string,
-        schema: {
-          title: `{{t("Filename", { ns: "${NAMESPACE}" })}}`,
-          type: 'string',
-          'x-component': 'Input',
-        },
-      },
-    ],
-  },
-};

package/src/client/locale/index.ts

@@ -1,7 +0,0 @@
-import { useTranslation } from 'react-i18next';
-
-export const NAMESPACE = 'file-manager';
-
-export function useFmTranslation() {
-  return useTranslation(NAMESPACE);
-}