feat: support clearable option

vcjs-dev · Aug 14, 2023 · 659b790 · 659b790
1 parent 54e2377
commit 659b790
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/lib/Starscore.ts b/src/lib/Starscore.ts
@@ -21,6 +21,7 @@ class Starscore implements StarscoreInstance {
     disabledColor: '#c8c9cc',
     icon: '',
     voidIcon: '',
+    clearable: true,
     readonly: false,
     disabled: false,
     allowHalf: false,
@@ -108,7 +109,10 @@ class Starscore implements StarscoreInstance {
     if (scoreElement) {
       const scoreValue = Number(scoreElement.dataset.score)
 
-      this.setValue(scoreValue)
+      const value =
+        this.options.clearable && this.value === scoreValue ? 0 : scoreValue
+
+      this.setValue(value)
     }
   }
 

diff --git a/src/lib/interfaces/core.ts b/src/lib/interfaces/core.ts
@@ -16,6 +16,7 @@ export interface StarscoreOptions {
   icon?: string
   voidIcon?: string
   allowHalf?: boolean
+  clearable?: boolean
   readonly?: boolean
   disabled?: boolean
   scoreDetails?: StarscoreDetail[] | StarscoreDetailFn