Python-FastUI-Widgets 1.0.0__py3-none-any.whl

fastuiwidgets/components/dialog_box/dialog.py

@@ -0,0 +1,167 @@
+# coding:utf-8
+from PySide6.QtCore import Qt, Signal, QObject, QEvent
+from PySide6.QtGui import QColor
+from PySide6.QtWidgets import QLabel, QFrame, QVBoxLayout, QHBoxLayout, QPushButton
+from fframelesswindow import FramelessDialog
+
+from ...common.auto_wrap import TextWrap
+from ...common.style_sheet import FluentStyleSheet
+from ..widgets.button import PrimaryPushButton
+from ..widgets.label import BodyLabel
+
+from .mask_dialog_base import MaskDialogBase
+
+
+class Ui_MessageBox:
+    """ Ui of message box """
+
+    yesSignal = Signal()
+    cancelSignal = Signal()
+
+    def __init__(self, *args, **kwargs):
+        pass
+
+    def _setUpUi(self, title, content, parent):
+        self.content = content
+        self.titleLabel = QLabel(title, parent)
+        self.contentLabel = BodyLabel(content, parent)
+
+        self.buttonGroup = QFrame(parent)
+        self.yesButton = PrimaryPushButton(self.tr('OK'), self.buttonGroup)
+        self.cancelButton = QPushButton(self.tr('Cancel'), self.buttonGroup)
+
+        self.vBoxLayout = QVBoxLayout(parent)
+        self.textLayout = QVBoxLayout()
+        self.buttonLayout = QHBoxLayout(self.buttonGroup)
+
+        self.__initWidget()
+
+    def __initWidget(self):
+        self.__setQss()
+        self.__initLayout()
+
+        # fixes https://github.com/NumBNN/Python-FastUI-Widgets/issues/19
+        self.yesButton.setAttribute(Qt.WA_LayoutUsesWidgetRect)
+        self.cancelButton.setAttribute(Qt.WA_LayoutUsesWidgetRect)
+
+        self.yesButton.setFocus()
+        self.buttonGroup.setFixedHeight(81)
+
+        self.contentLabel.setContextMenuPolicy(Qt.ContextMenuPolicy.CustomContextMenu)
+        self._adjustText()
+
+        self.yesButton.clicked.connect(self.__onYesButtonClicked)
+        self.cancelButton.clicked.connect(self.__onCancelButtonClicked)
+
+    def _adjustText(self):
+        if self.isWindow():
+            if self.parent():
+                w = max(self.titleLabel.width(), self.parent().width())
+                chars = max(min(w / 9, 140), 30)
+            else:
+                chars = 100
+        else:
+            w = max(self.titleLabel.width(), self.window().width())
+            chars = max(min(w / 9, 100), 30)
+
+        self.contentLabel.setText(TextWrap.wrap(self.content, chars, False)[0])
+
+    def __initLayout(self):
+        self.vBoxLayout.setSpacing(0)
+        self.vBoxLayout.setContentsMargins(0, 0, 0, 0)
+        self.vBoxLayout.addLayout(self.textLayout, 1)
+        self.vBoxLayout.addWidget(self.buttonGroup, 0, Qt.AlignBottom)
+        self.vBoxLayout.setSizeConstraint(QVBoxLayout.SetMinimumSize)
+
+        self.textLayout.setSpacing(12)
+        self.textLayout.setContentsMargins(24, 24, 24, 24)
+        self.textLayout.addWidget(self.titleLabel, 0, Qt.AlignTop)
+        self.textLayout.addWidget(self.contentLabel, 0, Qt.AlignTop)
+
+        self.buttonLayout.setSpacing(12)
+        self.buttonLayout.setContentsMargins(24, 24, 24, 24)
+        self.buttonLayout.addWidget(self.yesButton, 1, Qt.AlignVCenter)
+        self.buttonLayout.addWidget(self.cancelButton, 1, Qt.AlignVCenter)
+
+    def __onCancelButtonClicked(self):
+        self.reject()
+        self.cancelSignal.emit()
+
+    def __onYesButtonClicked(self):
+        self.accept()
+        self.yesSignal.emit()
+
+    def __setQss(self):
+        self.titleLabel.setObjectName("titleLabel")
+        self.contentLabel.setObjectName("contentLabel")
+        self.buttonGroup.setObjectName('buttonGroup')
+        self.cancelButton.setObjectName('cancelButton')
+
+        FluentStyleSheet.DIALOG.apply(self)
+        FluentStyleSheet.DIALOG.apply(self.contentLabel)
+
+        self.yesButton.adjustSize()
+        self.cancelButton.adjustSize()
+
+    def setContentCopyable(self, isCopyable: bool):
+        """ set whether the content is copyable """
+        if isCopyable:
+            self.contentLabel.setTextInteractionFlags(
+                Qt.TextInteractionFlag.TextSelectableByMouse)
+        else:
+            self.contentLabel.setTextInteractionFlags(
+                Qt.TextInteractionFlag.NoTextInteraction)
+
+
+class Dialog(FramelessDialog, Ui_MessageBox):
+    """ Dialog box """
+
+    yesSignal = Signal()
+    cancelSignal = Signal()
+
+    def __init__(self, title: str, content: str, parent=None):
+        super().__init__(parent=parent)
+        self._setUpUi(title, content, self)
+
+        self.windowTitleLabel = QLabel(title, self)
+
+        self.setResizeEnabled(False)
+        self.resize(240, 192)
+        self.titleBar.hide()
+
+        self.vBoxLayout.insertWidget(0, self.windowTitleLabel, 0, Qt.AlignTop)
+        self.windowTitleLabel.setObjectName('windowTitleLabel')
+        FluentStyleSheet.DIALOG.apply(self)
+        self.setFixedSize(self.size())
+
+    def setTitleBarVisible(self, isVisible: bool):
+        self.windowTitleLabel.setVisible(isVisible)
+
+
+class MessageBox(MaskDialogBase, Ui_MessageBox):
+    """ Message box """
+
+    yesSignal = Signal()
+    cancelSignal = Signal()
+
+    def __init__(self, title: str, content: str, parent=None):
+        super().__init__(parent=parent)
+        self._setUpUi(title, content, self.widget)
+
+        self.setShadowEffect(60, (0, 10), QColor(0, 0, 0, 50))
+        self.setMaskColor(QColor(0, 0, 0, 76))
+        self._hBoxLayout.removeWidget(self.widget)
+        self._hBoxLayout.addWidget(self.widget, 1, Qt.AlignCenter)
+
+        self.buttonGroup.setMinimumWidth(280)
+        self.widget.setFixedSize(
+            max(self.contentLabel.width(), self.titleLabel.width()) + 48,
+            self.contentLabel.y() + self.contentLabel.height() + 105
+        )
+
+    def eventFilter(self, obj, e: QEvent):
+        if obj is self.window():
+            if e.type() == QEvent.Resize:
+                self._adjustText()
+
+        return super().eventFilter(obj, e)

