@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.4 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnPicker } from "../../..";
var basicColumns = [
[
{ label: '周一', value: 'Mon' },
{ label: '周二', value: 'Tues' },
{ label: '周三', value: 'Wed' },
{ label: '周四', value: 'Thur' },
{ label: '周五', value: 'Fri' },
],
[
{ label: '上午', value: 'am' },
{ label: '下午', value: 'pm' },
],
];
function ActionsDemo() {
var _a = useState(['M']), value = _a[0], setValue = _a[1];
return (React.createElement(CnPicker, { columns: basicColumns, value: value, onConfirm: function (v) {
setValue(v);
} }, function (_, actions) { return React.createElement(CnButton, { onClick: actions.open }, "\u9009\u62E9"); }));
}
export var 显示隐藏 = function () {
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnCard, { title: "\u4F7F\u7528 actions \u6765\u63A7\u5236\u663E\u793A/\u9690\u85CF" },
React.createElement(ActionsDemo, null),
React.createElement("span", null, "\u5728 children \u6E32\u67D3\u51FD\u6570\u4E2D\uFF0C\u4F60\u53EF\u4EE5\u4F7F\u7528\u7B2C\u4E8C\u4E2A\u53C2\u6570 actions \u6765\u975E\u5E38\u65B9\u4FBF\u7684\u63A7\u5236 Picker \u7684\u663E\u793A\u6216\u9690\u85CF"))));
};
export default { title: 'demo/CnPicker' };