@beisen-phoenix/field-checkbox

@beisen-phoenix/field-checkbox

Usage no npm install needed!

<script type="module">
  import beisenPhoenixFieldCheckbox from 'https://cdn.skypack.dev/@beisen-phoenix/field-checkbox';
</script>

README

复选组字段

@beisen-phoenix/field-checkbox

API

参数 说明 类型 默认值 必须
optionsLayout 选项的排列方式('vertical'、'horizontal') string horizontal
options 可选列表 {label:string,value:string}[] []
value 已选的数据,与options中的value保持一致 string []
isPreview 是否用于表单展示态 boolean false
colSpace 纵向排列时的间距 number 10
onChange 选中地区数据的回调,负责将值传回form (data) => void
disabled 禁用全部checkbox boolean false
extraCls 自定义class string ''
tipsType 提示UI类型default【显示为html标签自带title】、animate【显示为标准tooltip】 使用'default'有利于性能提升 string 'animate'
checkboxWidth checkbox宽度:文字加图标宽度 number 0(auto)
showCheckAll 是否显示全选 boolean false

多语言

参数 说明 类型 默认值
translation 语言包 用于翻译组件内置常量 {checkAll: string} {checkAll: '全选'}