@cainiaofe/cn-ui-m
Version:
56 lines (55 loc) • 2.36 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnDemoPage, CnSelect } from "../../..";
export var 分组 = function () {
return (React.createElement(CnDemoPage, { title: "\u5206\u7EC4" },
React.createElement(CnDemoBlock, { padding: 0, title: "\u5206\u7EC4" },
React.createElement(CnSelect, { mode: 'multiple', dataSource: [
{
label: '分组1',
value: 'text1',
children: [
{ label: 'text1-1', value: 'text1-1', checked: true },
{ label: 'text1-2', value: 'text1-2' },
],
},
{
label: '分组2',
value: 'text2',
children: [{ label: 'text2-1', value: 'text2-1' }],
},
{
label: '分组3',
value: 'text3',
children: [{ label: 'text3-1', value: 'text3-1' }],
},
] }),
React.createElement(CnSelect, { value: 'text1-1', dataSource: [
{
label: '分组1',
value: 'text1',
children: [
{ label: '文本1-1', value: 'text1-1', checked: true },
{ label: '文本1-2', value: 'text1-2' },
],
},
{
label: '分组2',
value: 'text2',
children: [{ label: '文本2-1', value: 'text2-1' }],
},
{
label: '分组3',
value: 'text3',
children: [{ label: '文本3-1', value: 'text3-1' }],
},
] }),
React.createElement(CnSelect, { value: 'text1', dataSource: [
{
label: '分组1',
value: 'text1',
},
{ label: '分组2', value: 'text2' },
{ label: '分组3', value: 'text3' },
] }))));
};
export default { title: 'demo/CnSelect' };