@vef-framework/starter 1.0.133 → 1.0.135

package/cjs/routes/layout.cjs

@@ -1,2 +1,2 @@
 "use strict";
-"use strict";var u=require("@emotion/react/jsx-runtime"),a=require("@tanstack/react-router"),m=require("@vef-framework/components"),I=require("@vef-framework/core"),L=require("@vef-framework/shared"),S=require("lucide-react"),h=require("react"),p=require("../constants.cjs"),_=require("../helper.cjs"),A=require("../store.cjs");const w={key:p.INDEX_PAGE_PATH,label:u.jsx(m.VefIcon,{children:u.jsx(S.HomeIcon,{})})};function O({title:y,logo:v,getUserDescription:P}){function M(){const r=a.useRouter(),n=a.useNavigate(),{pathname:t}=a.useLocation(),[i,o,s]=A.useAppStore(e=>[e.menus,e.user,e.routeParentMenusMappings]),c=s?.get(t)?.[1].map(e=>e.key),C=h.useMemo(()=>{const e=s?.get(t);if(!e)return[];const[k,q]=e;return[w,...q.map(d=>({key:d.key,label:d.label,dropdownItems:d.children.filter(l=>l.type!=="divider").map(l=>({key:l.key,label:l.label}))})),{label:k.label}]},[t,s]),{logoutApi:E,fetchAuthenticatedUserApi:f}=I.useApiContext(),{mutate:g}=E.useMutation(),j=h.useCallback(async()=>{await g(),await _.handleClientLogout(r,f)},[g,r,f]),b=h.useCallback(e=>{n({to:e})},[n]);return u.jsx(m.VefLayout,{activeMenuKey:t,breadcrumbItems:C,defaultOpenedMenuKeys:c,logo:v,menuItems:i,title:y,userAvatar:o?.avatar,userDescription:P?.(o),userGender:o?.gender,userName:o?.name,onActiveMenuKeyChange:b,onBreadcrumbClick:b,onLogout:j,children:u.jsx(a.Outlet,{})})}return{beforeLoad:({location:r})=>{const{isAuthenticated:n,routeParentMenusMappings:t}=A.useAppStore.getState();if(!n)throw a.redirect({to:p.LOGIN_PAGE_PATH,search:{redirect:r.href}});if(t&&!t.has(r.pathname))throw a.redirect({to:p.ACCESS_DENIED_PAGE_PATH,replace:!0})},loader:async({context:r,location:n})=>{const{fetchAuthenticatedUserApi:t}=r,{menus:i,permissions:o,...s}=await t.fetchQuery(),c=Object.freeze(L.buildRouteParentMenusMappings(i));if(A.useAppStore.setState({user:Object.freeze(s),menus:Object.freeze(i),permissions:Object.freeze(new Set(o)),routeParentMenusMappings:c}),!c.has(n.pathname))throw a.redirect({to:p.ACCESS_DENIED_PAGE_PATH,replace:!0})},pendingComponent:()=>u.jsx(m.VefLoadingPlaceholder,{size:"large",tip:"系统加载中，请稍后..."}),component:M,staleTime:1/0,gcTime:0,shouldReload:!1}}exports.createLayoutRouteOptions=O;
+"use strict";var o=require("@emotion/react/jsx-runtime"),a=require("@tanstack/react-router"),m=require("@vef-framework/components"),S=require("@vef-framework/core"),_=require("@vef-framework/shared"),w=require("lucide-react"),h=require("react"),p=require("../constants.cjs"),L=require("../helper.cjs"),A=require("../store.cjs");const x={key:p.INDEX_PAGE_PATH,label:o.jsx(m.VefIcon,{children:o.jsx(w.HomeIcon,{})})};function R({title:v,logo:y,getUserDescription:M,userMenuItems:C,onUserMenuClick:P}){function k(){const r=a.useRouter(),n=a.useNavigate(),{pathname:t}=a.useLocation(),[i,s,u]=A.useAppStore(e=>[e.menus,e.user,e.routeParentMenusMappings]),c=u?.get(t)?.[1].map(e=>e.key),E=h.useMemo(()=>{const e=u?.get(t);if(!e)return[];const[q,O]=e;return[x,...O.map(d=>({key:d.key,label:d.label,dropdownItems:d.children.filter(l=>l.type!=="divider").map(l=>({key:l.key,label:l.label}))})),{label:q.label}]},[t,u]),{logoutApi:I,fetchAuthenticatedUserApi:f}=S.useApiContext(),{mutate:g}=I.useMutation(),j=h.useCallback(async()=>{await g(),await L.handleClientLogout(r,f)},[g,r,f]),b=h.useCallback(e=>{n({to:e})},[n]);return o.jsx(m.VefLayout,{activeMenuKey:t,breadcrumbItems:E,defaultOpenedMenuKeys:c,logo:y,menuItems:i,title:v,userAvatar:s?.avatar,userDescription:M?.(s),userGender:s?.gender,userMenuItems:C,userName:s?.name,onActiveMenuKeyChange:b,onBreadcrumbClick:b,onLogout:j,onUserMenuClick:P,children:o.jsx(a.Outlet,{})})}return{beforeLoad:({location:r})=>{const{isAuthenticated:n,routeParentMenusMappings:t}=A.useAppStore.getState();if(!n)throw a.redirect({to:p.LOGIN_PAGE_PATH,search:{redirect:r.href}});if(t&&!t.has(r.pathname))throw a.redirect({to:p.ACCESS_DENIED_PAGE_PATH,replace:!0})},loader:async({context:r,location:n})=>{const{fetchAuthenticatedUserApi:t}=r,{menus:i,permissions:s,...u}=await t.fetchQuery(),c=Object.freeze(_.buildRouteParentMenusMappings(i));if(A.useAppStore.setState({user:Object.freeze(u),menus:Object.freeze(i),permissions:Object.freeze(new Set(s)),routeParentMenusMappings:c}),!c.has(n.pathname))throw a.redirect({to:p.ACCESS_DENIED_PAGE_PATH,replace:!0})},pendingComponent:()=>o.jsx(m.VefLoadingPlaceholder,{size:"large",tip:"系统加载中，请稍后..."}),component:k,staleTime:1/0,gcTime:0,shouldReload:!1}}exports.createLayoutRouteOptions=R;

