@quansitech/antd-admin 1.1.29 → 1.1.30

package/dist/components/Layout/New.js

@@ -17,7 +17,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { PageContainer, ProLayout, ProProvider } from "@ant-design/pro-components";
 import { Button, Dropdown, Menu, Space } from "antd";
 import { LayoutContext } from "../LayoutContext";
-import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { routerNavigateTo } from "../../lib/helpers";
 import http from "../../lib/http";
 // @ts-ignore
@@ -107,24 +107,6 @@ export default function (_ref) {
     }
     setOpenKeys(findKeyPath(layoutContext.props.menuActiveKey, layoutContext.props.menuList || []));
   }, [layoutContext.props.menuActiveKey]);
-  useCallback(function () {
-    var _pageProps$layoutProp, _pageProps$layoutProp2;
-    if ((_pageProps$layoutProp = pageProps.layoutProps) !== null && _pageProps$layoutProp !== void 0 && _pageProps$layoutProp.menuActiveKey) {
-      assignProps({
-        menuActiveKey: pageProps.layoutProps.menuActiveKey
-      });
-    }
-    var title = layoutContext.props.title || layoutProps.title;
-    if ((_pageProps$layoutProp2 = pageProps.layoutProps) !== null && _pageProps$layoutProp2 !== void 0 && _pageProps$layoutProp2.metaTitle) {
-      assignProps({
-        metaTitle: pageProps.layoutProps.metaTitle + ' | ' + title
-      });
-    } else {
-      assignProps({
-        metaTitle: title
-      });
-    }
-  }, [pageProps.layoutProps]);
   useEffect(function () {
     // 设置内容高度
     function onResize() {
@@ -173,7 +155,7 @@ export default function (_ref) {
   };
   var proContext = useContext(ProProvider);
   var actionsRender = function actionsRender() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.headerActions, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, layoutContext.props.headerActions, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
       type: 'text',
       onClick: function onClick() {
         setDarkMode(!proContext.dark);
@@ -193,7 +175,7 @@ export default function (_ref) {
       return "".concat(pageTitle, " | ").concat(layoutProps.title, " \u540E\u53F0\u7BA1\u7406");
     },
     footerRender: function footerRender() {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.footer !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.footer) : /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("a", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, layoutContext.props.footer !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, layoutContext.props.footer) : /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("a", {
         href: "https://www.quansitech.com/",
         target: '_blank'
       }, "\u5168\u601D\u79D1\u6280"), /*#__PURE__*/React.createElement("a", {

package/dist/components/Layout/Replacement/Footer.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export default function ({ children }: PropsWithChildren): any;

package/dist/components/Layout/Replacement/Footer.js

@@ -0,0 +1,18 @@
+import { useContext, useEffect } from 'react';
+import { LayoutContext } from "../../LayoutContext";
+export default function (_ref) {
+  var children = _ref.children;
+  var layoutContext = useContext(LayoutContext);
+  useEffect(function () {
+    var footer = layoutContext.props.footer;
+    layoutContext.assignProps({
+      footer: children
+    });
+    return function () {
+      layoutContext.assignProps({
+        footer: footer
+      });
+    };
+  }, []);
+  return null;
+}

package/dist/components/Layout/Replacement/HeaderActions.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export default function ({ children }: PropsWithChildren): any;

package/dist/components/Layout/Replacement/HeaderActions.js

@@ -0,0 +1,18 @@
+import { useContext, useEffect } from 'react';
+import { LayoutContext } from "../../LayoutContext";
+export default function (_ref) {
+  var children = _ref.children;
+  var layoutContext = useContext(LayoutContext);
+  useEffect(function () {
+    var headerActions = layoutContext.props.headerActions;
+    layoutContext.assignProps({
+      headerActions: children
+    });
+    return function () {
+      layoutContext.assignProps({
+        headerActions: headerActions
+      });
+    };
+  }, []);
+  return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quansitech/antd-admin",
-  "version": "1.1.29",
+  "version": "1.1.30",
   "type": "module",
   "files": [
     "dist"

package/readme.md

@@ -12,10 +12,10 @@ npm install @quansitech/antd-admin
 
 ### Layout组件Props
 
-| 属性            | 说明   | 类型        | 默认值           |
-|---------------|------|-----------|---------------|
-| headerActions | 顶部操作 | ReactNode | -             |
-| footer        | 底部内容 | ReactNode | 全思科技 - Github |
+| 属性            | 替换组件          | 说明   | 类型        | 默认值           |
+|---------------|---------------|------|-----------|---------------|
+| headerActions | HeaderActions | 顶部操作 | ReactNode | -             |
+| footer        | Footer        | 底部内容 | ReactNode | 全思科技 - Github |
 
 可在项目目录 `/resources/js/backend/app.tsx` 中修改，如：
 
@@ -37,6 +37,23 @@ createInertiaApp({
 })
 ```
 
+对于单独页面修改Layout组件属性，可在页面中调用对应的 Replacement 组件，如：
+
+```tsx
+import HeaderActions from "@quansitech/antd-admin/dist/components/Layout/Replacement/HeaderActions";
+
+export default function () {
+
+    return <>
+        <HeaderActions>
+            修改的内容
+        </HeaderActions>
+        页面内容
+    </>
+}
+
+```
+
 ### valueType列表
 
 参考 [ant-design-pro#valueType](https://procomponents.ant.design/components/schema#valuetype-%E5%88%97%E8%A1%A8)