feat(plugin-workflow): add space control to RadioWithTooltip (#3252)

This commit is contained in:
Junyi 2023-12-24 17:14:38 +08:00 committed by GitHub
parent e4c97651bf
commit 0330e33704
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,6 +1,6 @@
import { QuestionCircleOutlined } from '@ant-design/icons'; import { QuestionCircleOutlined } from '@ant-design/icons';
import { css, useCompile } from '@nocobase/client'; import { css, useCompile } from '@nocobase/client';
import { Radio, Tooltip } from 'antd'; import { Radio, Space, Tooltip } from 'antd';
import React from 'react'; import React from 'react';
export interface RadioWithTooltipOption { export interface RadioWithTooltipOption {
@ -10,11 +10,12 @@ export interface RadioWithTooltipOption {
} }
export function RadioWithTooltip(props) { export function RadioWithTooltip(props) {
const { options = [], ...other } = props; const { options = [], direction, ...other } = props;
const compile = useCompile(); const compile = useCompile();
return ( return (
<Radio.Group {...other}> <Radio.Group {...other}>
<Space direction={direction}>
{options.map((option) => ( {options.map((option) => (
<Radio key={option.value} value={option.value}> <Radio key={option.value} value={option.value}>
<span <span
@ -33,6 +34,7 @@ export function RadioWithTooltip(props) {
)} )}
</Radio> </Radio>
))} ))}
</Space>
</Radio.Group> </Radio.Group>
); );
} }