UNPKG

@cainiaofe/cn-ui-m

Version:
118 lines (117 loc) 3.71 kB
import React from 'react'; import { CnCascaderSelect, CnDemoBlock, CnDemoPage } from "../../.."; var options = [ { label: '浙江', value: '浙江', children: [ { label: '杭州', value: '杭州', children: [ { label: '西湖区', value: '西湖区', children: [], }, { label: '上城区', value: '上城区', }, { label: '余杭区', value: '余杭区', disabled: true, }, ], }, { label: '温州', value: '温州', children: [ { label: '鹿城区', value: '鹿城区', }, { label: '龙湾区', value: '龙湾区', disabled: true, }, { label: '瓯海区', value: '瓯海区', }, ], }, { label: '宁波', value: '宁波', children: [ { label: '海曙区', value: '海曙区', }, { label: '江北区', value: '江北区', }, { label: '镇海区', value: '镇海区', }, ], }, ], }, { label: '江苏', value: '江苏', children: [ { label: '南京', value: '南京', children: [ { label: '玄武区', value: '玄武区', }, { label: '秦淮区', value: '秦淮区', }, { label: '建邺区', value: '建邺区', }, ], }, { label: '苏州', value: '苏州', children: [ { label: '虎丘区', value: '虎丘区', }, { label: '吴中区', value: '吴中区', }, { label: '相城区', value: '相城区', }, ], }, ], }, ]; export var 基本 = function () { return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" }, React.createElement(CnDemoBlock, { title: "\u57FA\u672C", padding: 0 }, React.createElement(CnCascaderSelect, { dataSource: options, onChange: console.log })), React.createElement(CnDemoBlock, { title: "\u9ED8\u8BA4\u503C\u4E3A\u6700\u540E\u4E00\u7EA7\u7684value", padding: 0 }, React.createElement(CnCascaderSelect, { dataSource: options, hasClear: true, defaultValue: '西湖区' })))); }; export default { title: 'demo/CnCascaderSelect' };