listpage-next 0.0.37 → 0.0.38

package/dist/components/Menu/index.js

@@ -18,7 +18,7 @@ const Menu_Menu = (props)=>{
         menus
     ]);
     return /*#__PURE__*/ jsx(Menu, {
-        mode: "vertical",
+        mode: "inline",
         theme: theme,
         style: style,
         items: menuItems,

package/dist/components/Page/components/ListPage/index.d.ts

@@ -6,6 +6,7 @@ export interface ListPageProps {
     filterProps?: FilterFormProps;
     toolbar?: React.ReactNode;
     body?: React.ReactNode;
+    floats?: React.ReactNode[];
     style?: React.CSSProperties;
 }
 export declare const ListPage: (props: ListPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/components/ListPage/index.js

@@ -4,7 +4,7 @@ import { Card } from "antd";
 import { FilterForm } from "../../../FilterGroup/components/FilterForm/index.js";
 import { BodySection, FilterSection, HeaderSection, ListPageContainer, Title, ToolbarSection } from "./styles.js";
 const ListPage = (props)=>{
-    const { title, extra, filterProps, toolbar, body, style } = props;
+    const { title, extra, filterProps, toolbar, body, style, floats } = props;
     const filter = useMemo(()=>{
         if (props.filter) return props.filter;
         if (filterProps) return /*#__PURE__*/ jsx(Card, {
@@ -38,7 +38,8 @@ const ListPage = (props)=>{
             }),
             /*#__PURE__*/ jsx(BodySection, {
                 children: body
-            })
+            }),
+            floats
         ]
     });
 };

package/dist/components/Page/components/PageContainer/index.d.ts

@@ -1,8 +1,10 @@
 import { SiderProps } from 'antd';
+import React from 'react';
 export interface PageContainerProps {
     sider?: React.ReactNode;
     header?: React.ReactNode;
     content?: React.ReactNode;
+    logo?: React.ReactNode;
     siderProps?: SiderProps;
 }
-export declare const PageContainer: ({ sider, header, content, siderProps, }: PageContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageContainer: ({ logo, sider, header, content, siderProps, }: PageContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Page/components/PageContainer/index.js

@@ -11,12 +11,26 @@ const LayoutStyled = styled_components(Layout)`
 const SiderStyled = styled_components(Sider)`
   background-color: #fff;
   border-right: 1px solid #e5e5e5;
+  display: flex;
+  flex-direction: column;
 `;
 const ContentStyled = styled_components(Content)`
   background-color: #fff;
   overflow: auto;
 `;
-const PageContainer = ({ sider, header, content, siderProps })=>{
+const SiderContentWrapper = styled_components.div`
+  flex: 1;
+  overflow: auto;
+`;
+const SiderContent = styled_components.div`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const LogoContentWrapper = styled_components.div`
+  flex: 0;
+`;
+const PageContainer = ({ logo, sider, header, content, siderProps })=>{
     const [collapsed, setCollapsed] = useState(false);
     return /*#__PURE__*/ jsx(PageContextProvider, {
         collapsed: collapsed,
@@ -37,7 +51,16 @@ const PageContainer = ({ sider, header, content, siderProps })=>{
                     onCollapse: (collapsed)=>{
                         setCollapsed(collapsed);
                     },
-                    children: sider
+                    children: /*#__PURE__*/ jsxs(SiderContent, {
+                        children: [
+                            logo && /*#__PURE__*/ jsx(LogoContentWrapper, {
+                                children: logo
+                            }),
+                            /*#__PURE__*/ jsx(SiderContentWrapper, {
+                                children: sider
+                            })
+                        ]
+                    })
                 }),
                 /*#__PURE__*/ jsxs(Layout, {
                     hasSider: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",