feat: 🎸 [JIRA:HCPSDKFIORIUIKIT-2716]Step Progress Indicator

Apps/Examples/Examples/FioriSwiftUICore/StepProgressIndicator/StepProgressIndicatorExample.swift

@@ -79,6 +79,7 @@ struct SPIExampleWithIcon: View {
                     }
                 }
             }
+            .stepProgressIndicatorNodeType(.icon)
             Spacer().padding(20)
             Button {
                 self.completeStep()

Sources/FioriSwiftUICore/Views/StepProgressIndicator/StepItem.swift

@@ -14,3 +14,13 @@ public protocol StepItem {
     /// Node icon.
     var icon: Image? { get }
 }
+
+/// Node of Step Progress Indicator display type, default is `mixture`.
+public enum StepProgressIndicatorNodeType {
+    /// Text and icon.
+    case mixture
+    /// Only text.
+    case text
+    /// Only icon.
+    case icon
+}

Sources/FioriSwiftUICore/Views/StepProgressIndicator/StepsEnvironment.swift

@@ -22,6 +22,26 @@ extension EnvironmentValues {
     }
 }
 
+struct StepProgressIndicatorNodeTypeKey: EnvironmentKey {
+    static let defaultValue: StepProgressIndicatorNodeType = .mixture
+}
+
+extension EnvironmentValues {
+    var stepProgressIndicatorNodeType: StepProgressIndicatorNodeType {
+        get { self[StepProgressIndicatorNodeTypeKey.self] }
+        set { self[StepProgressIndicatorNodeTypeKey.self] = newValue }
+    }
+}
+
+public extension View {
+    /// The style of the node of `StepProgressIndicator`.
+    /// - Parameter type: `StepProgressIndicatorNodeType` enum values.
+    /// - Returns: A new `StepProgressIndicator` with specific node.
+    func stepProgressIndicatorNodeType(_ type: StepProgressIndicatorNodeType) -> some View {
+        self.environment(\.stepProgressIndicatorNodeType, type)
+    }
+}
+
 public extension View {
     /// Step style for `StepProgressIndicator`.
     /// - Parameter style: Style for `StepProgressIndicator`.

Sources/FioriSwiftUICore/Views/StepProgressIndicator/_DefaultSteps.swift

@@ -52,6 +52,7 @@ struct DefaultSingleStep: View {
     @Environment(\.dynamicTypeSize) var dynamicTypeSize
     @Environment(\.stepAxis) var stepAxis
     @Environment(\.stepFrames) var stepFrames
+    @Environment(\.stepProgressIndicatorNodeType) var type
 
     var stepItem: StepItem
     @Binding var selection: String
@@ -98,11 +99,23 @@ struct DefaultSingleStep: View {
             } node: {
                 ZStack {
                     self.node(by: self.stepItem.state, isSelected: isSelected)
-                    if self.stepItem.icon.isEmpty {
+                    switch self.type {
+                    case .mixture:
+                        if self.stepItem.icon.isEmpty {
+                            Text("\(self.index + 1)")
+                                .font(Font.fiori(forTextStyle: .footnote))
+                        } else {
+                            self.stepItem.icon
+                        }
+                    case .icon:
+                        if self.stepItem.icon.isEmpty {
+                            Image(systemName: "app.dashed")
+                        } else {
+                            self.stepItem.icon
+                        }
+                    case .text:
                         Text("\(self.index + 1)")
                             .font(Font.fiori(forTextStyle: .footnote))
-                    } else {
-                        self.stepItem.icon
                     }
                 }
                 .frame(width: self.sideLength, height: self.sideLength)