3.3.55 • Published 6 years ago

@beisen-phoenix/field-department

Licence

ISC

Version

3.3.55

Deps

Size

24 kB

Vulns

Weekly

Summary Dependency Versions

部门选择器-表单专用

@beisen-phoenix/field-department

API

参数	说明	类型	默认值	是否必传	备注
onSearchChange	搜索框中值变化时的回调，参数为输入框的value	`async function`	无	是	该回调函数应该return一个`Promise`对象，异步返回的数据为department对象组成的数组
validateSearch	搜索框中数据的验证，在搜索行为发生前执行，参数为输入框的value	`function`	无	否	该回调函数应该return一个对象{value: '处理后的value', info: '验证的提示信息，会显示在输入框下方', clearTipAfter: '提示信息自动消失的时间间隔'}
onExpand	树形组件中，部门展开的回调；当被展开的部门无子部门数据时会调用该函数，参数为department对象	`async function`	无	是	该回调函数应该return一个`Promise`对象，异步返回的数据为department对象组成的数组
onChange	选中数据改变时的回调，参数为选中的部门	`function`	无	是	单选时参数为dep对象，多选时为dep对象组成的数组
options	初始传入的树形组件数据	`array`	[ ]	是	该数据为department对象组成的一维数组
value	默认选中的数据	`array`	[ ]	否	该数据为department对象组成的一维数组
multiple	是否多选	`boolean`	`false`	否	根据该值确认显示单选或者多选组件
withSub	“包含下级”默认勾选状态	`boolean`	`true`	否	单选时才会用到
leftTitle	可选组织的标题	`string`	`可选组织`	否	多选时才会用到
rightTitle	已选组织的标题	`string`	`已选组织`	否	多选时才会用到
hideWithSub	隐藏“包含下级”和“确定”按钮	`boolean`	`false`	否	单选时才会用到
maxCount	多选时的最大可选数	`number`	99999	否	多选时才会用到
showDisableCheck	是否显示「显示停用」勾选框	`boolean`	true	否	如果配置为false，则勾选框不会显示，并且展示的数据将不包含“已停用”的部门
expandLevel	树形组件默认展开的层级	`number`	2	否	实际默认展开层级同时取决于treeData数据中是否有相应层级的数据
isPreview	是否用于表单展示态	`boolean`	`false`	否

相关示例

department对象格式

{
  departmentId: '组织id(string|number)',
  departmentName: 'string:组织名称(string)',
  parentDepartmentId: 'string:父级组织id(string|number)',
  departmentStatus: '组织状态(是否为启动状态)(boolean)',
  parentDepartmentName: '父级组织名称(string)',
  withSub: '是否包含下级(boolean)',
  withSubEnable: '是否有勾选包含下级的权限(boolean)',
  hasChildrenEnable: '是否包含未停用的子级(boolean)',
  hasChildrenDisabled: '是否包含已停用的子级(boolean)'
}

dep对象格式

{
  departmentId: '组织id',
  departmentName: '组织名称',
  departmentStatus: '组织状态(是否为启动状态)(boolean)',
  withSub: '是否包含下级',
  withSubEnable: '是否有勾选包含下级的权限(boolean)',
}

onSearchChange回调

onSearchChange = value => {
  return new Promise((resolve, reject) => {
    resolve(getSearchData());
  })
}

onExpand回调

onExpand = department => {
  return new Promise((resolve, reject) => {
    resolve(getSubTreeData(department));
  })
}