package/esm/routes/layout.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as i}from"@emotion/react/jsx-runtime";import{useRouter as O,useNavigate as E,useLocation as _,Outlet as v,redirect as p}from"@tanstack/react-router";import{VefIcon as S,VefLayout as j,VefLoadingPlaceholder as z}from"@vef-framework/components";import{useApiContext as D}from"@vef-framework/core";import{buildRouteParentMenusMappings as G}from"@vef-framework/shared";import{HomeIcon as H}from"lucide-react";import{useMemo as N,useCallback as g}from"react";import{INDEX_PAGE_PATH as T,ACCESS_DENIED_PAGE_PATH as b,LOGIN_PAGE_PATH as x}from"../constants.js";import{handleClientLogout as R}from"../helper.js";import{useAppStore as l}from"../store.js";const K={key:T,label:i(S,{children:i(H,{})})};function U({title:A,logo:y,getUserDescription:M}){function P(){const o=O(),r=E(),{pathname:t}=_(),[s,n,a]=l(e=>[e.menus,e.user,e.routeParentMenusMappings]),u=a?.get(t)?.[1].map(e=>e.key),k=N(()=>{const e=a?.get(t);if(!e)return[];const[I,L]=e;return[K,...L.map(c=>({key:c.key,label:c.label,dropdownItems:c.children.filter(m=>m.type!=="divider").map(m=>({key:m.key,label:m.label}))})),{label:I.label}]},[t,a]),{logoutApi:w,fetchAuthenticatedUserApi:f}=D(),{mutate:d}=w.useMutation(),C=g(async()=>{await d(),await R(o,f)},[d,o,f]),h=g(e=>{r({to:e})},[r]);return i(j,{activeMenuKey:t,breadcrumbItems:k,defaultOpenedMenuKeys:u,logo:y,menuItems:s,title:A,userAvatar:n?.avatar,userDescription:M?.(n),userGender:n?.gender,userName:n?.name,onActiveMenuKeyChange:h,onBreadcrumbClick:h,onLogout:C,children:i(v,{})})}return{beforeLoad:({location:o})=>{const{isAuthenticated:r,routeParentMenusMappings:t}=l.getState();if(!r)throw p({to:x,search:{redirect:o.href}});if(t&&!t.has(o.pathname))throw p({to:b,replace:!0})},loader:async({context:o,location:r})=>{const{fetchAuthenticatedUserApi:t}=o,{menus:s,permissions:n,...a}=await t.fetchQuery(),u=Object.freeze(G(s));if(l.setState({user:Object.freeze(a),menus:Object.freeze(s),permissions:Object.freeze(new Set(n)),routeParentMenusMappings:u}),!u.has(r.pathname))throw p({to:b,replace:!0})},pendingComponent:()=>i(z,{size:"large",tip:"系统加载中，请稍后..."}),component:P,staleTime:1/0,gcTime:0,shouldReload:!1}}export{U as createLayoutRouteOptions};
+import{jsx as i}from"@emotion/react/jsx-runtime";import{useRouter as E,useNavigate as _,useLocation as S,Outlet as j,redirect as l}from"@tanstack/react-router";import{VefIcon as z,VefLayout as D,VefLoadingPlaceholder as G}from"@vef-framework/components";import{useApiContext as N}from"@vef-framework/core";import{buildRouteParentMenusMappings as T}from"@vef-framework/shared";import{HomeIcon as U}from"lucide-react";import{useMemo as x,useCallback as g}from"react";import{INDEX_PAGE_PATH as H,ACCESS_DENIED_PAGE_PATH as b,LOGIN_PAGE_PATH as K}from"../constants.js";import{handleClientLogout as R}from"../helper.js";import{useAppStore as p}from"../store.js";const V={key:H,label:i(z,{children:i(U,{})})};function B({title:A,logo:M,getUserDescription:y,userMenuItems:P,onUserMenuClick:k}){function C(){const r=E(),o=_(),{pathname:t}=S(),[s,n,a]=p(e=>[e.menus,e.user,e.routeParentMenusMappings]),u=a?.get(t)?.[1].map(e=>e.key),I=x(()=>{const e=a?.get(t);if(!e)return[];const[L,v]=e;return[V,...v.map(c=>({key:c.key,label:c.label,dropdownItems:c.children.filter(m=>m.type!=="divider").map(m=>({key:m.key,label:m.label}))})),{label:L.label}]},[t,a]),{logoutApi:w,fetchAuthenticatedUserApi:f}=N(),{mutate:d}=w.useMutation(),O=g(async()=>{await d(),await R(r,f)},[d,r,f]),h=g(e=>{o({to:e})},[o]);return i(D,{activeMenuKey:t,breadcrumbItems:I,defaultOpenedMenuKeys:u,logo:M,menuItems:s,title:A,userAvatar:n?.avatar,userDescription:y?.(n),userGender:n?.gender,userMenuItems:P,userName:n?.name,onActiveMenuKeyChange:h,onBreadcrumbClick:h,onLogout:O,onUserMenuClick:k,children:i(j,{})})}return{beforeLoad:({location:r})=>{const{isAuthenticated:o,routeParentMenusMappings:t}=p.getState();if(!o)throw l({to:K,search:{redirect:r.href}});if(t&&!t.has(r.pathname))throw l({to:b,replace:!0})},loader:async({context:r,location:o})=>{const{fetchAuthenticatedUserApi:t}=r,{menus:s,permissions:n,...a}=await t.fetchQuery(),u=Object.freeze(T(s));if(p.setState({user:Object.freeze(a),menus:Object.freeze(s),permissions:Object.freeze(new Set(n)),routeParentMenusMappings:u}),!u.has(o.pathname))throw l({to:b,replace:!0})},pendingComponent:()=>i(G,{size:"large",tip:"系统加载中，请稍后..."}),component:C,staleTime:1/0,gcTime:0,shouldReload:!1}}export{B as createLayoutRouteOptions};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/starter",
   "type": "module",
