library: Only one dropdown/dialog is allowed to be displayed at a time.

Author: YuKongA

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDialog.kt

@@ -16,9 +16,11 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.widthIn
 import androidx.compose.foundation.layout.windowInsetsPadding
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.derivedStateOf
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateListOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberUpdatedState
 import androidx.compose.ui.Alignment
@@ -41,6 +43,11 @@ import top.yukonga.miuix.kmp.utils.getRoundedCorner
 import top.yukonga.miuix.kmp.utils.getWindowSize
 import top.yukonga.miuix.kmp.utils.squircleshape.SquircleShape
 
+/**
+ * Only one dialog is allowed to be displayed at a time.
+ */
+val dialogStates = mutableStateListOf<MutableState<Boolean>>()
+
 /**
  * A dialog with a title, a summary, and a content.
  *
@@ -80,6 +87,18 @@ fun SuperDialog(
     val getWindowSize by rememberUpdatedState(getWindowSize())
     val contentAlignment by remember { derivedStateOf { if (getWindowSize.width > getWindowSize.height) Alignment.Center else Alignment.BottomCenter } }
 
+    if (!dialogStates.contains(show)) dialogStates.add(show)
+
+    LaunchedEffect(show.value) {
+        if (show.value) {
+            dialogStates.forEach { state ->
+                if (state != show) {
+                    state.value = false
+                }
+            }
+        }
+    }
+
     BackHandler(enabled = show.value) {
         dismissDialog()
         onDismissRequest()

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDropdown.kt

@@ -27,8 +27,10 @@ import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.layout.windowInsetsPadding
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateListOf
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
@@ -77,6 +79,11 @@ import kotlin.math.roundToInt
  */
 expect fun modifierPlatform(modifier: Modifier, isHovered: MutableState<Boolean>, isEnable: Boolean): Modifier
 
+/**
+ * Only one dropdown is allowed to be displayed at a time.
+ */
+val dropdownStates = mutableStateListOf<MutableState<Boolean>>()
+
 /**
  * A dropdown with a title and a summary.
  *
@@ -150,6 +157,18 @@ fun SuperDropdown(
         with(density) { insideMargin.height.toPx() }.roundToInt()
     )
 
+    if (!dropdownStates.contains(isDropdownExpanded)) dropdownStates.add(isDropdownExpanded)
+
+    LaunchedEffect(isDropdownExpanded.value) {
+        if (isDropdownExpanded.value) {
+            dropdownStates.forEach { state ->
+                if (state != isDropdownExpanded) {
+                    state.value = false
+                }
+            }
+        }
+    }
+
     BasicComponent(
         modifier = modifierPlatform(modifier = Modifier, isHovered = isHovered, isEnable = enabled)
             .background(if (isHovered.value) MiuixTheme.colorScheme.onBackground.copy(0.08f) else Color.Transparent)