@teamias/pro-layout 0.0.19 → 0.0.20

package/dist/markdowns/example1/BasicProLayoutBusiness/index.js

@@ -10,6 +10,7 @@ import { useEffect } from 'react';
 import ReactDom from 'react-dom';
 import { MemoryRouter } from 'react-router-dom';
 import { PlaceholderElement } from "./pages/PlaceholderElement";
+import { pageComponentMap } from "./testData";
 import { jsx as _jsx } from "react/jsx-runtime";
 var BasicProLayout = function BasicProLayout() {
   return /*#__PURE__*/_jsx(RexProConfigProvider, {
@@ -65,9 +66,8 @@ var BasicProLayout = function BasicProLayout() {
     children: /*#__PURE__*/_jsx(MemoryRouter, {
       children: /*#__PURE__*/_jsx(ProLayoutBusiness, {
         basename: "/",
-        projectId: "2"
-        // pageComponentMap={pageComponentMap}
-        ,
+        projectId: "2",
+        pageComponentMap: pageComponentMap,
         renderMenuItem: function renderMenuItem(item, type) {
           return /*#__PURE__*/_jsx(MenuItem, {
             item: item,

package/dist/markdowns/example1/BasicProLayoutBusiness/testData.d.ts

@@ -1,5 +1,5 @@
 export declare const pageComponentMap: {
-    '/': {
+    '/3': {
         element: import("react/jsx-runtime").JSX.Element;
     };
     '/menu/page1': {

package/dist/markdowns/example1/BasicProLayoutBusiness/testData.js

@@ -3,7 +3,7 @@ import { Level1 } from "./pages/Level1";
 import { Level2 } from "./pages/Level2";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var pageComponentMap = {
-  '/': {
+  '/3': {
     element: /*#__PURE__*/_jsx(Home, {})
   },
   '/menu/page1': {

package/dist/pro-layout/components/AvatarItem.js

@@ -21,25 +21,20 @@ export var AvatarItem = function AvatarItem(_ref) {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return onLogout();
-              case 3:
-                // setLocalStorageItem(LOCAL_STORAGE.ACCESS_TOKEN, '');
-                localStorage.clear();
-                sessionStorage.clear();
-                updateData({}, 'replace');
-                _context.next = 11;
-                break;
-              case 8:
-                _context.prev = 8;
-                _context.t0 = _context["catch"](0);
-                console.error(_context.t0);
-              case 11:
+                try {
+                  onLogout();
+                  // setLocalStorageItem(LOCAL_STORAGE.ACCESS_TOKEN, '');
+                  localStorage.clear();
+                  sessionStorage.clear();
+                  updateData({}, 'replace');
+                } catch (error) {
+                  console.error(error);
+                }
+              case 1:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[0, 8]]);
+          }, _callee);
         }));
         function onOk() {
           return _onOk.apply(this, arguments);

package/dist/pro-layout/components/KeepAlive/KeepAliveClass.d.ts

@@ -17,7 +17,7 @@ export declare class KeepAliveClass {
     updateAllComponent(type?: 'all' | 'pagesHook' | 'context'): Promise<void>;
     /** 获取页面数据 */
     getPages(): (import("react-router-dom").Location & {
-        pageStatus: 200 | 403 | 404;
+        pageStatus: 404 | 403 | 200;
         pageTitle: string;
         intlMenuConfig?: {
             id: string;
@@ -45,7 +45,7 @@ export declare class KeepAliveClass {
     useLifeCycle: (callback: IPageLifeCycleCallback) => void;
     /** 获取缓存页面数组 */
     useKeepAlivePages: () => (import("react-router-dom").Location & {
-        pageStatus: 200 | 403 | 404;
+        pageStatus: 404 | 403 | 200;
         pageTitle: string;
         intlMenuConfig?: {
             id: string;

package/dist/pro-layout/components/KeepAlive/KeepAliveClass.js

@@ -23,6 +23,7 @@ import { Button, Result } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { ErrorBoundary } from 'react-error-boundary';
+import { useDebounceEffect } from 'ahooks';
 import { useAccessRouter } from "../../hooks";
 import { NoFoundPage } from "../NoFoundPage";
 import { useCacheTabsLayout } from "./modules/useCacheTabsLayout";
@@ -173,6 +174,7 @@ export var KeepAliveClass = /*#__PURE__*/function () {
       var _useState3 = useState({}),
         _useState4 = _slicedToArray(_useState3, 2),
         update = _useState4[1];
+      var divRef = useRef(null);
       var _useRef2 = useRef({
           divId: "auto-refresh-keep-alive-item-".concat(Date.now(), "-").concat(Math.random().toString(36).substring(2)),
           div: document.createElement('div'),
@@ -204,28 +206,31 @@ export var KeepAliveClass = /*#__PURE__*/function () {
         }
         cache.count += 1;
       });
-      useEffect(function () {
+      useDebounceEffect(function () {
         cache.portal = cache.portal || /*#__PURE__*/createPortal(children, cache.div);
         // update({});
         if (cache.show) {
-          var _document$getElementB;
+          var _ref2;
           // debugger;
-          (_document$getElementB = document.getElementById(cache.divId)) === null || _document$getElementB === void 0 || (_document$getElementB = _document$getElementB.parentElement) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(cache.div);
+          (_ref2 = divRef.current || document.getElementById(cache.divId)) === null || _ref2 === void 0 || (_ref2 = _ref2.parentElement) === null || _ref2 === void 0 || _ref2.appendChild(cache.div);
         } else {
           cache.div.remove();
         }
         update({});
-      }, [cache.show]);
+      }, [cache.show, divRef.current], {
+        wait: 0
+      });
       return /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("div", {
+          ref: divRef,
           id: cache.divId
         }), cache.portal]
       });
     });
     /** 页面挂载组件 */
-    _defineProperty(this, "KeepAliveItem", function (_ref2) {
-      var activate = _ref2.activate,
-        idKey = _ref2.idKey;
+    _defineProperty(this, "KeepAliveItem", function (_ref3) {
+      var activate = _ref3.activate,
+        idKey = _ref3.idKey;
       var _useAccessRouter3 = useAccessRouter(),
         page = _useAccessRouter3.page;
       var _useState5 = useState({}),
@@ -262,8 +267,8 @@ export var KeepAliveClass = /*#__PURE__*/function () {
       useEffect(function () {
         if (activate && _this.contentDom) {
           cache.portal = cache.portal || /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(ErrorBoundary, {
-            fallbackRender: function fallbackRender(_ref3) {
-              var error = _ref3.error;
+            fallbackRender: function fallbackRender(_ref4) {
+              var error = _ref4.error;
               return /*#__PURE__*/_jsx(_Fragment, {
                 children: /*#__PURE__*/_jsx(Result, {
                   status: "error",

package/dist/pro-layout/components/Login/index.js

@@ -48,6 +48,7 @@ export var Login = function Login(_ref) {
       "data-lang": true,
       children: renderSelectLang()
     }), /*#__PURE__*/_jsxs(Row, {
+      wrap: false,
       justify: "center",
       className: "content",
       children: [/*#__PURE__*/_jsx(Col, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/pro-layout",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",