@cainiaofe/cn-ui-m
Version:
21 lines (20 loc) • 1.24 kB
JavaScript
import React, { useState } from 'react';
import { CnDemoBlock, CnDemoPage, CnSelect } 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, 12]), val = _a[0], setValue = _a[1];
var _b = useState(1), val2 = _b[0], setValue2 = _b[1];
var handleSearch = function (v) {
console.log('local search:', v);
};
return (React.createElement(CnDemoPage, { title: "\u641C\u7D22" },
React.createElement(CnDemoBlock, { padding: "0", title: "\u641C\u7D22" },
React.createElement(CnSelect, { placeholder: "\u5355\u9009", mode: "single", hasClear: true, hasSearch: true, filterLocal: true, dataSource: data, value: val2, onSearch: handleSearch, onChange: setValue2 }),
React.createElement(CnSelect, { placeholder: "\u591A\u9009", mode: "multiple", hasClear: true, hasSearch: true, filterLocal: true, dataSource: data, value: val, onSearch: handleSearch, onChange: setValue }))));
};
搜索.desc =
'filterLocal为true时，启用本地搜索，即从当前已有的选项中筛选出匹配的项目。';
export default { title: 'demo/CnSelect' };