icon: ''
tags:
  en:
    - form
    - group
  zh-CN:
    - 表单
    - 分组
extra:
  en: '` the SelectorList ` is a Components that can be used to select user role permission displays, as well as search boxes，at the same time, support the choice single or multiple.'
  zh-CN: >
    `SelectorList`可用于选择用户角色权限展示，以及模糊搜索，同时支持选择单人和多人（具备 radio 和 checkbox 特征）
props:
  value:
    type: Boolean
    default: '必须'
    zh-CN: '控制组件显示状态，建议用 v-model 双向绑定'
  checked:
    type: String,Number,Array
    default: '必须'
    zh-CN: '当前选中人员id，传入 String 或 Number 选择单个，传入 Array 则选择多个，建议使用 .sync 完成数据绑定，否则需要在 commit 事件中手动设置其值'
  name:
    type: String
    default: '-'
    zh-CN: '当前选中人员名字，建议使用 .sync 完成数据绑定，否则需要在 commit 事件中手动设置其值'
  count:
    type: Number
    default: 10
    en:
    zh-CN: '限制可选数量，仅在 checked 属性为 Array 时有效'
  title:
    type: String
    default: '请先让行政经理把门店人员添加到系统中'
    zh-CN: '标题'
  roleList:
    type: Array
    default: '必须'
    zh-CN: '角色列表'
  idKey:
    type: String
    default: 'id'
    zh-CN: '角色 id 字段名'
  nameKey:
    type: String
    default: 'name'
    zh-CN: '角色 名字 字段名'
  roleKey:
    type: String
    default: 'roles'
    zh-CN: '角色 权限 字段名'
events:
  commit:
    params: '(`checked`, `name`)'
    zh-CN: '当点击提交按钮时触发该事件，参数是 checked 和 name'