From b3184291bf747e1fef8e39aa1003952bb8b4b7fc Mon Sep 17 00:00:00 2001
From: koory1st <32436334@qq.com>
Date: Sat, 9 Mar 2024 08:40:12 +0800
Subject: [PATCH] fix(switch): activeAction

---
 docs/src/routes/component/switch/+page.svelte | 17 +++++++++++++----
 packages/switch/src/lib/switch.svelte         |  4 ++++
 packages/switch/src/routes/+page.svelte       |  4 ++--
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/docs/src/routes/component/switch/+page.svelte b/docs/src/routes/component/switch/+page.svelte
index ac1541d..5818465 100644
--- a/docs/src/routes/component/switch/+page.svelte
+++ b/docs/src/routes/component/switch/+page.svelte
@@ -188,8 +188,8 @@
 
 <Example
   code={`
-  <SvelSwitch bind:value={value5} loading />
-  <SvelSwitch class="ml-2" loading />
+<SvelSwitch bind:value={value5} loading />
+<SvelSwitch class="ml-2" loading />
 `}
 >
   <SvelSwitch bind:value={value5} loading />
@@ -226,8 +226,8 @@
     });
   };
 @@@/>
-  <SvelSwitch beforeChange={beforeChange1} bind:value={value6} loading={loading1} />
-  <SvelSwitch beforeChange={beforeChange2} bind:value={value7} loading={loading2} />
+<SvelSwitch beforeChange={beforeChange1} bind:value={value6} loading={loading1} />
+<SvelSwitch beforeChange={beforeChange2} bind:value={value7} loading={loading2} />
 `}
 >
   <SvelSwitch beforeChange={beforeChange1} bind:value={value6} loading={loading1} />
@@ -239,12 +239,21 @@
 
 <Example
   code={`
+<SvelSwitch>
+  <View slot="activeActionIcon" />
+  <Hide slot="inactiveActionIcon" />
+</SvelSwitch>
 `}
 >
   <SvelSwitch>
     <View slot="activeActionIcon" />
     <Hide slot="inactiveActionIcon" />
   </SvelSwitch>
+
+  <SvelSwitch>
+    <span slot="activeAction">T</span>
+    <span slot="inactiveAction">F</span>
+  </SvelSwitch>
 </Example>
 
 <style>
diff --git a/packages/switch/src/lib/switch.svelte b/packages/switch/src/lib/switch.svelte
index 42c0cb7..18194fe 100644
--- a/packages/switch/src/lib/switch.svelte
+++ b/packages/switch/src/lib/switch.svelte
@@ -165,10 +165,14 @@
         <SvelIcon>
           <slot name="activeActionIcon" />
         </SvelIcon>
+      {:else if $$slots.activeAction && checked}
+        <slot name="activeAction" />
       {:else if $$slots.inactiveActionIcon && !checked}
         <SvelIcon>
           <slot name="inactiveActionIcon" />
         </SvelIcon>
+      {:else if $$slots.inactiveAction && !checked}
+        <slot name="inactiveAction" />
       {/if}
     </div>
   </span>
diff --git a/packages/switch/src/routes/+page.svelte b/packages/switch/src/routes/+page.svelte
index 4e77ff1..7d439dd 100644
--- a/packages/switch/src/routes/+page.svelte
+++ b/packages/switch/src/routes/+page.svelte
@@ -87,8 +87,8 @@
 
 <div />
 <SvelSwitch bind:value>
-  <span slot="activeActionIcon">T</span>
-  <span slot="inactiveActionIcon">F</span>
+  <span slot="activeAction">T</span>
+  <span slot="inactiveAction">F</span>
 </SvelSwitch>
 
 <SvelSwitch bind:focus bind:value />