@ecoding/components.antd 0.3.26 → 0.3.28

package/lib/core/form.list/index.d.ts

@@ -16,6 +16,7 @@ interface IProps {
     i18n?: any;
     hideOperation?: boolean;
     hideBottom?: boolean;
+    hideHeader?: boolean;
     afterRemove?: (index: any) => void;
     afterAdd?: (index: any) => void;
     operation?: {

package/lib/core/form.list/index.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Typography, Form, Button, Space } from 'antd';
 import { PlusCircleOutlined } from '@ant-design/icons';
-const C = ({ columns, rules, name, hideOperation, hideBottom, operation, i18n, afterRemove, afterAdd }) => {
+const C = ({ columns, rules, name, hideOperation, hideHeader, hideBottom, operation, i18n, afterRemove, afterAdd }) => {
     const tdStyle = {
         verticalAlign: 'top',
         lineHeight: '32px',
@@ -32,19 +32,18 @@ const C = ({ columns, rules, name, hideOperation, hideBottom, operation, i18n, a
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "m-form-list", style: { overflowX: 'auto', marginBottom: '4px', paddingBottom: '12px', position: 'relative' } },
                 React.createElement("table", { style: { width: widths } },
-                    React.createElement("thead", null,
-                        React.createElement("tr", null,
-                            React.createElement("th", { style: Object.assign({}, thStyle, { width: '60px' }) }, i18n ? i18n.$t("global.num", "序号") : "序号"),
-                            columns.map((column, i) => {
-                                if (column.require) {
-                                    return (React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) },
-                                        React.createElement("span", { style: { color: '#ff4d4f' } }, "*"),
-                                        " ",
-                                        column.title));
-                                }
-                                return React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) }, column.title);
-                            }),
-                            hideOperation ? null : operation ? (React.createElement("th", { style: Object.assign({}, thStyle, { width: operation.width || 150, right: 0, position: "sticky" }) }, operation.title || "操作")) : (React.createElement("th", { style: Object.assign({}, thStyle, { width: 150, right: 0, position: "sticky" }) }, i18n ? i18n.$t("global.operation", "操作") : "操作")))),
+                    React.createElement("thead", null, hideHeader ? null : (React.createElement("tr", null,
+                        React.createElement("th", { style: Object.assign({}, thStyle, { width: '60px' }) }, i18n ? i18n.$t("global.num", "序号") : "序号"),
+                        columns.map((column, i) => {
+                            if (column.require) {
+                                return (React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) },
+                                    React.createElement("span", { style: { color: '#ff4d4f' } }, "*"),
+                                    " ",
+                                    column.title));
+                            }
+                            return React.createElement("th", { style: Object.assign({}, thStyle, { width: column.width || 200 }) }, column.title);
+                        }),
+                        hideOperation ? null : operation ? (React.createElement("th", { style: Object.assign({}, thStyle, { width: operation.width || 150, right: 0, position: "sticky" }) }, operation.title || "操作")) : (React.createElement("th", { style: Object.assign({}, thStyle, { width: 150, right: 0, position: "sticky" }) }, i18n ? i18n.$t("global.operation", "操作") : "操作"))))),
                     React.createElement("tbody", null, fields.map((field, index) => {
                         return (React.createElement("tr", { style: trStyle },
                             React.createElement("td", { style: tdStyle }, index + 1),

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

@@ -53,10 +53,8 @@ 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];
+        const notice = notices.find(item => item.key === key);
+        if (notice) {
             notice.props = Object.assign(notice.props, props);
             InjectNotification[key].forceUpdate();
         }

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

@@ -1,10 +1,20 @@
+import React from 'react';
 interface ILoadingFCProps {
     tip?: string;
     id?: string;
     key?: string;
 }
+export declare class LoadingFC extends React.Component<ILoadingFCProps> {
+    static defaultProps: {
+        tip: string;
+    };
+    maskStyle: React.CSSProperties;
+    alertStyle: React.CSSProperties;
+    render(): JSX.Element;
+}
 declare const _default: {
     show(props?: ILoadingFCProps): void;
+    update(props?: ILoadingFCProps): void;
     hide(props?: ILoadingFCProps): void;
 };
 export default _default;

package/lib/core/loading/index.js

@@ -1,42 +1,53 @@
 import React from 'react';
 import { Spin } from 'antd';
-import Notification from '../../helpers/notification';
-const notification = Notification.newInstance();
-const LoadingFC = (props) => {
-    const maskStyle = {
-        position: 'fixed',
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0,
-        zIndex: 9001,
-        backgroundColor: '#fff',
-        height: '100%',
-        opacity: 0.45
-    };
-    const alertStyle = {
-        position: 'fixed',
-        top: '50%',
-        left: '50%',
-        maxWidth: 340,
-        zIndex: 9002,
-        transform: 'translate(-50%, -70%)'
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { style: maskStyle }),
-        React.createElement("div", { style: alertStyle, className: 'ecoding-spin' },
-            React.createElement(Spin, { size: "large", tip: props.tip }, " "))));
-};
+import InjectNotification from "../inject-notification";
+const timeout = 300;
+export class LoadingFC extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.maskStyle = {
+            position: 'fixed',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            zIndex: 9001,
+            backgroundColor: '#fff',
+            height: '100%',
+            opacity: 0.45
+        };
+        this.alertStyle = {
+            position: 'fixed',
+            top: '50%',
+            left: '50%',
+            maxWidth: 340,
+            zIndex: 9002,
+            transform: 'translate(-50%, -70%)'
+        };
+    }
+    render() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { style: this.maskStyle }),
+            React.createElement("div", { style: this.alertStyle, className: 'ecoding-spin' },
+                React.createElement(Spin, { size: "large", tip: this.props.tip }, " "))));
+    }
+}
 LoadingFC.defaultProps = {
     tip: ''
 };
 export default {
     show(props = {}) {
         props.id = props.id || props.key || "loading";
-        notification.notice(React.createElement(LoadingFC, Object.assign({}, props, { key: props.id })));
+        InjectNotification.notice(React.createElement(LoadingFC, Object.assign({}, props, { key: props.id, ref: ref => InjectNotification[props.id] = ref })));
+    },
+    update(props = {}) {
+        props.id = props.id || props.key || "loading";
+        InjectNotification.updateNotice(props);
     },
     hide(props = {}) {
         props.id = props.id || props.key || "loading";
-        notification.removeNotice(props.id);
+        setTimeout(() => {
+            InjectNotification.removeNotice(props.id);
+        }, timeout);
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.3.26",
+    "version": "0.3.28",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -43,5 +43,5 @@
         "antd": "^5.8.4",
         "axios": "^1.1.2"
     },
-    "gitHead": "44a35846bf5d22c709e5eba2784d27ba081be374"
+    "gitHead": "2a2e7f3de20bb416e8bedfaa3075b7655e5fecc2"
 }