Add a preliminary Card composable which doesn't produce consistent results on desktop and web

Author: ShreckYe

compose-multiplatform-material/src/commonMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -12,6 +12,10 @@ expect /*value*/ class ButtonScope {
 expect fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Unit)
 
 
+@Composable
+expect fun Card(content: @Composable () -> Unit)
+
+
 @Composable
 expect fun Icon(materialIcon: MaterialIcon)
 

compose-multiplatform-material/src/jsMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -5,6 +5,7 @@ import com.huanshankeji.compose.material.icon.MaterialIcon
 import dev.petuska.kmdc.button.Label
 import dev.petuska.kmdc.button.MDCButton
 import dev.petuska.kmdc.button.MDCButtonScope
+import dev.petuska.kmdc.card.MDCCard
 import dev.petuska.kmdc.icon.button.MDCIconButton
 import dev.petuska.kmdc.top.app.bar.*
 import dev.petuska.kmdcx.icons.MDCIconSpan
@@ -23,6 +24,11 @@ actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Un
     MDCButton(attrs = { onClick { onClick() } }) { ButtonScope(this).content() }
 
 
+@Composable
+actual fun Card(content: @Composable () -> Unit) =
+    MDCCard { content() }
+
+
 /**
  * There is often a better alternative of adding the CSS rule to the parent element to using this composable directly.
  */

compose-multiplatform-material/src/jvmMain/kotlin/com/huanshankeji/compose/material/Components.kt

@@ -18,6 +18,11 @@ actual fun Button(onClick: () -> Unit, content: @Composable ButtonScope.() -> Un
     androidx.compose.material.Button(onClick) { ButtonScope(this).content() }
 
 
+@Composable
+actual fun Card(content: @Composable () -> Unit) =
+    androidx.compose.material.Card { content() }
+
+
 @Composable
 actual fun Icon(materialIcon: MaterialIcon) =
     androidx.compose.material.Icon(materialIcon, null)

demo/src/commonMain/kotlin/com/huanshankeji/compose/material/demo/Composables.kt

@@ -3,6 +3,7 @@ package com.huanshankeji.compose.material.demo
 import androidx.compose.runtime.*
 import com.huanshankeji.compose.Text
 import com.huanshankeji.compose.material.Button
+import com.huanshankeji.compose.material.Card
 import com.huanshankeji.compose.material.TopAppBarScaffold
 import com.huanshankeji.compose.material.icon.MaterialIcons
 
@@ -15,9 +16,11 @@ fun App() {
     }, {
         MaterialIconActionButton({}, MaterialIcons.Search)
     }) {
-        var count by remember { mutableStateOf(0) }
-        Button({ count++ }) {
-            Label(count.toString())
+        Card {
+            var count by remember { mutableStateOf(0) }
+            Button({ count++ }) {
+                Label(count.toString())
+            }
         }
     }
 }