chore: add copy button for run command

This commit is contained in:
jialin
2026-02-08 10:27:49 +08:00
parent f35ba8f8e5
commit ec6f5d1ad3
2 changed files with 15 additions and 26 deletions
+4 -21
View File
@@ -1,42 +1,24 @@
import { CheckCircleFilled, CopyOutlined } from '@ant-design/icons';
import { useIntl } from '@umijs/max';
import { Typography } from 'antd';
import { TextProps } from 'antd/es/typography/Text';
import React, { useMemo } from 'react';
type CopyButtonProps = {
children?: React.ReactNode;
text: string;
disabled?: boolean;
fontSize?: string;
type?: 'text' | 'primary' | 'dashed' | 'link' | 'default';
size?: 'small' | 'middle' | 'large';
shape?: 'circle' | 'round' | 'default';
tips?: string;
placement?:
| 'top'
| 'left'
| 'right'
| 'bottom'
| 'topLeft'
| 'topRight'
| 'bottomLeft'
| 'bottomRight';
btnStyle?: React.CSSProperties;
style?: React.CSSProperties;
};
const CopyButton: React.FC<CopyButtonProps> = ({
const CopyButton: React.FC<CopyButtonProps & TextProps> = ({
children,
tips,
text,
disabled,
type = 'text',
shape = 'default',
fontSize = '14px',
style,
btnStyle,
placement,
size = 'middle'
...rest
}) => {
const intl = useIntl();
@@ -50,6 +32,7 @@ const CopyButton: React.FC<CopyButtonProps> = ({
return (
<Typography.Text
style={{ ...btnStyle }}
{...rest}
copyable={{
text: text,
tooltips: tooltips,