tachybase_todo/packages/client/src/schema-component/antd/action/ActionBar.tsx

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>
);
};