@ecoding/components.antd 0.0.4 → 0.0.6

package/lib/core/modal/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface IModalProps {
+    className?: string;
+    open?: boolean;
+    bodyStyle?: React.CSSProperties;
+    width?: string;
+    zIndex?: number;
+    mask?: boolean;
+    title?: React.ReactNode;
+    okType?: "text" | "link" | "ghost" | "default" | "primary" | "dashed" | undefined;
+    okText?: string;
+    cancelText?: string;
+    closable?: boolean;
+    footer?: React.ReactNode;
+    onOk?: () => Promise<any>;
+    onOkAfter?: (args: any) => void | Promise<any>;
+    onCancel?: () => Promise<any>;
+    component?: React.ReactNode;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+}
+declare const _default: {
+    show(props?: IModalProps): void;
+    hide(props?: IModalProps): void;
+};
+export default _default;

package/lib/core/modal/index.js

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Modal, Button } from 'antd';
+import Notification from '../../helpers/notification';
+const notification = Notification.newInstance();
+class Modals extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            loading: false,
+            open: true
+        };
+        this.cancel = () => {
+            if (this.state.loading) {
+                return;
+            }
+            this.props.onCancel &&
+                this.props.onCancel().then(() => {
+                    this.setState({
+                        open: false
+                    });
+                    // hideModal();
+                });
+        };
+        this.ok = () => {
+            this.setState({
+                loading: true
+            });
+            this.props.onOk &&
+                this.props
+                    .onOk()
+                    .then((res) => {
+                    this.setState({
+                        loading: false,
+                        open: false
+                    });
+                    // hideModal();
+                    this.props.onOkAfter && this.props.onOkAfter(res);
+                })
+                    .catch(() => {
+                    this.setState({
+                        loading: false
+                    });
+                });
+        };
+    }
+    render() {
+        // if (!this.props.visible) return null;
+        return (React.createElement(Modal, { className: this.props.className, open: this.state.open, bodyStyle: this.props.bodyStyle, width: this.props.width, zIndex: this.props.zIndex, mask: this.props.mask, title: this.props.title, closable: this.props.closable, onCancel: this.cancel, footer: this.props.footer === null ? null : this.props.footer ? (this.props.footer) : (React.createElement(React.Fragment, null,
+                this.props.addonBefore ? this.props.addonBefore : null,
+                React.createElement(Button, { key: "back", onClick: this.cancel }, this.props.cancelText),
+                React.createElement(Button, { key: "submit", type: this.props.okType, loading: this.state.loading, onClick: this.ok }, this.props.okText),
+                this.props.addonAfter ? this.props.addonAfter : null)), centered: true, destroyOnClose: true, keyboard: false }, this.props.component ? this.props.component : null));
+    }
+}
+Modals.defaultProps = {
+    tip: ''
+};
+export default {
+    show(props = {}) {
+        if (notification) {
+            notification.removeNotice('modals');
+        }
+        notification.notice(React.createElement(Modals, Object.assign({}, props, { key: "modals" })));
+    },
+    hide(props = {}) {
+        notification.removeNotice('modals');
+    }
+};

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Toast } from "./core/toast";
 export { default as Loading } from "./core/loading";
+export { default as Modal } from "./core/modal";
 export { default as Confirm } from "./core/confirm";
 export { default as AsyncCascader } from "./core/async-cascader";
 export { default as LengthInput } from "./core/length-input";

package/lib/index.js

@@ -1,5 +1,6 @@
 export { default as Toast } from "./core/toast";
 export { default as Loading } from "./core/loading";
+export { default as Modal } from "./core/modal";
 export { default as Confirm } from "./core/confirm";
 export { default as AsyncCascader } from "./core/async-cascader";
 export { default as LengthInput } from "./core/length-input";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -40,5 +40,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "cff4572674ded5234d2444bdb5598555f7545503"
+    "gitHead": "05844c415468a69e3aa77f4e4748b4451b1d8a94"
 }