@cainiaofe/cn-ui-m
Version:
30 lines (29 loc) • 1.42 kB
JavaScript
import React, { useState } from 'react';
import { CnActionSheet, CnButton, CnDemoBlock, CnDemoPage, CnMessage, } from "../../..";
export var 操作 = function () {
var _a = useState(false), open4 = _a[0], setOpen4 = _a[1];
var onClick = function (option, index) {
CnMessage.show({
content: "\u70B9\u51FB\u4E86\u5E8F\u53F7".concat(index),
});
console.log(option);
};
return (React.createElement(CnDemoPage, { title: "\u64CD\u4F5C" },
React.createElement(CnDemoBlock, { title: "\u5371\u9669\u64CD\u4F5C\u4E0E\u7981\u7528\u64CD\u4F5C" },
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen4(true); }, fullWidth: true }, "\u6253\u5F00ActionSheet"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open4, onClick: onClick, onClose: function () { return setOpen4(false); }, destructiveIndex: 1, disabledIndexes: [2, 3], options: [
{
text: '普通操作',
},
{
text: '危险操作',
},
{
text: '禁用操作1',
},
{
text: '禁用操作2',
},
] }))));
};
export default { title: 'demo/CnActionSheet' };