Meson Modal
Modal components for Meson form and other cases... Customized for JimengIO projects.
Usage
yarn add @jimengio/meson-modal
- Modal
Demo http://fe.jimu.io/meson-modal/#/modal
import { MesonModal } from "@jimengio/meson-modal";
<MesonModal
title={"DEMO modal"}
visible={noMovingVisible}
onClose={() => {
setNoMovingVisible(false);
}}
disableMoving
renderContent={() => {
return (
<div>
<span
onClick={() => {
setNoMovingVisible(false);
}}
>
Close
</span>
</div>
);
}}
/>;
- Drawer
Demo http://fe.jimu.io/meson-modal/#/drawer
import { MesonDrawer } from "jimengio/meson-drawer";
<MesonDrawer
title={"Custom header"}
width={800}
visible={customVisible}
headerClassName={styleHeader}
onClose={() => {
setCustomVisible(false);
}}
renderContent={() => {
return <div>NOTHING</div>;
}}
/>;
- Confirm API
import { useConfirmPop } from "jimengio/meson-drawer";
let confirmPlugin = useConfirmPop();
let onClick = () => {
let result = await confirmPlugin.forConfirmation({ title: "title", text: "desc" });
console.log("result", result);
};
<div>{confirmPlugin.ui}</div>;
Workflow
https://github.com/jimengio/ts-workflow
License
MIT