ethanfly/easyshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: terminal auto-copy on select and right-click paste

Browse Source
This commit is contained in:
Ethanfly 2025-12-29 14:51:42 +08:00
parent 97a1b3d7b0
commit f6511010bd
2 changed files with 48 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/HostManager.js
View File

@ -292,8 +292,7 @@ function HostManager({ hosts, initialEditHost, onClose, onConnect, onUpdate }) {
{/* 导入导出结果提示 */}
{importExportResult && (
<div className={`mx-6 mt-4 p-3 rounded-lg border ${
importExportResult.type === 'success'
<div className={`mx-6 mt-4 p-3 rounded-lg border ${importExportResult.type === 'success'
? 'bg-shell-success/10 border-shell-success/30 text-shell-success'
: 'bg-shell-error/10 border-shell-error/30 text-shell-error'
}`}>
@ -547,8 +546,7 @@ function HostManager({ hosts, initialEditHost, onClose, onConnect, onUpdate }) {
key={color}
type="button"
onClick={() => setFormData({ ...formData, color })}
className={`w-8 h-8 rounded-lg transition-all ${
formData.color === color
className={`w-8 h-8 rounded-lg transition-all ${formData.color === color
? 'ring-2 ring-offset-2 ring-offset-shell-surface ring-white/50 scale-110'
: 'hover:scale-105'
}`}
@ -577,8 +575,7 @@ function HostManager({ hosts, initialEditHost, onClose, onConnect, onUpdate }) {
{/* 测试结果 */}
{testResult && (
<div
className={`p-4 rounded-lg border ${
testResult.success
className={`p-4 rounded-lg border ${testResult.success
? 'bg-shell-success/10 border-shell-success/30 text-shell-success'
: 'bg-shell-error/10 border-shell-error/30 text-shell-error'
}`}

31
src/components/Terminal.js
View File

@ -18,6 +18,7 @@ function Terminal({ tabId, hostId, onConnectionChange, onShowCommandPalette, onT
const initTimerRef = useRef(null);
const hasConnectedRef = useRef(false);
const resizeObserverRef = useRef(null);
const contextMenuHandlerRef = useRef(null);
const onConnectionChangeRef = useRef(onConnectionChange);
onConnectionChangeRef.current = onConnectionChange;
@ -204,6 +205,30 @@ function Terminal({ tabId, hostId, onConnectionChange, onShowCommandPalette, onT
}
});
// 选中自动复制到剪贴板
term.onSelectionChange(() => {
const selection = term.getSelection();
if (selection && selection.length > 0) {
navigator.clipboard.writeText(selection).catch(err => {
console.error('复制到剪贴板失败:', err);
});
}
});
// 右键粘贴
contextMenuHandlerRef.current = async (e) => {
e.preventDefault();
try {
const text = await navigator.clipboard.readText();
if (text && connectionIdRef.current && window.electronAPI) {
window.electronAPI.ssh.write(connectionIdRef.current, text);
}
} catch (err) {
console.error('从剪贴板粘贴失败:', err);
}
};
container.addEventListener('contextmenu', contextMenuHandlerRef.current);
resizeObserverRef.current = new ResizeObserver(() => {
fitTerminal();
});
@ -248,6 +273,12 @@ function Terminal({ tabId, hostId, onConnectionChange, onShowCommandPalette, onT
resizeObserverRef.current = null;
}
// 清理右键菜单事件监听器
if (contextMenuHandlerRef.current && terminalRef.current) {
terminalRef.current.removeEventListener('contextmenu', contextMenuHandlerRef.current);
contextMenuHandlerRef.current = null;
}
if (cleanupListenersRef.current) {
cleanupListenersRef.current();
cleanupListenersRef.current = null;