From afeeb57631e48e542e078143495c18730dc6d964 Mon Sep 17 00:00:00 2001
From: Pat Hartl <pat@pathar.tl>
Date: Sat, 12 Oct 2024 02:51:15 -0500
Subject: [PATCH] refacotr(module: space): Add space string constants (#4263)

* Add string constants for space size

* Add align constants

* Update docs
---
 components/space/Space.razor.cs                    |  4 ++--
 components/space/SpaceItem.razor.cs                |  6 +++---
 components/space/types/SpaceAlign.cs               | 14 ++++++++++++++
 components/space/types/SpaceSize.cs                | 13 +++++++++++++
 .../Demos/Components/Space/demo/Align.razor        |  8 ++++----
 .../Demos/Components/Space/demo/Size.razor         |  8 ++++----
 6 files changed, 40 insertions(+), 13 deletions(-)
 create mode 100644 components/space/types/SpaceAlign.cs
 create mode 100644 components/space/types/SpaceSize.cs

diff --git a/components/space/Space.razor.cs b/components/space/Space.razor.cs
index ef48e560c..5f6078203 100644
--- a/components/space/Space.razor.cs
+++ b/components/space/Space.razor.cs
@@ -71,11 +71,11 @@ namespace AntDesign
 
         private readonly IList<SpaceItem> _items = new List<SpaceItem>();
 
-        private bool HasAlign => Align.IsIn("start", "end", "center", "baseline");
+        private bool HasAlign => Align.IsIn(SpaceAlign.Start, SpaceAlign.End, SpaceAlign.Center, SpaceAlign.Baseline);
 
         private const string PrefixCls = "ant-space";
 
-        private OneOf<string, (string, string)> _size = "small";
+        private OneOf<string, (string, string)> _size = SpaceSize.Small;
 
         private string InnerStyle => Wrap && Direction == DirectionVHType.Horizontal ? "flex-wrap: wrap;" : "";
 
diff --git a/components/space/SpaceItem.razor.cs b/components/space/SpaceItem.razor.cs
index c2e3c9eae..a0640c2c1 100644
--- a/components/space/SpaceItem.razor.cs
+++ b/components/space/SpaceItem.razor.cs
@@ -23,9 +23,9 @@ namespace AntDesign
 
         private static readonly Dictionary<string, string> _spaceSize = new()
         {
-            ["small"] = "8",
-            ["middle"] = "16",
-            ["large"] = "24"
+            [SpaceSize.Small] = "8",
+            [SpaceSize.Middle] = "16",
+            [SpaceSize.Large] = "24"
         };
 
         private string _marginStyle = "";
diff --git a/components/space/types/SpaceAlign.cs b/components/space/types/SpaceAlign.cs
new file mode 100644
index 000000000..d445aaee7
--- /dev/null
+++ b/components/space/types/SpaceAlign.cs
@@ -0,0 +1,14 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace AntDesign
+{
+    public sealed class SpaceAlign
+    {
+        public static readonly string Start = "start";
+        public static readonly string End = "end";
+        public static readonly string Center = "center";
+        public static readonly string Baseline = "baseline";
+    }
+}
diff --git a/components/space/types/SpaceSize.cs b/components/space/types/SpaceSize.cs
new file mode 100644
index 000000000..9fc651c6b
--- /dev/null
+++ b/components/space/types/SpaceSize.cs
@@ -0,0 +1,13 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace AntDesign
+{
+    public sealed class SpaceSize
+    {
+        public static readonly string Small = "small";
+        public static readonly string Middle = "middle";
+        public static readonly string Large = "large";
+    }
+}
diff --git a/site/AntDesign.Docs/Demos/Components/Space/demo/Align.razor b/site/AntDesign.Docs/Demos/Components/Space/demo/Align.razor
index 6617389bf..4e362fd66 100644
--- a/site/AntDesign.Docs/Demos/Components/Space/demo/Align.razor
+++ b/site/AntDesign.Docs/Demos/Components/Space/demo/Align.razor
@@ -1,6 +1,6 @@
 <div class="space-align-container">
     <div class="space-align-block">
-        <Space Align="center">
+        <Space Align="@SpaceAlign.Center">
             <SpaceItem>
                 center
             </SpaceItem>
@@ -13,7 +13,7 @@
         </Space>
     </div>
     <div class="space-align-block">
-        <Space Align="start">
+        <Space Align="@SpaceAlign.Start">
             <SpaceItem>
                 start
             </SpaceItem>
@@ -26,7 +26,7 @@
         </Space>
     </div>
     <div class="space-align-block">
-        <Space Align="end">
+        <Space Align="@SpaceAlign.End">
             <SpaceItem>
                 end
                 <Button Type="primary">Primary</Button>
@@ -37,7 +37,7 @@
         </Space>
     </div>
     <div class="space-align-block">
-        <Space Align="baseline">
+        <Space Align="@SpaceAlign.Baseline">
             <SpaceItem>
                 baseline
                 <Button Type="primary">Primary</Button>
diff --git a/site/AntDesign.Docs/Demos/Components/Space/demo/Size.razor b/site/AntDesign.Docs/Demos/Components/Space/demo/Size.razor
index c10269ff4..796a81c08 100644
--- a/site/AntDesign.Docs/Demos/Components/Space/demo/Size.razor
+++ b/site/AntDesign.Docs/Demos/Components/Space/demo/Size.razor
@@ -1,7 +1,7 @@
 <RadioGroup @bind-Value=@size OnChange="e=> setSize(e)" TValue="string">
-    <Radio Value="@("small")">Small</Radio>
-    <Radio Value="@("middle")">Middle</Radio>
-    <Radio Value="@("large")">Large</Radio>
+    <Radio Value="@SpaceSize.Small">Small</Radio>
+    <Radio Value="@SpaceSize.Middle">Middle</Radio>
+    <Radio Value="@SpaceSize.Large">Large</Radio>
 </RadioGroup>
 <br />
 <br />
@@ -21,7 +21,7 @@
 </Space>
 
 @code {
-    string size = "small";
+    string size = SpaceSize.Small;
     void setSize(string value)
     {
         size = value;