fastuiwidgets/components/dialog_box/folder_list_dialog.py

@@ -0,0 +1,307 @@
+# coding:utf-8
+import os
+
+from PySide6.QtCore import Qt, Signal
+from PySide6.QtGui import (QBrush, QColor, QFont, QFontMetrics, QMouseEvent,
+                         QPainter, QPen, QPixmap)
+from PySide6.QtWidgets import (QApplication, QFileDialog, QHBoxLayout, QLabel,
+                             QVBoxLayout, QWidget, QPushButton)
+
+from ...common.config import isDarkTheme
+from ...common.icon import getIconColor
+from ...common.style_sheet import FluentStyleSheet
+from .dialog import Dialog
+from .mask_dialog_base import MaskDialogBase
+from ..widgets.scroll_area import SingleDirectionScrollArea
+
+
+class FolderListDialog(MaskDialogBase):
+    """ Folder list dialog box """
+
+    folderChanged = Signal(list)
+
+    def __init__(self, folderPaths: list, title: str, content: str, parent):
+        super().__init__(parent=parent)
+        self.title = title
+        self.content = content
+        self.__originalPaths = folderPaths
+        self.folderPaths = folderPaths.copy()
+
+        self.vBoxLayout = QVBoxLayout(self.widget)
+        self.titleLabel = QLabel(title, self.widget)
+        self.contentLabel = QLabel(content, self.widget)
+        self.scrollArea = SingleDirectionScrollArea(self.widget)
+        self.scrollWidget = QWidget(self.scrollArea)
+        self.completeButton = QPushButton(self.tr('Done'), self.widget)
+        self.addFolderCard = AddFolderCard(self.scrollWidget)
+        self.folderCards = [FolderCard(i, self.scrollWidget)
+                            for i in folderPaths]
+        self.__initWidget()
+
+    def __initWidget(self):
+        """ initialize widgets """
+        self.__setQss()
+
+        w = max(self.titleLabel.width()+48, self.contentLabel.width()+48, 352)
+        self.widget.setFixedWidth(w)
+        self.scrollArea.resize(294, 72)
+        self.scrollWidget.resize(292, 72)
+        self.scrollArea.setFixedWidth(294)
+        self.scrollWidget.setFixedWidth(292)
+        self.scrollArea.setMaximumHeight(400)
+        self.scrollArea.setViewportMargins(0, 0, 0, 0)
+        self.scrollArea.setWidgetResizable(True)
+        self.scrollArea.setWidget(self.scrollWidget)
+        self.scrollArea.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
+        self.scrollArea.hScrollBar.setForceHidden(True)
+        self.__initLayout()
+
+        # connect signal to slot
+        self.addFolderCard.clicked.connect(self.__showFileDialog)
+        self.completeButton.clicked.connect(self.__onButtonClicked)
+        for card in self.folderCards:
+            card.clicked.connect(self.__showDeleteFolderCardDialog)
+
+    def __initLayout(self):
+        """ initialize layout """
+        self.vBoxLayout.setContentsMargins(24, 24, 24, 24)
+        self.vBoxLayout.setSizeConstraint(QVBoxLayout.SetFixedSize)
+        self.vBoxLayout.setAlignment(Qt.AlignTop)
+        self.vBoxLayout.setSpacing(0)
+
+        # labels
+        layout_1 = QVBoxLayout()
+        layout_1.setContentsMargins(0, 0, 0, 0)
+        layout_1.setSpacing(6)
+        layout_1.addWidget(self.titleLabel, 0, Qt.AlignTop)
+        layout_1.addWidget(self.contentLabel, 0, Qt.AlignTop)
+        self.vBoxLayout.addLayout(layout_1, 0)
+        self.vBoxLayout.addSpacing(12)
+
+        # cards
+        layout_2 = QHBoxLayout()
+        layout_2.setAlignment(Qt.AlignCenter)
+        layout_2.setContentsMargins(4, 0, 4, 0)
+        layout_2.addWidget(self.scrollArea, 0, Qt.AlignCenter)
+        self.vBoxLayout.addLayout(layout_2, 1)
+        self.vBoxLayout.addSpacing(24)
+
+        self.scrollLayout = QVBoxLayout(self.scrollWidget)
+        self.scrollLayout.setAlignment(Qt.AlignTop)
+        self.scrollLayout.setContentsMargins(0, 0, 0, 0)
+        self.scrollLayout.setSpacing(8)
+        self.scrollLayout.addWidget(self.addFolderCard, 0, Qt.AlignTop)
+        for card in self.folderCards:
+            self.scrollLayout.addWidget(card, 0, Qt.AlignTop)
+
+        # buttons
+        layout_3 = QHBoxLayout()
+        layout_3.setContentsMargins(0, 0, 0, 0)
+        layout_3.addStretch(1)
+        layout_3.addWidget(self.completeButton)
+        self.vBoxLayout.addLayout(layout_3, 0)
+
+        self.__adjustWidgetSize()
+
+    def __showFileDialog(self):
+        """ show file dialog to select folder """
+        path = QFileDialog.getExistingDirectory(
+            self, self.tr("Choose folder"), "./")
+
+        if not path or path in self.folderPaths:
+            return
+
+        # create folder card
+        card = FolderCard(path, self.scrollWidget)
+        self.scrollLayout.addWidget(card, 0, Qt.AlignTop)
+        card.clicked.connect(self.__showDeleteFolderCardDialog)
+        card.show()
+
+        self.folderPaths.append(path)
+        self.folderCards.append(card)
+
+        self.__adjustWidgetSize()
+
+    def __showDeleteFolderCardDialog(self):
+        """ show delete folder card dialog """
+        sender = self.sender()
+        title = self.tr('Are you sure you want to delete the folder?')
+        content = self.tr("If you delete the ") + f'"{sender.folderName}"' + \
+            self.tr(" folder and remove it from the list, the folder will no "
+                    "longer appear in the list, but will not be deleted.")
+        dialog = Dialog(title, content, self.window())
+        dialog.yesSignal.connect(lambda: self.__deleteFolderCard(sender))
+        dialog.exec_()
+
+    def __deleteFolderCard(self, folderCard):
+        """ delete selected folder card """
+        self.scrollLayout.removeWidget(folderCard)
+        index = self.folderCards.index(folderCard)
+        self.folderCards.pop(index)
+        self.folderPaths.pop(index)
+        folderCard.deleteLater()
+
+        # adjust height
+        self.__adjustWidgetSize()
+
+    def __setQss(self):
+        """ set style sheet """
+        self.titleLabel.setObjectName('titleLabel')
+        self.contentLabel.setObjectName('contentLabel')
+        self.completeButton.setObjectName('completeButton')
+        self.scrollWidget.setObjectName('scrollWidget')
+
+        FluentStyleSheet.FOLDER_LIST_DIALOG.apply(self)
+        self.setStyle(QApplication.style())
+
+        self.titleLabel.adjustSize()
+        self.contentLabel.adjustSize()
+        self.completeButton.adjustSize()
+
+    def __onButtonClicked(self):
+        """ done button clicked slot """
+        if sorted(self.__originalPaths) != sorted(self.folderPaths):
+            self.setEnabled(False)
+            QApplication.processEvents()
+            self.folderChanged.emit(self.folderPaths)
+
+        self.close()
+
+    def __adjustWidgetSize(self):
+        N = len(self.folderCards)
+        h = 72*(N+1) + 8*N
+        self.scrollArea.setFixedHeight(min(h, 400))
+
+
+class ClickableWindow(QWidget):
+    """ Clickable window """
+
+    clicked = Signal()
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        self.setAttribute(Qt.WA_TranslucentBackground)
+        self.setWindowFlags(Qt.FramelessWindowHint)
+        self.setFixedSize(292, 72)
+        self._isPressed = None
+        self._isEnter = False
+
+    def enterEvent(self, e):
+        self._isEnter = True
+        self.update()
+
+    def leaveEvent(self, e):
+        self._isEnter = False
+        self.update()
+
+    def mouseReleaseEvent(self, e):
+        self._isPressed = False
+        self.update()
+        if e.button() == Qt.LeftButton:
+            self.clicked.emit()
+
+    def mousePressEvent(self, e: QMouseEvent):
+        self._isPressed = True
+        self.update()
+
+    def paintEvent(self, e):
+        """ paint window """
+        painter = QPainter(self)
+        painter.setRenderHints(QPainter.Antialiasing)
+
+        isDark = isDarkTheme()
+        bg = 51 if isDark else 204
+        brush = QBrush(QColor(bg, bg, bg))
+        painter.setPen(Qt.NoPen)
+
+        if not self._isEnter:
+            painter.setBrush(brush)
+            painter.drawRoundedRect(self.rect(), 4, 4)
+        else:
+            painter.setPen(QPen(QColor(bg, bg, bg), 2))
+            painter.drawRect(1, 1, self.width() - 2, self.height() - 2)
+            painter.setPen(Qt.NoPen)
+            if not self._isPressed:
+                bg = 24 if isDark else 230
+                brush.setColor(QColor(bg, bg, bg))
+                painter.setBrush(brush)
+                painter.drawRect(2, 2, self.width() - 4, self.height() - 4)
+            else:
+                bg = 102 if isDark else 230
+                brush.setColor(QColor(153, 153, 153))
+                painter.setBrush(brush)
+                painter.drawRoundedRect(
+                    5, 1, self.width() - 10, self.height() - 2, 2, 2)
+
+
+class FolderCard(ClickableWindow):
+    """ Folder card """
+
+    def __init__(self, folderPath: str, parent=None):
+        super().__init__(parent)
+        self.folderPath = folderPath
+        self.folderName = os.path.basename(folderPath)
+        c = getIconColor()
+        self.__closeIcon = QPixmap(f":/fastuiwidgets/images/folder_list_dialog/Close_{c}.png").scaled(
+            12, 12, Qt.KeepAspectRatio, Qt.SmoothTransformation)
+
+    def paintEvent(self, e):
+        """ paint card """
+        super().paintEvent(e)
+        painter = QPainter(self)
+        painter.setRenderHints(
+            QPainter.TextAntialiasing | QPainter.SmoothPixmapTransform | QPainter.Antialiasing)
+
+        # paint text and icon
+        color = Qt.white if isDarkTheme() else Qt.black
+        painter.setPen(color)
+        if self._isPressed:
+            self.__drawText(painter, 12, 12, 12, 10)
+            painter.drawPixmap(self.width() - 26, 18, self.__closeIcon)
+        else:
+            self.__drawText(painter, 10, 13, 10, 11)
+            painter.drawPixmap(self.width() - 24, 20, self.__closeIcon)
+
+    def __drawText(self, painter, x1, fontSize1, x2, fontSize2):
+        """ draw text """
+        # paint folder name
+        font = QFont("Microsoft YaHei")
+        font.setBold(True)
+        font.setPixelSize(fontSize1)
+        painter.setFont(font)
+        name = QFontMetrics(font).elidedText(
+            self.folderName, Qt.ElideRight, self.width()-48)
+        painter.drawText(x1, 30, name)
+
+        # paint folder path
+        font = QFont("Microsoft YaHei")
+        font.setPixelSize(fontSize2)
+        painter.setFont(font)
+        path = QFontMetrics(font).elidedText(
+            self.folderPath, Qt.ElideRight, self.width()-24)
+        painter.drawText(x2, 37, self.width() - 16, 18, Qt.AlignLeft, path)
+
+
+class AddFolderCard(ClickableWindow):
+    """ Add folder card """
+
+    def __init__(self, parent=None):
+        super().__init__(parent)
+        c = getIconColor()
+        self.__iconPix = QPixmap(f":/fastuiwidgets/images/folder_list_dialog/Add_{c}.png").scaled(
+            22, 22, Qt.KeepAspectRatio, Qt.SmoothTransformation)
+
+    def paintEvent(self, e):
+        """ paint card """
+        super().paintEvent(e)
+        painter = QPainter(self)
+        w = self.width()
+        h = self.height()
+        pw = self.__iconPix.width()
+        ph = self.__iconPix.height()
+        if not self._isPressed:
+            painter.drawPixmap(
+                int(w/2 - pw/2), int(h/2 - ph/2), self.__iconPix)
+        else:
+            painter.drawPixmap(
+                int(w/2 - (pw - 4)/2), int(h/2 - (ph - 4)/2), pw - 4, ph - 4, self.__iconPix)

