From 451f706b4665145cb7c2c6ce9cd760169bec0d4b Mon Sep 17 00:00:00 2001 From: chenos Date: Wed, 16 Feb 2022 22:45:49 +0800 Subject: [PATCH] feat(client): add `Space` schema component --- .../client/src/schema-component/antd/index.ts | 1 + .../src/schema-component/antd/space/index.tsx | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+) create mode 100644 packages/client/src/schema-component/antd/space/index.tsx diff --git a/packages/client/src/schema-component/antd/index.ts b/packages/client/src/schema-component/antd/index.ts index 708006e87..3172528c1 100644 --- a/packages/client/src/schema-component/antd/index.ts +++ b/packages/client/src/schema-component/antd/index.ts @@ -24,6 +24,7 @@ export * from './radio'; export * from './record-picker'; export * from './row-selection'; export * from './select'; +export * from './space'; export * from './tabs'; export * from './time-picker'; export * from './tree-select'; diff --git a/packages/client/src/schema-component/antd/space/index.tsx b/packages/client/src/schema-component/antd/space/index.tsx new file mode 100644 index 000000000..5ca1499bd --- /dev/null +++ b/packages/client/src/schema-component/antd/space/index.tsx @@ -0,0 +1,18 @@ +import { useFormLayout } from '@formily/antd'; +import { Divider, Space as AntdSpace, SpaceProps } from 'antd'; +import React from 'react'; + +export const Space: React.FC = (props) => { + let { split } = props; + if (split === '|') { + split = ; + } + const layout = useFormLayout(); + return React.createElement(AntdSpace, { + size: props.size ?? layout?.spaceGap, + ...props, + split, + }); +}; + +export default Space;