mirror of
https://github.com/nocobase/nocobase
synced 2024-11-15 12:16:12 +00:00
feat(plugin-workflow): add space control to RadioWithTooltip (#3252)
This commit is contained in:
parent
e4c97651bf
commit
0330e33704
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user