fastuiwidgets/components/dialog_box/mask_dialog_base.py

@@ -0,0 +1,120 @@
+# coding:utf-8
+from PySide6.QtCore import QEasingCurve, QPropertyAnimation, Qt, QEvent, QPoint
+from PySide6.QtGui import QColor, QResizeEvent
+from PySide6.QtWidgets import (QDialog, QGraphicsDropShadowEffect,
+                             QGraphicsOpacityEffect, QHBoxLayout, QWidget, QFrame)
+
+from ...common.config import isDarkTheme
+
+
+class MaskDialogBase(QDialog):
+    """ Dialog box base class with a mask """
+
+    def __init__(self, parent=None):
+        super().__init__(parent=parent)
+        self._isClosableOnMaskClicked = False
+        self._isDraggable = False
+        self._dragPos = QPoint()
+        self._hBoxLayout = QHBoxLayout(self)
+        self.windowMask = QWidget(self)
+
+        # dialog box in the center of mask, all widgets take it as parent
+        self.widget = QFrame(self, objectName='centerWidget')
+        self.setWindowFlags(Qt.FramelessWindowHint)
+        self.setAttribute(Qt.WA_TranslucentBackground)
+        self.setGeometry(0, 0, parent.width(), parent.height())
+
+        c = 0 if isDarkTheme() else 255
+        self.windowMask.resize(self.size())
+        self.windowMask.setStyleSheet(f'background:rgba({c}, {c}, {c}, 0.6)')
+        self._hBoxLayout.addWidget(self.widget)
+        self.setShadowEffect()
+
+        self.window().installEventFilter(self)
+        self.windowMask.installEventFilter(self)
+        self.widget.installEventFilter(self)
+
+    def setShadowEffect(self, blurRadius=60, offset=(0, 10), color=QColor(0, 0, 0, 100)):
+        """ add shadow to dialog """
+        shadowEffect = QGraphicsDropShadowEffect(self.widget)
+        shadowEffect.setBlurRadius(blurRadius)
+        shadowEffect.setOffset(*offset)
+        shadowEffect.setColor(color)
+        self.widget.setGraphicsEffect(None)
+        self.widget.setGraphicsEffect(shadowEffect)
+
+    def setMaskColor(self, color: QColor):
+        """ set the color of mask """
+        self.windowMask.setStyleSheet(f"""
+            background: rgba({color.red()}, {color.green()}, {color.blue()}, {color.alpha()})
+        """)
+
+    def showEvent(self, e):
+        """ fade in """
+        opacityEffect = QGraphicsOpacityEffect(self)
+        self.setGraphicsEffect(opacityEffect)
+        opacityAni = QPropertyAnimation(opacityEffect, b'opacity', self)
+        opacityAni.setStartValue(0)
+        opacityAni.setEndValue(1)
+        opacityAni.setDuration(200)
+        opacityAni.setEasingCurve(QEasingCurve.InSine)
+        opacityAni.finished.connect(lambda: self.setGraphicsEffect(None))
+        opacityAni.start()
+        super().showEvent(e)
+
+    def done(self, code):
+        """ fade out """
+        self.widget.setGraphicsEffect(None)
+        opacityEffect = QGraphicsOpacityEffect(self)
+        self.setGraphicsEffect(opacityEffect)
+        opacityAni = QPropertyAnimation(opacityEffect, b'opacity', self)
+        opacityAni.setStartValue(1)
+        opacityAni.setEndValue(0)
+        opacityAni.setDuration(100)
+        opacityAni.finished.connect(lambda: self._onDone(code))
+        opacityAni.start()
+
+    def _onDone(self, code):
+        self.setGraphicsEffect(None)
+        QDialog.done(self, code)
+
+    def isClosableOnMaskClicked(self):
+        return self._isClosableOnMaskClicked
+
+    def setClosableOnMaskClicked(self, isClosable: bool):
+        self._isClosableOnMaskClicked = isClosable
+
+    def setDraggable(self, draggable: bool):
+        self._isDraggable = draggable
+
+    def isDraggable(self) -> bool:
+        return self._isDraggable
+
+    def resizeEvent(self, e):
+        self.windowMask.resize(self.size())
+
+    def eventFilter(self, obj, e: QEvent):
+        if obj is self.window():
+            if e.type() == QEvent.Resize:
+                re = QResizeEvent(e)
+                self.resize(re.size())
+        elif obj is self.windowMask:
+            if e.type() == QEvent.MouseButtonRelease and e.button() == Qt.LeftButton \
+                    and self.isClosableOnMaskClicked():
+                self.reject()
+        elif obj is self.widget and self.isDraggable():
+            if e.type() == QEvent.MouseButtonPress and e.button() == Qt.LeftButton:
+                if not self.widget.childrenRegion().contains(e.pos()):
+                    self._dragPos = e.pos()
+                    return True
+            elif e.type() == QEvent.MouseMove and not self._dragPos.isNull():
+                pos = self.widget.pos() + e.pos() - self._dragPos
+                pos.setX(max(0, min(pos.x(), self.width() - self.widget.width())))
+                pos.setY(max(0, min(pos.y(), self.height() - self.widget.height())))
+
+                self.widget.move(pos)
+                return True
+            elif e.type() == QEvent.MouseButtonRelease:
+                self._dragPos = QPoint()
+
+        return super().eventFilter(obj, e)

