@cainiaofe/cn-ui-m
Version:
54 lines (53 loc) • 2.34 kB
JavaScript
import React, { useState } from 'react';
import { CnCascaderSelect, CnDemoBlock, CnDemoPage, } from "../../..";
var initProvinceData = [
{
value: '2973',
label: '陕西',
},
];
export var 异步加载 = function () {
var _a = useState([]), value = _a[0], setValue = _a[1];
var _b = useState(initProvinceData), province = _b[0], setProvince = _b[1];
var handleSelect = function (v) {
console.log('selected node', v);
};
var handleLoadData = function (item) {
console.log('handleLoadData', item);
return new Promise(function (resolve) {
setTimeout(function () {
setProvince([
{
value: '2973',
label: '陕西',
children: [
{
value: '2974',
label: '西安',
children: [
{ value: '2975', label: '西安市', isLeaf: true },
{ value: '2976', label: '高陵县', isLeaf: true },
],
},
{
value: '2980',
label: '铜川',
children: [
{ value: '2981', label: '铜川市', isLeaf: true },
{ value: '2982', label: '宜君县', isLeaf: true },
],
},
],
},
]);
resolve();
}, 1000);
});
};
return (React.createElement(CnDemoPage, { title: "\u5F02\u6B65\u52A0\u8F7D" },
React.createElement(CnDemoBlock, { title: "\u5F02\u6B65\u52A0\u8F7D" },
React.createElement(CnCascaderSelect, { placeholder: "\u8BF7\u8F93\u5165", dataSource: province, hasClear: true, value: value, loadData: handleLoadData, onSelect: handleSelect, onChange: setValue }))));
};
异步加载.desc =
'异步加载指定节点的数据，注意叶子节点需要标识`isLeaf`为`true`，避免冗余请求。';
export default { title: 'demo/CnCascaderSelect' };