---

title: 使用文档

并列选择器 sui-collect-select

使用场景

一般用于选择多个维度信息，需要提升页面利用率时

组件使用方式

$ snpm install @stofe/sui-collect-select --save

import CollectSelect from '@stofe/sui-collect-select'

组件库使用方式

$ snpm install @stofe/sui --save

import { CollectSelect } from '@stofe/sui'

API

参数	说明	类型	默认值
config	config是需要传入的需要展示的各项指标以及指标数据源的集合，必传	array	-
onChange	内容选中后的回调函数，(value) => {}, value为内部各项的值	function	()=>{}

参数说明

config

config是一个数组，里面的每一项代表集成到该组件中的tab项， 其中每一项包括：

title

config = [
    { 
        title: { label: 'test', value: '0' }
    }
];

label是tab的标题，value是tab的key;

dataSource

config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ]
    }
];

dataSource代表每个tab页签下的数据源

mode

config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ],
        mode: 'multiple'
    }
];

mode 代表当前页签是多选模式还是单选模式，可选值single和mutiple

value

value 代表当前页签下选中的值，用于数据回显

config = [
    { 
        title: { label: 'test', value: '0' },
        dataSource: [
                        { label: 'listItem', value: '0' }
                    ],
        mode: 'multiple'，
        value: '0'
    }
];