fastuiwidgets/components/dialog_box/message_box_base.py

@@ -0,0 +1,92 @@
+# coding:utf-8
+from PySide6.QtCore import Qt, Signal
+from PySide6.QtGui import QColor
+from PySide6.QtWidgets import QFrame, QVBoxLayout, QHBoxLayout, QPushButton
+
+from ...common.style_sheet import FluentStyleSheet
+from ..widgets.button import PrimaryPushButton
+
+from .mask_dialog_base import MaskDialogBase
+
+
+class MessageBoxBase(MaskDialogBase):
+    """ Message box base """
+
+    def __init__(self, parent=None):
+        super().__init__(parent=parent)
+        self.buttonGroup = QFrame(self.widget)
+        self.yesButton = PrimaryPushButton(self.tr('OK'), self.buttonGroup)
+        self.cancelButton = QPushButton(self.tr('Cancel'), self.buttonGroup)
+
+        self.vBoxLayout = QVBoxLayout(self.widget)
+        self.viewLayout = QVBoxLayout()
+        self.buttonLayout = QHBoxLayout(self.buttonGroup)
+
+        self.__initWidget()
+
+    def __initWidget(self):
+        self.__setQss()
+        self.__initLayout()
+
+        self.setShadowEffect(60, (0, 10), QColor(0, 0, 0, 50))
+        self.setMaskColor(QColor(0, 0, 0, 76))
+
+        # fixes https://github.com/NumBNN/Python-FastUI-Widgets/issues/19
+        self.yesButton.setAttribute(Qt.WA_LayoutUsesWidgetRect)
+        self.cancelButton.setAttribute(Qt.WA_LayoutUsesWidgetRect)
+        
+        self.yesButton.setAttribute(Qt.WA_MacShowFocusRect, False)
+
+        self.yesButton.setFocus()
+        self.buttonGroup.setFixedHeight(81)
+
+        self.yesButton.clicked.connect(self.__onYesButtonClicked)
+        self.cancelButton.clicked.connect(self.__onCancelButtonClicked)
+
+    def __initLayout(self):
+        self._hBoxLayout.removeWidget(self.widget)
+        self._hBoxLayout.addWidget(self.widget, 1, Qt.AlignCenter)
+
+        self.vBoxLayout.setSpacing(0)
+        self.vBoxLayout.setContentsMargins(0, 0, 0, 0)
+        self.vBoxLayout.addLayout(self.viewLayout, 1)
+        self.vBoxLayout.addWidget(self.buttonGroup, 0, Qt.AlignBottom)
+
+        self.viewLayout.setSpacing(12)
+        self.viewLayout.setContentsMargins(24, 24, 24, 24)
+
+        self.buttonLayout.setSpacing(12)
+        self.buttonLayout.setContentsMargins(24, 24, 24, 24)
+        self.buttonLayout.addWidget(self.yesButton, 1, Qt.AlignVCenter)
+        self.buttonLayout.addWidget(self.cancelButton, 1, Qt.AlignVCenter)
+
+    def validate(self) -> bool:
+        """ validate the data of form before closing dialog
+
+        Returns
+        -------
+        isValid: bool
+            whether the data of form is legal
+        """
+        return True
+
+    def __onCancelButtonClicked(self):
+        self.reject()
+
+    def __onYesButtonClicked(self):
+        if self.validate():
+            self.accept()
+
+    def __setQss(self):
+        self.buttonGroup.setObjectName('buttonGroup')
+        self.cancelButton.setObjectName('cancelButton')
+        FluentStyleSheet.DIALOG.apply(self)
+
+    def hideYesButton(self):
+        self.yesButton.hide()
+        self.buttonLayout.insertStretch(0, 1)
+
+    def hideCancelButton(self):
+        self.cancelButton.hide()
+        self.buttonLayout.insertStretch(0, 1)
+