@ecoding/components.antd 0.0.3 → 0.0.5

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/core/single-file-upload/index.js

@@ -25,24 +25,20 @@ const SingleFileUpload = (props) => {
                 break;
             case "done":
                 const response = info.file.response;
-                if (response && (response.code === 200 || response.retCode === 200)) {
+                if ((response && response.code === 200) || response.success) {
                     props.onDone && props.onDone(info.file, info.file.response.data);
                 }
                 else {
                     Toast.error({
                         mask: true,
-                        title: info.file.response
-                            ? info.file.response.retDesc || info.file.response.desc || info.file.response.message
-                            : "服务出错，文件上传失败"
+                        title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，文件上传失败"
                     });
                 }
                 break;
             case "error":
                 Toast.error({
                     mask: true,
-                    title: info.file.response
-                        ? info.file.response.retDesc || info.file.response.desc || info.file.response.message
-                        : "服务出错，文件上传失败"
+                    title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，文件上传失败"
                 });
                 props.onError && props.onError(info.file);
                 break;

package/lib/core/single-img-upload/index.js

@@ -51,8 +51,8 @@ const ImgUpload = (props) => {
             case "done":
                 setLoading(false);
                 const response = info.file.response;
-                if (response && (response.code == 200 || response.retCode == 200)) {
-                    const url = info.file.response.data && info.file.response.data[0].imageUrl;
+                if ((response && response.code === 200) || response.success) {
+                    const url = response.data && response.data.url;
                     setImageUrl(url);
                     // Form.item 值注入关键
                     props.onChange && props.onChange(url);
@@ -60,18 +60,14 @@ const ImgUpload = (props) => {
                 else {
                     Toast.error({
                         mask: true,
-                        title: info.file.response
-                            ? info.file.response.retDesc || info.file.response.desc || info.file.response.message
-                            : "服务出错，图片上传失败"
+                        title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，图片上传失败"
                     });
                 }
                 break;
             case "error":
                 Toast.error({
                     mask: true,
-                    title: info.file.response
-                        ? info.file.response.retDesc || info.file.response.desc || info.file.response.message
-                        : "服务出错，图片上传失败"
+                    title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，图片上传失败"
                 });
                 setLoading(false);
                 break;
@@ -154,7 +150,7 @@ const ImgUpload = (props) => {
                 props.gif ? "、gif" : ""))));
 };
 ImgUpload.defaultProps = {
-    action: "/upload/img",
+    action: "/api/upload/img",
     name: "file",
     value: "",
     gif: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -40,5 +40,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "4171cff635b5d61704143157ddb27e6c94553179"
+    "gitHead": "75b04307c2ea7d447bcad3a75418bf8083c2c6f4"
 }