@ecoding/components.antd 0.0.7 → 0.0.9

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

@@ -0,0 +1,56 @@
+import React from 'react';
+export interface IDrawerProps {
+    key?: string;
+    id?: string;
+    className?: string;
+    bodyStyle?: React.CSSProperties;
+    closable?: boolean;
+    maskClosable?: boolean;
+    open?: boolean;
+    width?: string;
+    zIndex?: number;
+    title?: React.ReactNode;
+    okType?: "text" | "link" | "ghost" | "default" | "primary" | "dashed" | undefined;
+    okText?: string;
+    cancelText?: string;
+    mask?: 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;
+}
+export declare class Drawers extends React.Component<IDrawerProps> {
+    static defaultProps: {
+        className: string;
+        open: boolean;
+        bodyStyle: {};
+        width: string;
+        zIndex: number;
+        mask: boolean;
+        title: string;
+        okType: string;
+        okText: string;
+        cancelText: string;
+        maskClosable: boolean;
+        closable: boolean;
+        footer: string;
+        onOk: () => Promise<void>;
+        onCancel: () => Promise<void>;
+        component: null;
+    };
+    state: {
+        loading: boolean;
+        open: boolean | undefined;
+    };
+    cancel: () => void;
+    ok: () => void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    show(props?: IDrawerProps): void;
+    hide(props?: IDrawerProps): void;
+};
+export default _default;

package/lib/core/drawer/index.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import { Drawer, Button } from 'antd';
+import InjectNotification from '../inject-notification';
+const timeout = 300;
+export class Drawers extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            loading: false,
+            open: this.props.open
+        };
+        this.cancel = () => {
+            if (this.state.loading) {
+                return;
+            }
+            this.props.onCancel &&
+                this.props.onCancel().then(() => {
+                    this.setState({
+                        open: false
+                    });
+                    setTimeout(() => {
+                        InjectNotification.removeNotice(this.props.id);
+                    }, timeout);
+                });
+        };
+        this.ok = () => {
+            this.setState({
+                loading: true
+            });
+            this.props.onOk &&
+                this.props
+                    .onOk()
+                    .then((res) => {
+                    this.setState({
+                        loading: false,
+                        open: false
+                    });
+                    setTimeout(() => {
+                        InjectNotification.removeNotice(this.props.id);
+                        this.props.onOkAfter && this.props.onOkAfter(res);
+                    }, timeout);
+                })
+                    .catch(() => {
+                    this.setState({
+                        loading: false
+                    });
+                });
+        };
+    }
+    render() {
+        // if (!this.props.visible) return null;
+        return (React.createElement(Drawer, { className: this.props.className, bodyStyle: this.props.bodyStyle, open: this.props.open, destroyOnClose: true, maskClosable: this.props.maskClosable, keyboard: false, title: this.props.title, footer: this.props.footer === null ? null : this.props.footer ? (this.props.footer) : (React.createElement("div", { className: "tac" },
+                this.props.addonBefore ? this.props.addonBefore : null,
+                React.createElement(Button, { className: "mr10", 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)), width: this.props.width, zIndex: this.props.zIndex, mask: this.props.mask, onClose: this.cancel, closable: this.props.closable }, this.props.component ? this.props.component : null));
+    }
+}
+Drawers.defaultProps = {
+    className: "g-drawer",
+    open: false,
+    bodyStyle: {},
+    width: "60vw",
+    zIndex: 900,
+    mask: true,
+    title: "标题",
+    okType: "primary",
+    okText: "保存",
+    cancelText: "取消",
+    maskClosable: true,
+    closable: true,
+    footer: "",
+    onOk: function () {
+        return Promise.resolve();
+    },
+    onCancel: function () {
+        return Promise.resolve();
+    },
+    component: null
+};
+export default {
+    show(props = {}) {
+        props.open = true;
+        props.id = props.id || props.key || "drawers";
+        if (props.footer !== null && !props.footer) {
+            props.footer = "";
+        }
+        if (!props.okText) {
+            props.okText = "保存";
+        }
+        if (!props.cancelText) {
+            props.cancelText = "取消";
+        }
+        InjectNotification.notice(React.createElement(Drawers, Object.assign({}, props, { key: props.id })));
+    },
+    hide(props = {}) {
+        props.open = false;
+        props.footer = "";
+        props.id = props.id || "drawers";
+        setTimeout(() => {
+            InjectNotification.removeNotice(props.id);
+        }, timeout);
+    }
+};

package/lib/core/modal/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Modal, Button } from 'antd';
-import InjectNotification from '../../helpers/inject.notification';
+import InjectNotification from '../inject-notification';
 const timeout = 300;
 export class Modals extends React.Component {
     constructor() {

package/lib/index.d.ts

@@ -1,6 +1,8 @@
 export { default as Toast } from "./core/toast";
 export { default as Loading } from "./core/loading";
 export { default as Modal } from "./core/modal";
+export { default as Drawer } from "./core/drawer";
+export { default as InjectNotification } from "./core/inject-notification";
 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,6 +1,8 @@
 export { default as Toast } from "./core/toast";
 export { default as Loading } from "./core/loading";
 export { default as Modal } from "./core/modal";
+export { default as Drawer } from "./core/drawer";
+export { default as InjectNotification } from "./core/inject-notification";
 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.7",
+    "version": "0.0.9",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -42,5 +42,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "d41d5a815bc583f5499c1d0120a833a0622538f5"
+    "gitHead": "5a45275024954892efa6a3c6720579faa8f314aa"
 }