@cainiaofe/cn-ui-m
Version:
14 lines (13 loc) • 799 B
JavaScript
import React, { useState } from 'react';
import { CnDemoBlock, CnDemoPage, CnSelect, CnSelectOption, } from "../../..";
var data = Array.from(new Array(20)).map(function (_, i) { return ({
label: "\u9009\u9879 ".concat(i),
value: i,
}); });
export var 多选 = function () {
var _a = useState([1]), val = _a[0], setVal = _a[1];
return (React.createElement(CnDemoPage, { title: "\u591A\u9009" },
React.createElement(CnDemoBlock, { padding: 0, title: "\u591A\u9009" },
React.createElement(CnSelect, { placeholder: "\u8BF7\u9009\u62E9", mode: "multiple", value: val, onChange: setVal }, data.map(function (item) { return (React.createElement(CnSelectOption, { key: item.value, value: item.value }, item.label)); })))));
};
export default { title: 'demo/CnSelect' };