import { BeCheckbox, BeTableColumn} from '@brewer/beerui'
let checked = false;
    
		
<BeCheckbox {checked} on:change={changeHandle} on:click={clickHandle}>备选项</BeCheckbox>
	

		
let checked = false;

		
<BeCheckbox checked={checked} disabled>备选项</BeCheckbox>
<BeCheckbox checked disabled>备选项</BeCheckbox>

	

		
let checkedCities = []
const cityOptions = ['上海', '北京', '广州', '深圳'];
let indeterminate = false
let selectItem = () => checkboxGroup.setCheckedList(['上海'])
let onChange = (evt) => console.log('onChange', evt.detail);
const setCheckedListHandle = () => {
  indeterminate = !indeterminate
  indeterminate ? checkboxGroup.setCheckedList(['上海', '北京', '广州', '深圳']) : checkboxGroup.setCheckedList([])
}
let checkboxGroup;

		
<BeButton on:click={selectItem}>选中 上海</BeButton>
<BeButton on:click={setCheckedListHandle}>{indeterminate ? '取消全选' : '全选'}</BeButton>
<BeCheckboxGroup bind:this={checkboxGroup} checked={checkedCities} on:change={onChange}>
  <BeCheckbox label="上海" />
  <BeCheckbox label="北京" />
  <BeCheckbox label="广州" />
  <BeCheckbox label="深圳" />
</BeCheckboxGroup>