xmirror-components 1.0.16 → 1.0.17

package/build/es/components/AntdApp/index.js

@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { App, message as AntdMessage, notification as AntdNotification, Modal as AntdModal } from 'antd';
+import GlobalLoading from './../GlobalLoading';
 var message = AntdMessage;
 var notification = AntdNotification;
 var modal = AntdModal;
@@ -36,6 +37,7 @@ function InitApp(_a) {
 function Index(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (React.createElement(App, __assign({}, props),
+        React.createElement(GlobalLoading, null),
         React.createElement(InitApp, null, children)));
 }
 export { message, notification, modal };

package/build/es/components/GlobalLoading/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare let setGlobalLoading: (_value: boolean) => void;
+declare function GlobalLoading(): React.JSX.Element;
+export { setGlobalLoading };
+export default GlobalLoading;

package/build/es/components/GlobalLoading/index.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import './index.less';
+var setGlobalLoading = function (_value) {
+    console.warn('GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！');
+};
+function GlobalLoading() {
+    var ref = useRef(null);
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    useEffect(function () {
+        setGlobalLoading = function (value) {
+            setLoading(value);
+        };
+    }, []);
+    return (React.createElement(CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true }, function () {
+        return (React.createElement("div", { ref: ref, className: "global-loading" },
+            React.createElement("div", { className: "global-loading-container" },
+                React.createElement("div", { className: "dot dot-1" }),
+                React.createElement("div", { className: "dot dot-2" }),
+                React.createElement("div", { className: "dot dot-3" }),
+                React.createElement("div", { className: "dot dot-4" }),
+                React.createElement("div", { className: "dot dot-5" })),
+            React.createElement("svg", { style: {
+                    visibility: 'hidden',
+                    position: 'absolute'
+                } },
+                React.createElement("defs", null,
+                    React.createElement("filter", { id: "goo" },
+                        React.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
+                        React.createElement("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -2" }),
+                        React.createElement("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" }))))));
+    }));
+}
+export { setGlobalLoading };
+export default GlobalLoading;

package/build/es/components/IconFont/index.d.ts

@@ -17,5 +17,5 @@ declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps &
     symbol?: false;
 }) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
     symbol: true;
-}, "ref">) & React.RefAttributes<SVGSVGElement | HTMLElement>>;
+}, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
 export default IconFont;

package/build/lib/components/AntdApp/index.js

@@ -28,6 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal = exports.notification = exports.message = void 0;
 var react_1 = __importDefault(require("react"));
 var antd_1 = require("antd");
+var GlobalLoading_1 = __importDefault(require("./../GlobalLoading"));
 var message = antd_1.message;
 exports.message = message;
 var notification = antd_1.notification;
@@ -45,6 +46,7 @@ function InitApp(_a) {
 function Index(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     return (react_1.default.createElement(antd_1.App, __assign({}, props),
+        react_1.default.createElement(GlobalLoading_1.default, null),
         react_1.default.createElement(InitApp, null, children)));
 }
 exports.default = Index;

package/build/lib/components/GlobalLoading/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare let setGlobalLoading: (_value: boolean) => void;
+declare function GlobalLoading(): React.JSX.Element;
+export { setGlobalLoading };
+export default GlobalLoading;

package/build/lib/components/GlobalLoading/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setGlobalLoading = void 0;
+var react_1 = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+require("./index.less");
+var setGlobalLoading = function (_value) {
+    console.warn('GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！');
+};
+exports.setGlobalLoading = setGlobalLoading;
+function GlobalLoading() {
+    var ref = (0, react_1.useRef)(null);
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
+    (0, react_1.useEffect)(function () {
+        exports.setGlobalLoading = setGlobalLoading = function (value) {
+            setLoading(value);
+        };
+    }, []);
+    return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true }, function () {
+        return (react_1.default.createElement("div", { ref: ref, className: "global-loading" },
+            react_1.default.createElement("div", { className: "global-loading-container" },
+                react_1.default.createElement("div", { className: "dot dot-1" }),
+                react_1.default.createElement("div", { className: "dot dot-2" }),
+                react_1.default.createElement("div", { className: "dot dot-3" }),
+                react_1.default.createElement("div", { className: "dot dot-4" }),
+                react_1.default.createElement("div", { className: "dot dot-5" })),
+            react_1.default.createElement("svg", { style: {
+                    visibility: 'hidden',
+                    position: 'absolute'
+                } },
+                react_1.default.createElement("defs", null,
+                    react_1.default.createElement("filter", { id: "goo" },
+                        react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
+                        react_1.default.createElement("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -2" }),
+                        react_1.default.createElement("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" }))))));
+    }));
+}
+exports.default = GlobalLoading;

package/build/lib/components/IconFont/index.d.ts

@@ -17,5 +17,5 @@ declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps &
     symbol?: false;
 }) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
     symbol: true;
-}, "ref">) & React.RefAttributes<SVGSVGElement | HTMLElement>>;
+}, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
 export default IconFont;

package/build/lib/index.d.ts

@@ -96,7 +96,7 @@ export declare const IconFont: React_2.ForwardRefExoticComponent<((IconFontCommo
     symbol?: false;
 }) | Omit<IconFontCommonProps & React_2.SVGProps<SVGSVGElement> & {
     symbol: true;
-}, "ref">) & React_2.RefAttributes<SVGSVGElement | HTMLElement>>;
+}, "ref">) & React_2.RefAttributes<HTMLElement | SVGSVGElement>>;
 
 declare interface IconFontCommonProps {
     /**

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",

package/build/types/components/GlobalLoading/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare let setGlobalLoading: (_value: boolean) => void;
+declare function GlobalLoading(): React.JSX.Element;
+export { setGlobalLoading };
+export default GlobalLoading;

package/build/types/components/IconFont/index.d.ts

@@ -17,5 +17,5 @@ declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps &
     symbol?: false;
 }) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
     symbol: true;
-}, "ref">) & React.RefAttributes<SVGSVGElement | HTMLElement>>;
+}, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
 export default IconFont;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",