@cainiaofe/cn-ui-m
Version:
50 lines (49 loc) • 2.31 kB
JavaScript
import React, { useState } from 'react';
import { CnActionSheet, CnButton, CnDemoBlock, CnDemoPage, CnMessage, } from "../../..";
export var Badge = function () {
var _a = useState(false), open5 = _a[0], setOpen5 = _a[1];
var _b = useState(false), open6 = _b[0], setOpen6 = _b[1];
var onClick = function (option, index) {
CnMessage.show({
content: "\u70B9\u51FB\u4E86\u5E8F\u53F7".concat(index),
});
console.log(option);
};
return (React.createElement(CnDemoPage, { title: "Badge" },
React.createElement(CnDemoBlock, { title: "\u663E\u793ABadge" },
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen5(true); }, fullWidth: true }, "\u663E\u793ABadge"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open5, onClick: onClick, onClose: function () { return setOpen5(false); }, options: [
{
text: '选项 1',
badge: 99,
},
{
text: '选项 2',
badge: 'NEW',
},
{
text: '选项 3',
badge: 3,
},
] })),
React.createElement(CnDemoBlock, { title: "Badge\u7C7B\u578B" },
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen6(true); }, fullWidth: true }, "Badge\u7C7B\u578B"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open6, onClick: onClick, onClose: function () { return setOpen6(false); }, options: [
{
text: '选项 1',
badge: 99,
badgeType: 'normal',
},
{
text: '选项 2',
badge: 'NEW',
badgeType: 'dot',
},
{
text: '选项 3',
badge: 3,
badgeType: 'dot',
},
] }))));
};
export default { title: 'demo/CnActionSheet' };