library: Display center dialog only in landscape orientation for tablets

Author: YuKongA

composeApp/src/commonMain/kotlin/component/TextComponent.kt

@@ -360,7 +360,8 @@ fun dialog2(showDialog: MutableState<Boolean>) {
                         title = "Dropdown",
                         items = dropdownOptions,
                         selectedIndex = dropdownSelectedOption.value,
-                        onSelectedIndexChange = { newOption -> dropdownSelectedOption.value = newOption }
+                        onSelectedIndexChange = { newOption -> dropdownSelectedOption.value = newOption },
+                        defaultWindowInsetsPadding = false
                     )
                 }
                 Spacer(Modifier.height(12.dp))

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

@@ -3,18 +3,12 @@ package top.yukonga.miuix.kmp.extra
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.WindowInsets
-import androidx.compose.foundation.layout.WindowInsetsSides
-import androidx.compose.foundation.layout.captionBar
-import androidx.compose.foundation.layout.displayCutout
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.navigationBarsPadding
-import androidx.compose.foundation.layout.only
 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
@@ -76,11 +70,12 @@ fun SuperDialog(
     content: @Composable () -> Unit
 ) {
     val density = LocalDensity.current
+    val getWindowSize by rememberUpdatedState(getWindowSize())
+    println(getWindowSize.width.dp / density.density)
     val paddingModifier = remember(outsideMargin) { Modifier.padding(horizontal = outsideMargin.width).padding(bottom = outsideMargin.height) }
     val roundedCorner by rememberUpdatedState(getRoundedCorner())
     val bottomCornerRadius by remember { derivedStateOf { if (roundedCorner != 0.dp) roundedCorner - outsideMargin.width else 32.dp } }
-    val getWindowSize by rememberUpdatedState(getWindowSize())
-    val contentAlignment by remember { derivedStateOf { if (getWindowSize.width > getWindowSize.height || getWindowSize.width.dp / density.density > 440.dp) Alignment.Center else Alignment.BottomCenter } }
+    val contentAlignment by remember { derivedStateOf { if (getWindowSize.width > getWindowSize.height && getWindowSize.width.dp / density.density > 1200.dp) Alignment.Center else Alignment.BottomCenter } }
 
     if (!dialogStates.contains(show)) dialogStates.add(show)
     LaunchedEffect(show.value) {
@@ -99,8 +94,6 @@ fun SuperDialog(
             Modifier
                 .imePadding()
                 .navigationBarsPadding()
-                .windowInsetsPadding(WindowInsets.displayCutout.only(WindowInsetsSides.Horizontal))
-                .windowInsetsPadding(WindowInsets.captionBar.only(WindowInsetsSides.Top))
         } else {
             Modifier
         }
@@ -117,7 +110,7 @@ fun SuperDialog(
     ) {
         Column(
             modifier = modifier
-                .then(if (contentAlignment != Alignment.Center) Modifier.fillMaxWidth() else Modifier.widthIn(max = 400.dp))
+                .widthIn(max = 420.dp)
                 .pointerInput(Unit) {
                     detectTapGestures { /* Do nothing to consume the click */ }
                 }

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

@@ -53,6 +53,7 @@ import androidx.compose.ui.text.rememberTextMeasurer
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.DpSize
+import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import top.yukonga.miuix.kmp.basic.BasicComponent
@@ -191,7 +192,6 @@ fun SuperDropdown(
                     modifier = if (defaultWindowInsetsPadding) {
                         modifier
                             .windowInsetsPadding(WindowInsets.displayCutout.only(WindowInsetsSides.Horizontal))
-                            .windowInsetsPadding(WindowInsets.captionBar.only(WindowInsetsSides.Top))
                     } else {
                         modifier
                     }
@@ -206,7 +206,11 @@ fun SuperDropdown(
                 ) {
                     LazyColumn(
                         modifier = Modifier
-                            .padding(horizontal = (windowWeightPx.dp - componentWidthPx.dp) / 2 / density.density)
+                            .padding(
+                                horizontal = (windowWeightPx.dp - componentWidthPx.dp) / 2 / density.density - if (defaultWindowInsetsPadding)
+                                    (WindowInsets.displayCutout.asPaddingValues(density).calculateLeftPadding(LayoutDirection.Ltr) +
+                                            WindowInsets.displayCutout.asPaddingValues(density).calculateRightPadding(LayoutDirection.Ltr)) / 2 else 0.dp
+                            )
                             .onGloballyPositioned { layoutCoordinates ->
                                 dropdownHeightPx = layoutCoordinates.size.height
                                 offsetPx = calculateOffsetPx(