@beisen-phoenix/universityselector

common-constant-selector

---

概述

嵌入到输入框、form表单字段组合使用，弹出常量选择窗口。

commonConstantSelector支持多层钻取，全局搜索内容及单、多选控制，钻取数据展示列数自定义（列的范围1-3）。

API

commonConstantSelector props

name	description	type	default
limit	允许选择数量,传0表示不限制数量	number	99
isMulti	是否多选, true多选，false单选	bool	false
defaultData	默认选中的值	Array [{code: 编码code, name: 显示名称, fullPathCode: 全路径code,fullPathName:全路径名称}]	无
getDataUrl	数据常量请求链接	String	"//const.italent.link/api/v2/compatible/SchoolsValueFormat/110006/chs"
dataSource	自定义数据源地区的值	Object	无
onSubmit	确定方法	Function	无
onHide	隐藏方法	Function	无
isActiveLinkRelation	是否开启父子联动	boolean	false
showParentInSelection	选中区域显示父节点('root'仅显示根节点, 'all'全路路径, 'parent'直接上级),传false则不显示	string	'all'
searchMaxLength	输入最大字符长度	number	200
isShowBreadcrump	是否显示全部面包屑	boolean	true
showSelectAll	当前层是否显示全选	boolean	true
showSearchSelectAll	搜索列表是否显示全选	boolean	true
selectLevel	可选级数，配置此参数，默认处理是指定级下及以下可以操作（或小于指定级的末级可操作）	number
levelLayout	自定义层级部局方式，描述每个层级的列数，长度为1，说明所有子级布局都继承此列数,最大支持3列	any[number	[3]
splitChart	全路径分割符	string	'>'
translation	多语言翻译	object	null

安装及运行示例

npm install @beisen-phoenix/common-constant-Selector
npm run examples

服务端接口定义格式

常量选中值的接口
近回数据格式：
[{code: 1111, label: '名称', fullPathCode: 'xxx/1111', fullPathName: 'xxxx/名称'},...],  //选中的值

常量数据格式树型：

{
    rules: {
        layoutColumn:3 // 当前层级分几列布局
        showSelectAll: true // 当前层是否显示全选
        limit: 99 // 最大可选数据条数
        showParentInSelection:数据展示在右侧是否显示父级,
        showParentInSearchList:搜索列表是否显示父节点作为副标题

    },
    data: [
        {
            code: '1000',
            name: '北京市',
            isMulti: true,
            isShowIcon: true,    //是否显示 多选或单选操作框
            isLeaf: 下级是否可展开(false 表示不是叶子节点,可以展开,true表示是叶子节点,下级不可点开),
            showParentInSelection: 当前数据是否在右侧显示父级, 预留目前无用
            showParentInSearchList:搜索列表是否显示父节点作为副标题,, 预留目前无用
            fullPathCode:'1110/1111',
            fullPathName:'北京市/海淀区'
            },
            // children为异步数据
            children: [
                ......
            ]
        }
    ]
}