Rename StyleScope.padding to margin and ensure its visual consistency on desktop and web

Author: ShreckYe

compose-multiplatform-common/src/commonMain/kotlin/com/huanshankeji/compose/ui/ModifierOrAttrsScope.kt

@@ -12,7 +12,7 @@ expect class ModifierOrAttrsScope<out TElement : Element> {
 }
 
 expect class StyleScope {
-    fun padding(value: SizeValue)
+    fun margin(value: SizeValue)
 }
 
 /*

compose-multiplatform-common/src/jsMain/kotlin/com/huanshankeji/compose/ui/ModifierOrAttrsScope.kt

@@ -2,7 +2,7 @@ package com.huanshankeji.compose.ui
 
 import com.huanshankeji.compose.ui.unit.SizeValue
 import org.jetbrains.compose.web.attributes.AttrsScope
-import org.jetbrains.compose.web.css.padding
+import org.jetbrains.compose.web.css.margin
 import org.jetbrains.compose.web.dom.AttrBuilderContext
 import org.w3c.dom.HTMLElement
 
@@ -20,6 +20,6 @@ actual class ModifierOrAttrsScope<out TElement : Element>(val attrsScope: AttrsS
 }
 
 actual class StyleScope(val styleScope: org.jetbrains.compose.web.css.StyleScope) {
-    actual fun padding(value: SizeValue) =
-        styleScope.padding(value.platformValue)
+    actual fun margin(value: SizeValue) =
+        styleScope.margin(value.platformValue)
 }

compose-multiplatform-common/src/jvmMain/kotlin/com/huanshankeji/compose/ui/ModifierOrAttrsScopeJvm.kt

@@ -30,7 +30,7 @@ actual class ModifierOrAttrsScope<out TElement : Element>(modifier: Modifier) {
 }
 
 actual class StyleScope(val modifierOrAttrsScope: ModifierOrAttrsScope<*>) {
-    actual fun padding(value: SizeValue) = modifierOrAttrsScope.modify {
+    actual fun margin(value: SizeValue) = modifierOrAttrsScope.modify {
         padding(value.platformValue)
     }
 }

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

@@ -21,7 +21,7 @@ fun App() {
     }) {
         Card({
             style {
-                padding(16.dpOrPx)
+                margin(16.dpOrPx)
             }
         }) {
             Column {
@@ -40,7 +40,7 @@ fun App() {
 
                 Box({
                     style {
-                        padding(16.dpOrPx)
+                        margin(16.dpOrPx)
                     }
                 }) {
                     List {