Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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