@ecoding/components.antd 0.2.4 → 0.2.6

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

@@ -19,6 +19,7 @@ export interface IDrawerProps {
     cancelText?: string;
     mask?: boolean;
     footer?: React.ReactNode;
+    extra?: React.ReactNode;
     onOk?: () => Promise<any>;
     onOkAfter?: (args: any) => void | Promise<any>;
     onCancel?: () => Promise<any>;
@@ -43,7 +44,8 @@ export declare class Drawers extends React.Component<IDrawerProps> {
         cancelText: string;
         maskClosable: boolean;
         closable: boolean;
-        footer: string;
+        footer: null;
+        extra: string;
         onOk: () => Promise<void>;
         onCancel: () => Promise<void>;
         component: null;
@@ -58,6 +60,7 @@ export declare class Drawers extends React.Component<IDrawerProps> {
 }
 declare const _default: {
     show(props?: IDrawerProps): void;
+    update(props?: Omit<IDrawerProps, "component">): void;
     hide(props?: IDrawerProps): void;
 };
 export default _default;

package/lib/core/drawer/index.js

@@ -49,7 +49,7 @@ export class Drawers extends React.Component {
     }
     render() {
         // if (!this.props.visible) return null;
-        return (React.createElement(Drawer, { className: this.props.className, bodyStyle: this.props.bodyStyle, placement: this.props.placement, height: this.props.height, open: this.state.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" },
+        return (React.createElement(Drawer, { className: this.props.className, bodyStyle: this.props.bodyStyle, placement: this.props.placement, height: this.props.height, open: this.state.open, destroyOnClose: true, maskClosable: this.props.maskClosable, keyboard: false, title: this.props.title, extra: this.props.extra === null ? null : this.props.extra ? (this.props.extra) : (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, { danger: this.props.okDanger, key: "submit", type: this.props.okType, loading: this.state.loading, onClick: this.ok }, this.props.okText),
@@ -72,7 +72,8 @@ Drawers.defaultProps = {
     cancelText: "取消",
     maskClosable: true,
     closable: true,
-    footer: "",
+    footer: null,
+    extra: "",
     onOk: function () {
         return Promise.resolve();
     },
@@ -96,6 +97,11 @@ export default {
         }
         InjectNotification.notice(React.createElement(Drawers, Object.assign({}, props, { key: props.id })));
     },
+    update(props = {}) {
+        props.open = true;
+        props.id = props.id || props.key || "drawers";
+        InjectNotification.updateNotice(props);
+    },
     hide(props = {}) {
         props.open = false;
         props.footer = "";

package/lib/core/inject-notification/index.d.ts

@@ -6,9 +6,11 @@ interface IState {
 declare class InjectNotification extends React.Component<any, IState> {
     static notice(component: any): void;
     static removeNotice(key: any): void;
+    static updateNotice(props: any): void;
     constructor(props: any);
     add(notice: React.Attributes): void;
     remove(key: string): void;
+    update(props: any): void;
     getNoticeList(): React.Attributes[];
     componentDidMount(): void;
     render(): React.ReactPortal | null;

package/lib/core/inject-notification/index.js

@@ -11,6 +11,9 @@ class InjectNotification extends React.Component {
     static removeNotice(key) {
         instanceEvent.emit("InjectNotification/HIDE", key);
     }
+    static updateNotice(props) {
+        instanceEvent.emit("InjectNotification/UPDATE", props);
+    }
     constructor(props) {
         super(props);
         this.state = {
@@ -47,6 +50,17 @@ class InjectNotification extends React.Component {
             };
         });
     }
+    update(props) {
+        const { notices } = this.state;
+        const key = props.id;
+        const index = notices.findIndex(item => item.key === key);
+        const temp = notices.splice(index, 1);
+        if (temp && temp.length > 0) {
+            const notice = temp[0];
+            notice.props = Object.assign(notice.props, props);
+            InjectNotification[key].forceUpdate();
+        }
+    }
     getNoticeList() {
         const { notices } = this.state;
         return notices.map((notice, i) => {
@@ -60,6 +74,7 @@ class InjectNotification extends React.Component {
         });
         instanceEvent.on("InjectNotification/SHOW", this.add, this);
         instanceEvent.on("InjectNotification/HIDE", this.remove, this);
+        instanceEvent.on("InjectNotification/UPDATE", this.update, this);
     }
     render() {
         const noticesDOM = this.getNoticeList();

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

@@ -22,6 +22,12 @@ export interface IModalProps {
     component?: React.ReactNode;
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;
+    okButtonProps?: {
+        disabled: boolean;
+    };
+    cancelButtonProps?: {
+        disabled: boolean;
+    };
 }
 export declare class Modals extends React.Component<IModalProps> {
     static defaultProps: {
@@ -38,6 +44,12 @@ export declare class Modals extends React.Component<IModalProps> {
         okDanger: boolean;
         closable: boolean;
         maskClosable: boolean;
+        okButtonProps: {
+            disabled: boolean;
+        };
+        cancelButtonProps: {
+            disabled: boolean;
+        };
         footer: string;
         onOk: () => Promise<void>;
         onCancel: () => Promise<void>;
@@ -53,6 +65,7 @@ export declare class Modals extends React.Component<IModalProps> {
 }
 declare const _default: {
     show(props?: IModalProps): void;
+    update(props?: Omit<IModalProps, "component">): void;
     hide(props?: IModalProps): void;
 };
 export default _default;

package/lib/core/modal/index.js

@@ -51,8 +51,8 @@ export class Modals extends React.Component {
         // 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: typeof this.props.title === "string" ? (React.createElement("div", { style: { boxShadow: "inset 0px -1px 0px #F0F0F0", marginBottom: "20px", paddingBottom: "12px" } }, this.props.title)) : (this.props.title), closable: this.props.closable, maskClosable: this.props.maskClosable, onCancel: this.cancel, destroyOnClose: true, keyboard: false, 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, { danger: this.props.okDanger, key: "submit", type: this.props.okType, loading: this.state.loading, onClick: this.ok }, this.props.okText),
+                React.createElement(Button, Object.assign({}, this.props.cancelButtonProps, { key: "back", onClick: this.cancel }), this.props.cancelText),
+                React.createElement(Button, Object.assign({}, this.props.okButtonProps, { danger: this.props.okDanger, key: "submit", type: this.props.okType, loading: this.state.loading, onClick: this.ok }), this.props.okText),
                 this.props.addonAfter ? this.props.addonAfter : null)) }, this.props.component ? this.props.component : null));
     }
 }
@@ -70,6 +70,8 @@ Modals.defaultProps = {
     okDanger: false,
     closable: true,
     maskClosable: true,
+    okButtonProps: { disabled: false },
+    cancelButtonProps: { disabled: false },
     footer: "",
     onOk: function () {
         return Promise.resolve();
@@ -92,7 +94,12 @@ export default {
         if (!props.cancelText) {
             props.cancelText = "取消";
         }
-        InjectNotification.notice(React.createElement(Modals, Object.assign({}, props, { key: props.id })));
+        InjectNotification.notice(React.createElement(Modals, Object.assign({ ref: ref => InjectNotification[props.id] = ref }, props, { key: props.id })));
+    },
+    update(props = {}) {
+        props.open = true;
+        props.id = props.id || props.key || "modals";
+        InjectNotification.updateNotice(props);
     },
     hide(props = {}) {
         props.open = false;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.2.4",
+    "version": "0.2.6",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -44,5 +44,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "04b073fbe3794d41e10954744ee44e1059434b0d"
+    "gitHead": "854a6011b72e60c70cc7ba0fb949075fcddf7bd9"
 }