# Conflicts: # packages/app/client/src/pages/index.tsx # packages/core/client/src/application/Application.tsx # packages/core/client/src/file-manager/index.ts # packages/plugins/file-manager/package.json # packages/plugins/file-manager/src/client/FileStorage.tsx # packages/plugins/file-manager/src/client/FileStorageShortcut.tsx
157 lines
3.8 KiB
TypeScript
157 lines
3.8 KiB
TypeScript
import { FormLayout } from '@formily/antd';
|
|
import { Field } from '@formily/core';
|
|
import { observer, RecursionField, Schema, useField, useForm } from '@formily/react';
|
|
import React, { useEffect, useState } from 'react';
|
|
|
|
const schema = {
|
|
local: {
|
|
properties: {
|
|
documentRoot: {
|
|
title: '{{t("Destination")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
default: 'uploads',
|
|
},
|
|
path: {
|
|
title: '{{t("Path")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
},
|
|
serve: {
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Checkbox',
|
|
'x-content': '{{t("Use the built-in static file server")}}',
|
|
default: true,
|
|
},
|
|
},
|
|
},
|
|
'ali-oss': {
|
|
properties: {
|
|
region: {
|
|
title: '{{t("Region")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
accessKeyId: {
|
|
title: '{{t("AccessKey ID")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
accessKeySecret: {
|
|
title: '{{t("AccessKey Secret")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Password',
|
|
required: true,
|
|
},
|
|
bucket: {
|
|
title: '{{t("Bucket")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
path: {
|
|
title: '{{t("Path")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
},
|
|
},
|
|
},
|
|
'tx-cos': {
|
|
properties: {
|
|
Region: {
|
|
title: '{{t("Region")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
SecretId: {
|
|
title: '{{t("SecretId")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
SecretKey: {
|
|
title: '{{t("SecretKey")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Password',
|
|
required: true,
|
|
},
|
|
Bucket: {
|
|
title: '{{t("Bucket")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
},
|
|
},
|
|
s3: {
|
|
properties: {
|
|
region: {
|
|
title: '{{t("Region")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
accessKeyId: {
|
|
title: '{{t("AccessKey ID")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
secretAccessKey: {
|
|
title: '{{t("AccessKey Secret")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Password',
|
|
required: true,
|
|
},
|
|
bucket: {
|
|
title: '{{t("Bucket")}}',
|
|
type: 'string',
|
|
'x-decorator': 'FormItem',
|
|
'x-component': 'Input',
|
|
required: true,
|
|
},
|
|
path: {
|
|
title: '{{t("Path")}}',
|
|
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 (
|
|
<div>
|
|
<FormLayout layout={'vertical'}>
|
|
<RecursionField key={form.values.type || 'local'} basePath={field.address} onlyRenderProperties schema={s} />
|
|
</FormLayout>
|
|
</div>
|
|
);
|
|
});
|