Merge pull request #435 from ownego/update/custom-props-checkbox

Update: custom props for checkboxes

Author: juzser

src/components/Checkbox/Checkbox.vue

@@ -114,6 +114,8 @@ export interface CheckboxProps extends ChoiceBleedProps {
  error?: Error | boolean;
  /** Indicates the tone of the checkbox */
  tone?: 'magic';
+ /** Disable auto focus to input when click to checkbox*/
+ disableFocus?: boolean;
 }
 
 type CheckboxSlots = {
@@ -233,7 +235,12 @@ const handleOnClick = () => {
  }
 
  model.value = inputNode.value.checked;
- inputNode.value.focus();
+
+ // Props use for fix case Checkbox use as slot of Combobox Component -> auto close popover when change focus
+ if (!props.disableFocus) {
+ inputNode.value.focus();
+ }
+
  emits('change', inputNode.value.checked, props.value || id.value);
 };
 </script>