33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { RecursionField, useFieldSchema } from '@formily/react';
|
|
import { Space } from 'antd';
|
|
import React from 'react';
|
|
import { useComponent } from '../../hooks';
|
|
|
|
export const ActionBar = () => {
|
|
const fieldSchema = useFieldSchema();
|
|
const Initializer = useComponent(fieldSchema['x-initializer']);
|
|
return (
|
|
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', width: '100%' }}>
|
|
<Space>
|
|
{fieldSchema.mapProperties((schema, key) => {
|
|
if (schema['x-align'] !== 'left') {
|
|
return null;
|
|
}
|
|
return <RecursionField key={key} name={key} schema={schema} />;
|
|
})}
|
|
</Space>
|
|
<Space>
|
|
{fieldSchema.mapProperties((schema, key) => {
|
|
if (schema['x-align'] === 'left') {
|
|
return null;
|
|
}
|
|
return <RecursionField key={key} name={key} schema={schema} />;
|
|
})}
|
|
</Space>
|
|
</div>
|
|
{Initializer && <Initializer />}
|
|
</div>
|
|
);
|
|
};
|