listpage-next 0.0.254 → 0.0.256

package/dist/components/PageLayout/components/PageLogo/index.d.ts

@@ -1,7 +1,8 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 export interface PageLogoProps {
     src?: string;
     icon?: ReactNode;
     title?: ReactNode;
+    style?: CSSProperties;
 }
 export declare const PageLogo: (props: PageLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageLogo/index.js

@@ -3,7 +3,7 @@ import { Image } from "antd";
 import { styled } from "styled-components";
 import { usePageContext } from "../PageProvider/index.js";
 const PageLogo = (props)=>{
-    const { src, icon, title } = props;
+    const { src, icon, title, style } = props;
     const { collapsed } = usePageContext();
     const image = src && /*#__PURE__*/ jsx(Image, {
         width: 22,
@@ -13,9 +13,11 @@ const PageLogo = (props)=>{
     });
     const avatar = icon;
     if (collapsed) return /*#__PURE__*/ jsx(LogoContentCollapseWrapper, {
+        style: style,
         children: image || avatar
     });
     return /*#__PURE__*/ jsxs(LogoContentWrapper, {
+        style: style,
         children: [
             image || avatar,
             title && /*#__PURE__*/ jsx(TitleContentWrapper, {

package/dist/features/ReactApp/Layout.d.ts

@@ -3,7 +3,7 @@ import { type MenuItem } from '../../ui/Menu';
 export interface LayoutProps {
     menus: MenuItem[];
     basename?: string;
-    title?: string;
+    title?: ReactNode;
     icon?: ReactNode;
 }
 export declare const Layout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ReactApp/Layout.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Outlet, useNavigate } from "react-router-dom";
-import { PageLayout } from "../../components/index.js";
+import { PageLayout, usePageContext } from "../../components/index.js";
 import { Menu } from "../../ui/Menu/index.js";
 import { getDefaultActiveKey } from "./utils.js";
 const Layout = (props)=>{
@@ -14,14 +14,29 @@ const Layout = (props)=>{
     return /*#__PURE__*/ jsx(PageLayout, {
         logo: {
             icon,
-            title
+            title,
+            style: {
+                backgroundColor: '#000c17'
+            }
         },
         content: /*#__PURE__*/ jsx(Outlet, {}),
-        sider: /*#__PURE__*/ jsx(Menu, {
+        siderProps: {
+            style: {
+                padding: 0
+            }
+        },
+        sider: /*#__PURE__*/ jsx(Sider, {
             items: menus,
             defaultActiveKey: defaultActiveKey,
             onSelect: navigate
         })
     });
 };
+const Sider = (props)=>{
+    const { collapsed } = usePageContext();
+    return /*#__PURE__*/ jsx(Menu, {
+        isCollapsed: collapsed,
+        ...props
+    });
+};
 export { Layout };

package/dist/ui/Menu/index.js

@@ -18,7 +18,7 @@ const Menu = (props)=>{
             ]);
     };
     return /*#__PURE__*/ jsxs("div", {
-        className: `overflow-y-auto overflow-x-hidden py-2 px-2 scrollbar-hide bg-[#000c17] ${isCollapsed ? 'w-[80px]' : 'flex-1'}`,
+        className: `h-full overflow-y-auto overflow-x-hidden scrollbar-hide bg-[#000c17] ${isCollapsed ? 'w-[47px]' : 'flex-1 py-2 px-2'}`,
         children: [
             !isCollapsed && title && /*#__PURE__*/ jsx("div", {
                 className: "px-3 mb-2 mt-2 text-[11px] font-medium text-neutral-500 uppercase tracking-widest",

package/dist/ui.css

@@ -492,8 +492,8 @@
   .w-80 {
     width: calc(var(--spacing) * 80);
   }
-  .w-\[80px\] {
-    width: 80px;
+  .w-\[47px\] {
+    width: 47px;
   }
   .w-\[200px\] {
     width: 200px;

package/package.json

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