@cainiaofe/cn-ui-m
Version:
24 lines (23 loc) • 2.02 kB
JavaScript
import React, { useState } from 'react';
import { CnActionSheet, CnBox, CnButton, CnDemoBlock, CnDemoPage, CnMessage, } from "../../..";
export var 对齐方式 = function () {
var _a = useState(false), open3 = _a[0], setOpen3 = _a[1];
var _b = useState(false), open7 = _b[0], setOpen7 = _b[1];
var _c = useState(false), open8 = _c[0], setOpen8 = _c[1];
var onClick = function (option, index) {
CnMessage.show({
content: "\u70B9\u51FB\u4E86\u5E8F\u53F7".concat(index),
});
console.log(option);
};
return (React.createElement(CnDemoPage, { title: "\u5BF9\u9F50\u65B9\u5F0F" },
React.createElement(CnDemoBlock, { title: "\u5BF9\u9F50\u65B9\u5F0F" },
React.createElement(CnBox, { spacing: 12, direction: "column" },
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen3(true); }, fullWidth: true }, "\u5DE6\u5BF9\u9F50"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open3, onClick: onClick, onClose: function () { return setOpen3(false); }, align: "left", options: ['选项 1', '选项 2', '选项 3'] }),
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen7(true); }, fullWidth: true }, "\u4E2D\u5BF9\u9F50"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open7, onClick: onClick, onClose: function () { return setOpen7(false); }, align: "center", options: ['选项 1', '选项 2', '选项 3'] }),
React.createElement(CnButton, { type: "secondary", onClick: function () { return setOpen8(true); }, fullWidth: true }, "\u53F3\u5BF9\u9F50"),
React.createElement(CnActionSheet, { message: "\u8BF7\u9009\u62E9", visible: open8, onClick: onClick, onClose: function () { return setOpen8(false); }, align: "right", options: ['选项 1', '选项 2', '选项 3'] })))));
};
export default { title: 'demo/CnActionSheet' };