@zhubangyun/lowcode-core 5.12.92 → 6.1.90

package/es/utils/page/page-load-schema.js

@@ -1,56 +1,48 @@
 import _Result from "antd/es/result";
 import _message from "antd/es/message";
-import { useEffect, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 import { getSchema } from "../api";
-import { PageLoading } from "../../components/page-loading";
 import { getSchemaFromCache } from "../api/schema-api";
+import { hideLoading, showLoading } from "./index";
 export function PageLoadSchema(props) {
   var pageId = props.pageId,
     children = props.children;
   var cache = getSchemaFromCache(pageId);
-  var _useState = useState(!cache),
-    loading = _useState[0],
-    setLoading = _useState[1];
-  var _useState2 = useState(cache === null || cache === void 0 ? void 0 : cache.data),
-    schema = _useState2[0],
-    setSchema = _useState2[1];
-  var _useState3 = useState(),
-    errorMsg = _useState3[0],
-    setErrorMsg = _useState3[1];
+  var _useState = useState(cache === null || cache === void 0 ? void 0 : cache.data),
+    schema = _useState[0],
+    setSchema = _useState[1];
+  var _useState2 = useState(),
+    errorMsg = _useState2[0],
+    setErrorMsg = _useState2[1];
   useEffect(function () {
-    if (cache) {
+    if (cache !== null && cache !== void 0 && cache.success) {
       return;
     }
     if (pageId) {
+      showLoading().then();
       getSchema(pageId).then(function (res) {
         if (res.success) {
-          setLoading(false);
-          setSchema(res.data);
+          setSchema(res === null || res === void 0 ? void 0 : res.data);
         } else {
-          setErrorMsg(res.message);
+          setErrorMsg(res === null || res === void 0 ? void 0 : res.message);
         }
+      })["finally"](function () {
+        hideLoading().then();
       });
     } else {
-      setLoading(false);
-      setErrorMsg("页面id不可为空!");
-      console.error("页面id不可为空!");
-      _message.error("页面id不可为空!").then();
+      hideLoading().then();
+      setErrorMsg("参数错误:页面id不可为空!");
+      _message.error("参数错误:页面id不可为空!").then();
     }
   }, []);
-  if (cache) {
+  if (schema) {
     return children(schema);
   }
-  if (loading) {
-    return /*#__PURE__*/React.createElement(PageLoading, {
-      loading: true,
-      background: "rgba(255, 255, 255, 0)"
-    });
-  }
-  if (!schema) {
+  if (errorMsg) {
     return /*#__PURE__*/React.createElement(_Result, {
       status: 500,
       title: errorMsg
     });
   }
-  return children(schema);
+  return /*#__PURE__*/React.createElement(Fragment, null);
 }

package/es/utils/page/page-render.js

@@ -4,10 +4,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { createElement } from "react";
 import { createRoot } from "react-dom/client";
 export function renderElement(options) {
-  return new Promise( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
+  return new Promise(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
       var container, _onClose, _options$element, component, props, unmount, root, element;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             container = options.container, _onClose = options.onClose;
@@ -37,7 +37,7 @@ export function renderElement(options) {
               }
             }));
             root.render(element);
-          case 7:
+          case 1:
           case "end":
             return _context.stop();
         }

package/es/utils/page/page-show.d.ts

@@ -4,6 +4,8 @@ export interface ShowPageProps {
     pageId: string;
     layout?: PageLayoutType;
     onClose?: () => void | Promise<void>;
+    extraProps?: any;
+    afterLoadSchema?: (schema: any) => void;
     pageRef?: (page: any) => void;
 }
 export declare function show(options: ShowPageProps): Promise<any | any[]>;

package/es/utils/page/page-show.js

@@ -14,9 +14,9 @@ export function show(_x) {
   return _show.apply(this, arguments);
 }
 function _show() {
-  _show = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+  _show = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
     var container, onClose, props;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           container = options.container, onClose = options.onClose, props = _objectWithoutPropertiesLoose(options, _excluded2);
@@ -28,7 +28,7 @@ function _show() {
               props: props
             }
           }));
-        case 2:
+        case 1:
         case "end":
           return _context.stop();
       }
@@ -44,6 +44,7 @@ var PageRender = /*#__PURE__*/function (_Component) {
     }
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
     _this.layoutRef = void 0;
+    _this.schema = void 0;
     return _this;
   }
   _inheritsLoose(PageRender, _Component);
