Add an isInteractiveJs parameter to ListItemComponents

Author: ShreckYe

compose-multiplatform-material3/src/commonMain/kotlin/com/huanshankeji/compose/material3/lazy/ext/List.kt

@@ -31,8 +31,14 @@ expect class ListScope {
 
 expect class ItemScope
 
+/**
+ * @param isInteractiveJs whether the item is interactive on JS DOM,
+ * aka whether it shows effects when the mouse pointer hovers above it or when it gets clicked.
+ * On the `androidx.compose` targets, use `Modifier.clickable` for the same effect.
+ */
 class ListItemComponents(
     val contentModifier: Modifier = Modifier,
+    val isInteractiveJs: Boolean,
     val headline: @Composable (Modifier) -> Unit,
     val start: @Composable ((Modifier) -> Unit)? = null,
     val end: @Composable ((Modifier) -> Unit)? = null,
@@ -42,6 +48,7 @@ class ListItemComponents(
 ) {
     constructor(
         contentModifier: Modifier = Modifier,
+        isInteractiveJs: Boolean,
         headline: String,
         start: Icon? = null,
         end: Icon? = null,
@@ -50,6 +57,7 @@ class ListItemComponents(
         overline: String? = null
     ) : this(
         contentModifier,
+        isInteractiveJs,
         headline.toTextWithModifier(),
         start.toNullableContentWithModifier(),
         end.toNullableContentWithModifier(),

compose-multiplatform-material3/src/jsMain/kotlin/com/huanshankeji/compose/material3/lazy/ext/List.js.kt

@@ -4,6 +4,7 @@ import androidx.compose.runtime.Composable
 import com.huanshankeji.compose.foundation.verticalScrollPlatformModifier
 import com.huanshankeji.compose.html.material3.MdList
 import com.huanshankeji.compose.html.material3.MdListItemScope
+import com.huanshankeji.compose.html.material3.MdListItemType
 import com.huanshankeji.compose.html.material3.MdListScope
 import com.huanshankeji.compose.runtime.DeferredComposableRunner
 import com.huanshankeji.compose.ui.Modifier
@@ -39,9 +40,12 @@ actual class ListScope(val mdListScope: MdListScope) {
 
 
     @Composable
-    private fun ListItem(content: ListItemComponents) =
-        mdListScope.MdListItem(attrs = content.contentModifier.toAttrs()) {
-            contentFromComponents(content)
+    private fun ListItem(components: ListItemComponents) =
+        mdListScope.MdListItem(
+            type = if (components.isInteractiveJs) MdListItemType.Button else null,
+            attrs = components.contentModifier.toAttrs()
+        ) {
+            contentFromComponents(components)
         }