当前状态: ${isEnabled ? '✓ 运行中' : '✗ 已暂停'}
`;
panel.querySelector('.toggle-btn').addEventListener('click', toggleFeature);
panel.querySelector('.close-btn').addEventListener('click', () => {
// 采用滑出动画后再移除
panel.style.transform = 'translateY(100%)';
setTimeout(() => {
panel.remove();
updateMenuCommand();
}, 300);
});
return panel;
};
// ========================
// 核心功能逻辑
// ========================
const handleSelection = (e) => {
if (!isEnabled) return;
const selection = window.getSelection().toString().trim();
if (!selection) return;
navigator.clipboard.writeText(selection)
.then(() => createFeedback('文本已复制', e))
.catch(err => {
createFeedback('复制失败', e);
console.error('复制失败:', err);
});
};
const toggleFeature = () => {
isEnabled = !isEnabled;
GM_setValue(STORAGE_KEY, isEnabled);
updateIconStyle(statusIcon);
showGlobalNotification();
refreshControlPanel();
};
// ========================
// 辅助功能
// ========================
const showGlobalNotification = () => {
const notification = document.createElement('div');
notification.className = 'global-notification';
notification.textContent = `自动复制功能已${isEnabled ? '启用' : '禁用'}`;
document.body.appendChild(notification);
setTimeout(() => notification.remove(), 1500);
};
const refreshControlPanel = () => {
document.querySelector('.control-panel')?.remove();
document.body.appendChild(createControlPanel());
updateMenuCommand();
};
// ========================
// 初始化系统
// ========================
GM_addStyle(`
/* 反馈提示样式 */
.feedback-container {
background: linear-gradient(145deg, #f8f9fa, #ffffff);
border-radius: 12px;
padding: 12px 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: flex;
align-items: center;
gap: 8px;
animation: slideIn 0.3s ease, fadeOut 0.5s ease 1.5s forwards;
}
.feedback-icon {
width: 20px;
height: 20px;
color: ${isEnabled ? '#4CAF50' : '#F44336'};
}
.feedback-text {
color: #2d3436;
font-family: -apple-system, system-ui;
font-size: 14px;
}
@keyframes slideIn {
from { transform: translateY(20px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
/* 状态图标样式 */
.status-icon {
/* 样式已在内联设置 */
}
/* 控制面板样式 */
.control-panel {
position: fixed;
bottom: 80px;
right: 20px;
background: rgba(255,255,255,0.95);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
padding: 16px;
width: 240px;
transform: translateY(0);
transition: transform 0.3s ease;
backdrop-filter: blur(8px);
}
.panel-header {
position: relative;
padding-bottom: 8px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 12px;
}
.panel-header h3 {
margin: 0;
font-size: 16px;
}
.close-btn {
position: absolute;
top: 4px;
right: 4px;
font-size: 20px;
cursor: pointer;
user-select: none;
}
.toggle-btn {
background: #e0e0e0;
border: none;
padding: 8px 24px;
border-radius: 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.toggle-btn.active {
background: #4CAF50;
color: white;
}
.status-indicator-text {
margin-top: 12px;
font-size: 14px;
color: #555;
}
/* 全局通知样式 */
.global-notification {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 8px 16px;
border-radius: 8px;
z-index: 2147483647;
opacity: 0.9;
}
`);
// 挂载核心元素
const statusIcon = createStatusIcon();
document.body.appendChild(statusIcon);
document.addEventListener('mouseup', handleSelection);
// 初始化时更新菜单
updateMenuCommand();
})();