fix(checkbox): add boolean emission prop (#792)

vcync · Nov 13, 2022 · e62f47a · e62f47a
1 parent 57f3658
commit e62f47a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/Control.vue b/src/components/Control.vue
@@ -48,7 +48,11 @@
         <input type="text" v-model="internalValue" />
       </div>
       <div class="input" v-else-if="type === 'bool'">
-        <Checkbox :class="{ light: !inputIsFocused }" v-model="internalValue" />
+        <Checkbox
+          :class="{ light: !inputIsFocused }"
+          v-model="internalValue"
+          :emitBoolean="true"
+        />
       </div>
       <div class="input" v-else-if="type === 'color'">
         <ColorControl

diff --git a/src/components/inputs/Checkbox.vue b/src/components/inputs/Checkbox.vue
@@ -15,6 +15,11 @@ export default {
     allowPartial: {
       type: Boolean,
       default: false
+    },
+
+    emitBoolean: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -53,7 +58,11 @@ export default {
         value = 0;
       }
 
-      this.$emit("input", value);
+      if (this.emitBoolean) {
+        this.$emit("input", Boolean(value));
+      } else {
+        this.$emit("input", value);
+      }
     }
   }
 };