@cainiaofe/cn-ui-m
Version:
54 lines (53 loc) • 2.94 kB
JavaScript
import React from 'react';
import { CnBox, CnButton, CnDemoBlock, CnDemoPage, CnMessage, } from "../../..";
var marginStyle = {
marginBottom: '12px',
};
// eslint-disable-next-line react/display-name
export var 顶部Toast = function () { return (React.createElement(CnDemoPage, { title: "\u9876\u90E8 Toast" },
React.createElement(CnDemoBlock, { title: "Toast \u6A21\u5F0F" },
React.createElement("div", { style: marginStyle },
React.createElement(CnBox, { direction: "row", spacing: 10 },
React.createElement(CnButton, { onClick: function () {
return CnMessage.show({
showMask: true,
content: '这是一条普通提示',
});
} }, "\u666E\u901A\u63D0\u793A(show)"))),
React.createElement("div", { style: marginStyle },
React.createElement(CnBox, { direction: "row", spacing: 10, wrap: true },
React.createElement(CnButton, { onClick: function () {
return CnMessage.success({
content: '这是一条成功提示',
});
} }, "\u6210\u529F\u63D0\u793A(success)"),
React.createElement(CnButton, { onClick: function () {
return CnMessage.warning({
content: '这是一条警告提示',
});
} }, "\u8B66\u544A\u63D0\u793A(warning)"),
React.createElement(CnButton, { onClick: function () {
return CnMessage.error({
content: '这是一条错误提示',
});
} }, "\u9519\u8BEF\u63D0\u793A(error)"),
React.createElement(CnButton, { onClick: function () {
return CnMessage.help({
content: '这是一条帮助提示',
});
} }, "\u5E2E\u52A9\u63D0\u793A(help)"))),
React.createElement("div", { style: marginStyle },
React.createElement(CnBox, { direction: "row", spacing: 10 },
React.createElement(CnButton, { onClick: function () {
return CnMessage.loading({
content: '加载中',
duration: 3000,
});
} }, "Loading(loading)"))),
React.createElement("div", null,
React.createElement(CnButton, { onClick: function () {
return CnMessage.warning({
content: '文本内容过长，文本内容过长，文本内容过长，文本内容过长。',
});
} }, "\u8B66\u544A\u63D0\u793A\u957F\u5C55\u793A(warning)"))))); };
export default { title: 'demo/CnMessage' };