@cainiaofe/cn-ui-m
Version:
32 lines (31 loc) • 1.57 kB
JavaScript
import React, { useState } from 'react';
import { CnDemoPage, CnDemoBlock, CnPickerView } from "../../..";
var basicColumns = [
[
{ label: '周一', value: 'Mon' },
{ label: '周二', value: 'Tues' },
{ label: '周三', value: 'Wed' },
{ label: '周四', value: 'Thur' },
{ label: '周五', value: 'Fri' },
],
[
{ label: '上午', value: 'am' },
{ label: '下午', value: 'pm' },
],
];
export var 基本 = function () {
var _a = useState(['Mon', 'am']), value = _a[0], setValue = _a[1];
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnDemoBlock, { title: "\u57FA\u672C" },
React.createElement(CnPickerView, { columns: basicColumns })),
React.createElement(CnDemoBlock, { title: "\u81EA\u5B9A\u4E49\u9AD8\u5EA6" },
React.createElement(CnPickerView, { columns: basicColumns, style: { '--height': '500px', '--item-height': '2.8rem' } })),
React.createElement(CnDemoBlock, { title: "\u53D7\u63A7" },
React.createElement(CnPickerView, { columns: basicColumns, value: value, onChange: function (val, extend) {
setValue(val);
console.log('onChange', val, extend.items);
} })),
React.createElement(CnDemoBlock, { title: "\u901A\u8FC7\u9F20\u6807\u6EDA\u8F6E\u8FDB\u884C\u9009\u62E9" },
React.createElement(CnPickerView, { columns: basicColumns, mouseWheel: true }))));
};
export default { title: 'demo/CnPickerView' };