-  "version": "1.0.133",
+  "version": "1.0.135",
   "private": false,
   "description": "The starter of the VEF framework",
   "author": "Venus",
@@ -32,10 +32,10 @@
     "use-sync-external-store": "^1.5.0",
     "@tanstack/react-query-devtools": "5.74.3",
     "@tanstack/router-devtools": "^1.116.0",
-    "@vef-framework/components": "1.0.133",
-    "@vef-framework/core": "1.0.133",
-    "@vef-framework/hooks": "1.0.133",
-    "@vef-framework/shared": "1.0.133",
+    "@vef-framework/components": "1.0.135",
+    "@vef-framework/core": "1.0.135",
+    "@vef-framework/hooks": "1.0.135",
+    "@vef-framework/shared": "1.0.135",
     "lucide-react": "0.488.0",
     "motion": "12.7.3",
     "nprogress": "^0.2.0"

package/types/routes/layout.d.ts

@@ -6,7 +6,7 @@ import type { AppState } from "../store";
 /**
  * The options for the layout route.
  */
-export interface LayoutOptions extends Pick<VefLayoutProps, "title" | "logo"> {
+export interface LayoutOptions extends Pick<VefLayoutProps, "title" | "logo" | "userMenuItems" | "onUserMenuClick"> {
     /**
      * The user description mapper.
      */
@@ -17,7 +17,7 @@ export interface LayoutOptions extends Pick<VefLayoutProps, "title" | "logo"> {
  *
  * @returns The options for the layout route.
  */
-export declare function createLayoutRouteOptions({ title, logo, getUserDescription, }: LayoutOptions): {
+export declare function createLayoutRouteOptions({ title, logo, getUserDescription, userMenuItems, onUserMenuClick, }: LayoutOptions): {
     readonly beforeLoad: ({ location }: {
         location: ParsedLocation;
     }) => void;