You've already forked DataMate
Jerry Yan
dbf8ec53dd
- 将 CreateAnnotationTaskDialog 中的预览模态框宽度从固定像素改为 80vw - 将 VisualTemplateBuilder 中的预览抽屉宽度从 600px 改为 80vw - 将 PreviewPromptModal 中的模态框宽度从 800px 改为 80vw - 将 Overview 组件中的文本和媒体预览宽度统一改为 80vw - 将 KnowledgeSetDetail 中的文本和媒体预览宽度统一改为 80vw - 移除原来固定的像素值，使用响应式单位提升用户体验
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Button, message, Modal } from 'antd';
|
|
|
|
interface PreviewPromptModalProps {
|
|
previewVisible: boolean;
|
|
onCancel: () => void;
|
|
evaluationPrompt: string;
|
|
}
|
|
|
|
const PREVIEW_MODAL_WIDTH = "80vw";
|
|
|
|
const PreviewPromptModal: React.FC<PreviewPromptModalProps> = ({ previewVisible, onCancel, evaluationPrompt }) => {
|
|
return (
|
|
<Modal
|
|
title="评估提示词预览"
|
|
open={previewVisible}
|
|
onCancel={onCancel}
|
|
footer={[
|
|
<Button key="copy" onClick={() => {
|
|
navigator.clipboard.writeText(evaluationPrompt).then();
|
|
message.success('已复制到剪贴板');
|
|
}}>
|
|
复制
|
|
</Button>,
|
|
<Button key="close" type="primary" onClick={onCancel}>
|
|
关闭
|
|
</Button>
|
|
]}
|
|
width={PREVIEW_MODAL_WIDTH}
|
|
>
|
|
<div style={{
|
|
background: '#f5f5f5',
|
|
padding: '16px',
|
|
borderRadius: '4px',
|
|
whiteSpace: 'pre-wrap',
|
|
fontFamily: 'monospace'
|
|
}}>
|
|
{evaluationPrompt}
|
|
</div>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
export default PreviewPromptModal;
|