@@ -72,6 +73,10 @@ var PageRender = /*#__PURE__*/function (_Component) {
     }, /*#__PURE__*/React.createElement(PageLoadSchema, {
       pageId: pageId
     }, function (schema) {
+      _this2.schema = schema;
+      if (_this2.props.pageRef) {
+        _this2.props.pageRef(_this2);
+      }
       return /*#__PURE__*/React.createElement(ReactRender, _extends({
         schema: schema,
         components: window._components || window.components || window.__components

package/es/utils/page/print-form.js

@@ -8,12 +8,12 @@ export function getFormPrintTemplates(_x) {
   return _getFormPrintTemplates.apply(this, arguments);
 }
 function _getFormPrintTemplates() {
-  _getFormPrintTemplates = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(formId) {
+  _getFormPrintTemplates = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(formId) {
     var res;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.next = 2;
+          _context.next = 1;
           return apiRequest.get("forms/search", {
             params: {
               formId: FormIds.printTemplate,
@@ -25,16 +25,16 @@ function _getFormPrintTemplates() {
               pageSize: 1000
             }
           });
-        case 2:
+        case 1:
           res = _context.sent;
           if (!res.success) {
-            _context.next = 7;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return", res.data);
-        case 7:
+        case 2:
           return _context.abrupt("return", []);
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -46,94 +46,103 @@ export function print(_x2) {
   return _print.apply(this, arguments);
 }
 function _print() {
-  _print = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options) {
-    var templateId, iw;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+  _print = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options) {
+    var templateId, iw, _t;
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
-          _context2.next = 3;
+          _context2.next = 1;
           return showLoading();
-        case 3:
+        case 1:
           templateId = options === null || options === void 0 ? void 0 : options.templateId;
           if (templateId) {
-            _context2.next = 7;
+            _context2.next = 2;
             break;
           }
           _message.error("\u6253\u5370\u5931\u8D25!\u6A21\u677Fid\u4E0D\u53EF\u4E3A\u7A7A!");
           return _context2.abrupt("return");
-        case 7:
-          _context2.next = 9;
-          return openPrint(templateId);
-        case 9:
+        case 2:
+          _context2.next = 3;
+          return openPrint(templateId, options);
+        case 3:
           iw = _context2.sent;
           if (iw) {
-            _context2.next = 13;
+            _context2.next = 4;
             break;
           }
           _message.error("\u6253\u5370\u5931\u8D25!\u6253\u5370\u7A97\u53E3\u4E0D\u53EF\u4E3A\u7A7A!");
           return _context2.abrupt("return");
-        case 13:
-          // @ts-ignore
-          iw.printOptions = options;
-          _context2.next = 19;
+        case 4:
+          _context2.next = 6;
           break;
-        case 16:
-          _context2.prev = 16;
-          _context2.t0 = _context2["catch"](0);
-          console.log("打印失败", _context2.t0);
-        case 19:
-          _context2.prev = 19;
-          return _context2.finish(19);
-        case 21:
+        case 5:
+          _context2.prev = 5;
+          _t = _context2["catch"](0);
+          console.log("打印失败", _t);
+        case 6:
+          _context2.prev = 6;
+          return _context2.finish(6);
+        case 7:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[0, 16, 19, 21]]);
+    }, _callee2, null, [[0, 5, 6, 7]]);
   }));
   return _print.apply(this, arguments);
 }
-function openPrint(_x3) {
+function openPrint(_x3, _x4) {
   return _openPrint.apply(this, arguments);
 }
 function _openPrint() {
-  _openPrint = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(templateId) {
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+  _openPrint = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(templateId, options) {
+    var url;
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          return _context4.abrupt("return", new Promise( /*#__PURE__*/function () {
-            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resolve, reject) {
-              var iframe, iframeWindow;
-              return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          url = "/print/" + templateId;
+          return _context4.abrupt("return", new Promise(/*#__PURE__*/function () {
+            var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(resolve, reject) {
+              var printWindow, iframe;
+              return _regeneratorRuntime.wrap(function (_context3) {
                 while (1) switch (_context3.prev = _context3.next) {
                   case 0:
                     iframe = document.createElement("iframe");
-                    iframe.src = "/print/" + templateId;
-                    iframe.style.display = "none";
+                    iframe.src = url;
+                    iframe.className = "print-iframe";
                     document.body.appendChild(iframe);
-                    iframeWindow = iframe.contentWindow;
-                    if (iframeWindow) {
-                      _context3.next = 8;
+                    printWindow = iframe.contentWindow;
+                    if (printWindow) {
+                      _context3.next = 1;
                       break;
                     }
                     reject("创建Iframe失败!");
                     return _context3.abrupt("return");
-                  case 8:
-                    iframeWindow.onload = function () {
-                      resolve(iframeWindow);
+                  case 1:
+                    // @ts-ignore
+                    window.printWindow = printWindow;
+                    printWindow.onload = function () {
+                      // @ts-ignore
+                      printWindow.printOptions = options;
                     };
-                    iframeWindow.addEventListener("beforeprint", function () {});
-                    iframeWindow.addEventListener("afterprint", function () {
+                    printWindow.addEventListener("beforeprint", function () {});
+                    printWindow.addEventListener("afterprint", function () {
                       hideLoading();
-                      iframe.remove();
+                      setTimeout(function () {
+                        resolve(printWindow);
+                        if (window.__debug) {
+                          return;
+                        }
+                        iframe.remove();
+                      }, 100);
                     });
-                  case 11:
+                  case 2:
                   case "end":
                     return _context3.stop();
                 }
               }, _callee3);
             }));
-            return function (_x4, _x5) {
+            return function (_x5, _x6) {
               return _ref.apply(this, arguments);
             };
           }()));

package/es/utils/uni-bridge.d.ts

@@ -0,0 +1,18 @@
+interface ScanCodeOptions {
+    onlyFromCamera?: boolean;
+    openUrl?: boolean;
+}
+interface ScanCodeResult {
+    result: string;
+}
+declare class UniBridge {
+    private callbacks;
+    navigateTo(src: string): void;
+    scanCode(options: ScanCodeOptions): Promise<ScanCodeResult>;
+    getBarHeight(): Promise<unknown>;
+    getLocation(options: {}): Promise<unknown>;
+    private doAction;
+    private receiveMessage;
+}
+export declare const uniBridge: UniBridge;
+export {};

package/es/utils/uni-bridge.js

@@ -0,0 +1,130 @@
+import _message from "antd/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+var uniqueId = 0;
+var UniBridge = /*#__PURE__*/function () {
+  function UniBridge() {
+    this.callbacks = {};
+  }
+  var _proto = UniBridge.prototype;
+  _proto.navigateTo = function navigateTo(src) {
+    var url = src;
+    if (!src.startsWith("http")) {
+      url = new URL(url, window.location.href).href;
+    }
+    uni.navigateTo({
+      url: "/pages/web-page/index?url=" + url
+    });
+  };
+  _proto.scanCode = /*#__PURE__*/function () {
+    var _scanCode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+      var _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 1;
+            return this.doAction("scanCode", options);
+          case 1:
+            return _context.abrupt("return", _context.sent);
+          case 2:
+            _context.prev = 2;
+            _t = _context["catch"](0);
+            _message.error("");
+            throw _t;
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, this, [[0, 2]]);
+    }));
+    function scanCode(_x) {
+      return _scanCode.apply(this, arguments);
+    }
+    return scanCode;
+  }();
+  _proto.getBarHeight = /*#__PURE__*/function () {
+    var _getBarHeight = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            return _context2.abrupt("return", this.doAction("getBarHeight", {}));
+          case 1:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, this);
+    }));
+    function getBarHeight() {
+      return _getBarHeight.apply(this, arguments);
+    }
+    return getBarHeight;
+  }();
+  _proto.getLocation = /*#__PURE__*/function () {
+    var _getLocation = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(options) {
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            return _context3.abrupt("return", this.doAction("getLocation", {
+              type: 'wgs84'
+            }));
+          case 1:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, this);
+    }));
+    function getLocation(_x2) {
+      return _getLocation.apply(this, arguments);
+    }
+    return getLocation;
+  }();
+  _proto.doAction = /*#__PURE__*/function () {
+    var _doAction = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(action, options) {
+      var _this = this;
+      var messageId;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            uniqueId++;
+            messageId = "msg_" + uniqueId + Date.now().toString(36);
+            return _context4.abrupt("return", new Promise(function (resolve, reject) {
+              _this.callbacks[messageId] = {
+                resolve: resolve,
+                reject: reject
+              };
+              console.log("postMessage", action, options);
+              uni.postMessage({
+                data: {
+                  action: action,
+                  messageId: messageId,
+                  options: options
+                }
+              });
+            }));
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    function doAction(_x3, _x4) {
+      return _doAction.apply(this, arguments);
+    }
+    return doAction;
+  }();
+  _proto.receiveMessage = function receiveMessage(message) {
+    console.log('收到 UniApp 消息:', message);
+    var callback = this.callbacks[message.messageId];
+    if (callback) {
+      if (message.success) {
+        callback.resolve(message.data);
+      } else {
+        callback.reject(message.error || new Error('操作失败'));
+      }
+      delete this.callbacks[message.messageId];
+    }
+  };
+  return UniBridge;
+}();
+export var uniBridge = new UniBridge();

package/es/utils/util.common.d.ts

@@ -0,0 +1 @@
+export declare function isTemplate(): boolean;

package/es/utils/util.common.js

@@ -0,0 +1,4 @@
+export function isTemplate() {
+  return false;
+  return location.host == "templates.zhiyunhe.com";
+}

package/lib/components/load-materials/index.js

@@ -8,26 +8,38 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireWildcard(require("react"));
 var _pageLoading = require("../page-loading");
 var _common = require("../../utils/common");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function getInit() {
+  if (window._components) {
+    return true;
+  }
+  if (window.AntdProMaterial) {
+    setComponents();
+    return true;
+  }
+  return false;
+}
 function LoadMaterials(props) {
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(getInit()),
     init = _useState[0],
     setInit = _useState[1];
   (0, _react.useEffect)(function () {
     initialize().then();
   }, []);
-  if (window._components) {
-    return props.children;
-  }
   function initialize() {
     return _initialize.apply(this, arguments);
   }
   function _initialize() {
-    _initialize = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
+    _initialize = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (!init) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
             _context.next = 2;
             return loadMaterials();
           case 2:
@@ -52,41 +64,44 @@ function loadMaterials() {
   return _loadMaterials.apply(this, arguments);
 }
 function _loadMaterials() {
-  _loadMaterials = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var components, urls;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
+  _loadMaterials = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var urls;
+    return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          components = {};
           if (!window._components) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           return _context2.abrupt("return");
-        case 3:
-          urls = ["prop-types/15.8.1/prop-types.min.js", "lodash/4.17.15/lodash.min.js", "dayjs/dayjs.min.js", "antd/latest/reset.css", "antd/latest/antd.min.js", "antdIcon/1.0.0/antdIcon.min.js", "lowcode/core/index.js", "lowcode/core/index.css", "lowcode/materials/root/view.js", "lowcode/materials/root/view.css", "lowcode/materials/antd/view.js", "lowcode/materials/antd/view.css", "lowcode/materials/antd-pro/view.js", "lowcode/materials/antd-pro/view.css", "lowcode/icon-font/app/iconfont.js"];
-          _context2.next = 6;
+        case 1:
+          urls = ["prop-types/15.8.1/prop-types.min.js", "lodash/4.17.15/lodash.min.js", "dayjs/dayjs.min.js", "antdIcon/1.0.0/antdIcon.min.js", "lowcode/core/index.js", "lowcode/core/index.css", "lowcode/materials/root/view.js", "lowcode/materials/root/view.css", "lowcode/materials/antd/view.js", "lowcode/materials/antd/view.css", "lowcode/materials/antd-pro/view.js", "lowcode/materials/antd-pro/view.css", "lowcode/icon-font/app/iconfont.js"];
+          _context2.next = 2;
           return (0, _common.loadPlugins)(urls.map(function (url) {
             return "https://cdn.zhiyunhe.com/plugin/" + url;
           }));
-        case 6:
-          ["RootMaterial", "AntdMaterial", "AntdProMaterial"].forEach(function (lib) {
-            var data = window[lib];
-            if (data) {
-              Object.entries(data).forEach(function (_ref) {
-                var key = _ref[0],
-                  value = _ref[1];
-                // @ts-ignore
-                components[key] = value;
-              });
-            }
-          });
-          window._components = components;
-        case 8:
+        case 2:
+          setComponents();
+        case 3:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
   return _loadMaterials.apply(this, arguments);
+}
+function setComponents() {
+  var components = {};
+  ["RootMaterial", "AntdMaterial", "AntdProMaterial"].forEach(function (lib) {
+    var data = window[lib];
+    if (data) {
+      Object.entries(data).forEach(function (_ref) {
+        var key = _ref[0],
+          value = _ref[1];
+        // @ts-ignore
+        components[key] = value;
+      });
+    }
+  });
+  window._components = components;
 }

package/lib/components/page-loading/index.js

@@ -3,16 +3,19 @@
 exports.__esModule = true;
 exports.PageLoading = PageLoading;
 require("./index.less");
+var _react = require("react");
 function PageLoading(props) {
   var loading = props.loading,
     _props$background = props.background,
     background = _props$background === void 0 ? "#f1f1f1" : _props$background,
     children = props.children;
+  (0, _react.useEffect)(function () {}, [loading]);
   return /*#__PURE__*/React.createElement("div", {
     className: "page-loading-wrapper",
     style: {
       width: "100%",
-      height: "100%"
+      height: "100%",
+      background: "rgba(0,0,0,0)"
     }
   }, children, loading && /*#__PURE__*/React.createElement("div", {
     className: "page-loading",