add uncheckedValue to fixed version

Author: xvaara

src/App.vue

@@ -482,6 +482,29 @@
             <strong>{{ checkboxes.status }}</strong>
           </div>
         </div>
+        <h4 class="m-2">array with uncheckedValue</h4>
+        <div class="m-4">
+          <b-form-checkbox
+            id="checkbox-1"
+            v-model="checkboxes.statusArray"
+            name="checkbox-1"
+            value="accepted"
+            unchecked-value="not_accepted"
+            >I accept the terms and use</b-form-checkbox
+          >
+          <b-form-checkbox
+            id="checkbox-2"
+            v-model="checkboxes.statusArray"
+            name="checkbox-2"
+            value="accepted2"
+            unchecked-value="not_accepted2"
+            >I accept the terms and use</b-form-checkbox
+          >
+          <div>
+            State:
+            <strong>{{ checkboxes.statusArray }}</strong>
+          </div>
+        </div>
         <h4 class="m-2">Individual</h4>
         <div class="row mx-4">
           <b-form-checkbox v-model="checkedDefault" class="col-4">Default</b-form-checkbox>
@@ -1929,6 +1952,7 @@ export default defineComponent({
     }
     const checkboxes = reactive({
       status: 'accepted',
+      statusArray: ['accepted'],
       selected: ['pineapple', {foo: 1}],
       options: [
         {text: 'Orange', value: 'orange'},

src/components/BFormCheckbox/BFormCheckbox.vue

@@ -64,11 +64,39 @@ export default defineComponent({
     const isFocused = ref(false)
 
     const localValue = computed({
-      get: () => props.modelValue,
+      get: () => {
+        if (props.uncheckedValue) {
+          if (!Array.isArray(props.modelValue)) {
+            return props.modelValue ? props.value : props.uncheckedValue
+          }
+          return props.modelValue.indexOf(props.value) > -1
+        }
+        return props.modelValue
+      },
       set: (newValue: any) => {
-        emit('input', newValue)
-        emit('update:modelValue', newValue)
-        emit('change', newValue)
+        let emitValue = newValue
+        console.log(newValue)
+        if (props.uncheckedValue) {
+          if (!Array.isArray(props.modelValue)) {
+            emitValue = newValue ? props.value : props.uncheckedValue
+          } else {
+            emitValue = props.modelValue
+            console.log('array', emitValue, newValue)
+            if (newValue) {
+              if (emitValue.indexOf(props.uncheckedValue) > -1)
+                emitValue.splice(emitValue.indexOf(props.uncheckedValue), 1)
+              emitValue.push(props.value)
+            } else {
+              if (emitValue.indexOf(props.value) > -1)
+                emitValue.splice(emitValue.indexOf(props.value), 1)
+              emitValue.push(props.uncheckedValue)
+            }
+          }
+        }
+        console.log(emitValue)
+        emit('input', emitValue)
+        emit('update:modelValue', emitValue)
+        emit('change', emitValue)
       },
     })