listpage-next 0.0.242 → 0.0.243

package/dist/components/Menu/types.d.ts

@@ -1,6 +1,12 @@
-import { ItemType } from 'antd/es/menu/interface';
 import { MenuProps as AntdMenuProps } from 'antd';
-export type MenuItem = ItemType;
+import { JSX, ReactNode } from 'react';
+export type MenuItem = {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    children?: MenuItem[];
+    element?: JSX.Element;
+};
 export interface MenuProps extends Omit<AntdMenuProps, 'onSelect'> {
     onSelect?: (path: string) => void;
     defaultActiveKey?: string;

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Avatar, Image } from "antd";
+import { Image } from "antd";
 import { styled } from "styled-components";
 import { usePageContext } from "../PageProvider/index.js";
 const PageLogo = (props)=>{
@@ -11,11 +11,7 @@ const PageLogo = (props)=>{
         src: src,
         preview: true
     });
-    const avatar = icon && /*#__PURE__*/ jsx(Avatar, {
-        icon: icon,
-        shape: "circle",
-        size: 22
-    });
+    const avatar = icon;
     if (collapsed) return /*#__PURE__*/ jsx(LogoContentCollapseWrapper, {
         children: image || avatar
     });

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

@@ -0,0 +1,11 @@
+import { MenuItem } from '../../components';
+import { JSX, ReactNode } from 'react';
+export interface AppProps {
+    menus: MenuItem[];
+    basename?: string;
+    title?: string;
+    icon?: ReactNode;
+    hasAuth?: () => boolean;
+    loginElement?: JSX.Element;
+}
+export declare const App: (props: AppProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ReactApp/App.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { RouterProvider, createBrowserRouter } from "react-router-dom";
+import { createRoutes } from "./utils.js";
+import { Auth } from "./Auth.js";
+import { Layout } from "./Layout.js";
+const App = (props)=>{
+    const { menus, basename = '', title, icon, loginElement, hasAuth } = props;
+    const router = useMemo(()=>{
+        const routes = createRoutes(menus);
+        return createBrowserRouter([
+            loginElement && {
+                path: '/login',
+                element: loginElement
+            },
+            {
+                path: '/',
+                element: /*#__PURE__*/ jsx(Auth, {
+                    hasAuth: hasAuth,
+                    children: /*#__PURE__*/ jsx(Layout, {
+                        menus: menus,
+                        title: title,
+                        icon: icon,
+                        basename: basename
+                    })
+                }),
+                children: routes
+            }
+        ].filter(Boolean), {
+            basename
+        });
+    }, [
+        basename,
+        title,
+        icon,
+        menus
+    ]);
+    return /*#__PURE__*/ jsx(RouterProvider, {
+        router: router
+    });
+};
+export { App };

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

@@ -0,0 +1,4 @@
+export declare const Auth: ({ children, hasAuth, }: {
+    children: React.ReactNode;
+    hasAuth?: () => boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ReactApp/Auth.js

@@ -0,0 +1,16 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Navigate, useLocation } from "react-router-dom";
+const Auth = ({ children, hasAuth = ()=>true })=>{
+    const location = useLocation();
+    if (!hasAuth()) return /*#__PURE__*/ jsx(Navigate, {
+        to: "/login",
+        state: {
+            from: location
+        },
+        replace: true
+    });
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+};
+export { Auth };

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

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

package/dist/features/ReactApp/Layout.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Outlet, useNavigate } from "react-router-dom";
+import { Menu, PageLayout } from "../../components/index.js";
+import { getDefaultActiveKey } from "./utils.js";
+const Layout = (props)=>{
+    const { menus, basename = '', title, icon } = props;
+    const navigate = useNavigate();
+    const defaultActiveKey = useMemo(()=>getDefaultActiveKey(basename, menus), [
+        basename,
+        menus
+    ]);
+    return /*#__PURE__*/ jsx(PageLayout, {
+        logo: {
+            icon,
+            title
+        },
+        sider: /*#__PURE__*/ jsx(Menu, {
+            items: menus,
+            defaultActiveKey: defaultActiveKey,
+            onSelect: navigate
+        }),
+        content: /*#__PURE__*/ jsx(Outlet, {})
+    });
+};
+export { Layout };

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

@@ -0,0 +1 @@
+export { App } from './App';

package/dist/features/ReactApp/index.js

@@ -0,0 +1,2 @@
+import { App } from "./App.js";
+export { App };

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

@@ -0,0 +1,4 @@
+import { MenuItem } from '../../components';
+import { RouteObject } from 'react-router-dom';
+export declare const getDefaultActiveKey: (basename: string, menus: MenuItem[]) => string | undefined;
+export declare const createRoutes: (menus: MenuItem[]) => RouteObject[];

package/dist/features/ReactApp/utils.js

@@ -0,0 +1,15 @@
+import { detectActiveMenu } from "../../components/index.js";
+const getDefaultActiveKey = (basename, menus)=>{
+    let pathname = window.location.pathname;
+    if (pathname.startsWith(`${basename}`)) pathname = pathname.slice(basename.length + 1);
+    return detectActiveMenu(pathname, menus);
+};
+const createRoutes = (menus)=>{
+    const routes = menus.filter((menu)=>menu?.element).map((menu)=>({
+            path: menu.key,
+            element: menu.element,
+            children: createRoutes(menu?.children ?? [])
+        }));
+    return routes;
+};
+export { createRoutes, getDefaultActiveKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.242",
+  "version": "0.0.243",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -14,6 +14,10 @@
       "types": "./dist/ui/index.d.ts",
       "import": "./dist/ui/index.js"
     },
+    "./features/*": {
+      "types": "./dist/features/*/index.d.ts",
+      "import": "./dist/features/*/index.js"
+    },
     "./ui.css": "./dist/ui.css"
   },
   "types": "./dist/index.d.ts",