""" 共享 UI 组件库 """ from PyQt5.QtWidgets import ( QWidget, QLabel, QFrame, QPushButton, QVBoxLayout, QHBoxLayout, QGridLayout, QDialog, QFormLayout, QLineEdit ) from PyQt5.QtCore import Qt, pyqtSignal, QTimer # ───────────────────────────────────────────────────────────────────────────── # 1. InlineValidator # ───────────────────────────────────────────────────────────────────────────── class InlineValidator(QWidget): """在输入框下方实时显示验证结果的提示组件""" def __init__(self, parent=None): super().__init__(parent) self._is_valid = None # None=未验证, True=有效, False=无效 layout = QVBoxLayout(self) layout.setContentsMargins(0, 0, 0, 0) layout.setSpacing(0) self._label = QLabel() self._label.setWordWrap(True) self._label.setStyleSheet("font-size: 12px;") layout.addWidget(self._label) self.setVisible(False) # ── 公开接口 ────────────────────────────────────────── def set_valid(self, message: str = "✓") -> None: """显示绿色通过提示""" self._is_valid = True self._label.setText(message) self._label.setStyleSheet("font-size: 12px; color: #27ae60;") self.setVisible(True) def set_invalid(self, message: str) -> None: """显示红色错误提示""" self._is_valid = False self._label.setText(message) self._label.setStyleSheet("font-size: 12px; color: #e74c3c;") self.setVisible(True) def clear(self) -> None: """隐藏提示（初始/重置状态）""" self._is_valid = None self._label.setText("") self.setVisible(False) @property def is_valid(self): """当前是否处于有效状态（None=未验证，True=有效，False=无效）""" return self._is_valid # ───────────────────────────────────────────────────────────────────────────── # 2. NotificationToast # ───────────────────────────────────────────────────────────────────────────── class NotificationToast(QFrame): """屏幕右下角弹出的非阻塞消息通知浮层""" clicked = pyqtSignal(str, object) # chat_type, target_id def __init__(self, parent: QWidget): super().__init__(parent) self._timer = QTimer(self) self._timer.setSingleShot(True) self._timer.timeout.connect(self.dismiss) self._chat_type = None self._target_id = None self.setFixedWidth(280) self.setFrameShape(QFrame.StyledPanel) self.setCursor(Qt.PointingHandCursor) self.setStyleSheet( "NotificationToast {" " background: white;" " border-radius: 10px;" " border: 1px solid #e0e0e0;" "}" ) layout = QVBoxLayout(self) layout.setContentsMargins(14, 10, 14, 10) layout.setSpacing(4) self._sender_lbl = QLabel() self._sender_lbl.setStyleSheet("font-weight: bold; font-size: 13px; color: #222;") self._preview_lbl = QLabel() self._preview_lbl.setStyleSheet("font-size: 12px; color: #666;") self._preview_lbl.setWordWrap(True) layout.addWidget(self._sender_lbl) layout.addWidget(self._preview_lbl) self.setVisible(False) def show_message( self, sender: str, preview: str, chat_type: str, target_id, auto_dismiss_ms: int = 4000, ) -> None: self._chat_type = chat_type self._target_id = target_id self._sender_lbl.setText(sender) truncated = preview[:30] + ("…" if len(preview) > 30 else "") self._preview_lbl.setText(truncated) self._reposition() self.setVisible(True) self.raise_() self._timer.stop() self._timer.start(auto_dismiss_ms) def dismiss(self) -> None: self._timer.stop() self.setVisible(False) def _reposition(self) -> None: """绝对定位于父窗口右下角""" parent = self.parentWidget() if parent is None: return margin = 16 x = parent.width() - self.width() - margin y = parent.height() - self.sizeHint().height() - margin self.move(x, y) def mousePressEvent(self, event): if event.button() == Qt.LeftButton: self.clicked.emit(self._chat_type, self._target_id) self.dismiss() super().mousePressEvent(event) # ───────────────────────────────────────────────────────────────────────────── # 3. EmojiPicker # ───────────────────────────────────────────────────────────────────────────── _EMOJIS = [ "😀", "😂", "😍", "😎", "😭", "😡", "😱", "🤔", "👍", "👎", "👏", "🙏", "🤝", "💪", "🎉", "🔥", "❤️", "💔", "💯", "✨", "🌟", "⭐", "🎵", "🎶", "🍕", "🍔", "🍦", "☕", "🍺", "🎂", "🌈", "🌙", "😊", "😇", "🥰", "😏", "😴", "🤣", "😅", "😬", "🙄", "😤", "🤯", "🥳", "🤩", "😋", "🤗", "🤫", ] class EmojiPicker(QFrame): """简单 emoji 选择面板""" emoji_selected = pyqtSignal(str) def __init__(self, parent=None): super().__init__(parent) self.setFrameShape(QFrame.StyledPanel) self.setStyleSheet( "EmojiPicker {" " background: white;" " border-radius: 8px;" " border: 1px solid #d0d7de;" "}" ) grid = QGridLayout(self) grid.setContentsMargins(8, 8, 8, 8) grid.setSpacing(2) cols = 8 for idx, emoji in enumerate(_EMOJIS): btn = QPushButton(emoji) btn.setFixedSize(32, 32) btn.setFlat(True) btn.setCursor(Qt.PointingHandCursor) btn.setStyleSheet( "QPushButton { font-size: 18px; border: none; background: transparent; }" "QPushButton:hover { background: #f0f0f0; border-radius: 4px; }" ) btn.clicked.connect(lambda checked, e=emoji: self._on_emoji_clicked(e)) grid.addWidget(btn, idx // cols, idx % cols) self.setVisible(False) def _on_emoji_clicked(self, emoji: str) -> None: self.emoji_selected.emit(emoji) self.setVisible(False) # ───────────────────────────────────────────────────────────────────────────── # 5. SettingsDialog # ───────────────────────────────────────────────────────────────────────────── class SettingsDialog(QDialog): """用户设置对话框：修改昵称、用户名、密码、通知设置""" profile_update_requested = pyqtSignal(str) change_username_requested = pyqtSignal(str) change_nickname_requested = pyqtSignal(str) change_password_requested = pyqtSignal(str, str) notify_toggled = pyqtSignal(bool) def __init__(self, username: str, nickname: str, parent=None): super().__init__(parent) self.username = username self.setWindowTitle("个人设置") self.setMinimumWidth(440) self.setMaximumHeight(680) self.setModal(True) self._build_ui(username, nickname) self._apply_style() def _build_ui(self, username: str, nickname: str) -> None: root = QVBoxLayout(self) root.setContentsMargins(20, 16, 20, 16) root.setSpacing(12) root.setAlignment(Qt.AlignTop) from PyQt5.QtWidgets import QScrollArea scroll = QScrollArea() scroll.setWidgetResizable(True) scroll.setStyleSheet("QScrollArea{border:none;background:transparent;}") content = QWidget() cl = QVBoxLayout(content) cl.setSpacing(12) title = QLabel("个人设置") title.setStyleSheet("font-size: 18px; font-weight: bold; color: #1a1a2e;") cl.addWidget(title) section1 = QLabel("基本资料") section1.setStyleSheet("font-size: 12px; font-weight: bold; color: #e94560; margin-top: 2px;") cl.addWidget(section1) form = QFormLayout() form.setSpacing(10) form.setLabelAlignment(Qt.AlignRight) self._username_input = QLineEdit(username) self._username_input.setPlaceholderText("修改用户名（4-20位字母/数字/下划线）") form.addRow("用户名：", self._username_input) self._nickname_input = QLineEdit(nickname) self._nickname_input.setPlaceholderText("修改昵称") form.addRow("昵称：", self._nickname_input) cl.addLayout(form) section2 = QLabel("修改密码（留空则不修改）") section2.setStyleSheet("font-size: 12px; font-weight: bold; color: #e94560; margin-top: 2px;") cl.addWidget(section2) pw_form = QFormLayout() pw_form.setSpacing(10) pw_form.setLabelAlignment(Qt.AlignRight) self._old_password_input = QLineEdit() self._old_password_input.setEchoMode(QLineEdit.Password) self._old_password_input.setPlaceholderText("输入原密码") pw_form.addRow("原密码：", self._old_password_input) self._new_password_input = QLineEdit() self._new_password_input.setEchoMode(QLineEdit.Password) self._new_password_input.setPlaceholderText("输入新密码（6-20位）") pw_form.addRow("新密码：", self._new_password_input) self._confirm_password_input = QLineEdit() self._confirm_password_input.setEchoMode(QLineEdit.Password) self._confirm_password_input.setPlaceholderText("确认新密码") pw_form.addRow("确认密码：", self._confirm_password_input) cl.addLayout(pw_form) from PyQt5.QtWidgets import QCheckBox section3 = QLabel("通知设置") section3.setStyleSheet("font-size: 12px; font-weight: bold; color: #e94560; margin-top: 2px;") cl.addWidget(section3) self._notify_check = QCheckBox("启用桌面通知") self._notify_check.setChecked(True) self._notify_check.setStyleSheet("font-size: 13px; color: #555;") self._notify_check.toggled.connect(self.notify_toggled.emit) cl.addWidget(self._notify_check) cl.addStretch() scroll.setWidget(content) root.addWidget(scroll) self._status_label = QLabel("") self._status_label.setWordWrap(True) self._status_label.setVisible(False) root.addWidget(self._status_label) btn_row = QHBoxLayout() btn_row.addStretch() self._cancel_btn = QPushButton("取消") self._cancel_btn.setCursor(Qt.PointingHandCursor) self._cancel_btn.clicked.connect(self.reject) self._save_btn = QPushButton("保存修改") self._save_btn.setCursor(Qt.PointingHandCursor) self._save_btn.setDefault(True) self._save_btn.clicked.connect(self._on_save) btn_row.addWidget(self._cancel_btn) btn_row.addWidget(self._save_btn) root.addLayout(btn_row) def _apply_style(self) -> None: self.setStyleSheet(""" QDialog { background: #fafbfc; } QLineEdit { padding: 8px 14px; border: 1.5px solid #e0e0e0; border-radius: 8px; font-size: 13px; color: #333; background: white; } QLineEdit:focus { border: 1.5px solid #e94560; background: #fff5f5; } QLabel { color: #444; } QPushButton { padding: 8px 22px; border-radius: 8px; font-size: 13px; } QPushButton#saveBtn { background: qlineargradient(x1:0,y1:0,x2:1,y2:0,stop:0 #e94560,stop:1 #c23152); color: white; border: none; font-weight: bold; } QPushButton#saveBtn:hover { background: #c23152; } QPushButton#cancelBtn { background: #f0f0f0; color: #555; border: 1px solid #ddd; } QPushButton#cancelBtn:hover { background: #e0e0e0; } """) self._save_btn.setObjectName("saveBtn") self._cancel_btn.setObjectName("cancelBtn") def _on_save(self) -> None: new_username = self._username_input.text().strip() new_nickname = self._nickname_input.text().strip() old_password = self._old_password_input.text() new_password = self._new_password_input.text() confirm_password = self._confirm_password_input.text() changed = False if new_nickname and new_nickname != self.username: self.change_nickname_requested.emit(new_nickname) changed = True if new_username and new_username != self.username: if len(new_username) < 4 or len(new_username) > 20: self._show_status("用户名需4-20位", "error") return if not all(c.isalnum() or c == '_' for c in new_username): self._show_status("用户名只能包含字母、数字和下划线", "error") return self.change_username_requested.emit(new_username) self.username = new_username changed = True if old_password or new_password or confirm_password: if not old_password: self._show_status("请输入原密码", "error") return if not new_password: self._show_status("请输入新密码", "error") return if len(new_password) < 6 or len(new_password) > 20: self._show_status("新密码需6-20位", "error") return if new_password != confirm_password: self._show_status("两次密码不一致", "error") return self.change_password_requested.emit(old_password, new_password) changed = True if changed: self._show_status("设置已保存", "success") else: self._show_status("没有需要修改的内容", "info") def _show_status(self, message, kind): self._status_label.setText(message) if kind == "error": self._status_label.setStyleSheet( "font-size: 12px; padding: 6px 12px; border-radius: 6px; background: #ffeaea; color: #c0392b;") elif kind == "success": self._status_label.setStyleSheet( "font-size: 12px; padding: 6px 12px; border-radius: 6px; background: #eafaf1; color: #27ae60;") else: self._status_label.setStyleSheet( "font-size: 12px; padding: 6px 12px; border-radius: 6px; background: #eaf2f8; color: #2980b9;") self._status_label.setVisible(True)