@vef-framework/starter 1.0.128 → 1.0.129

package/esm/router.js

@@ -1,65 +1,2 @@
 "use strict";
-import { createRouter as createRouter$1, createHashHistory, createBrowserHistory } from '@tanstack/react-router';
-import { VefText, VefLoadingPlaceholder } from '@vef-framework/components';
-import { showErrorNotification } from '@vef-framework/shared';
-import { createElement } from 'react';
-
-"use strict";
-const defaultGcTime = 10 * 60 * 1e3;
-function createRouter({
-  routeTree,
-  history
-}) {
-  const router = createRouter$1({
-    routeTree,
-    trailingSlash: "never",
-    caseSensitive: true,
-    history: history === "hash" ? createHashHistory() : createBrowserHistory(),
-    search: {
-      strict: true
-    },
-    notFoundMode: "root",
-    defaultPendingComponent: () => createElement(
-      VefLoadingPlaceholder,
-      {
-        size: "large"
-      }
-    ),
-    defaultPendingMs: 500,
-    defaultPendingMinMs: 300,
-    defaultSsr: false,
-    defaultStructuralSharing: true,
-    defaultHashScrollIntoView: {
-      behavior: "smooth",
-      block: "start",
-      inline: "center"
-    },
-    defaultPreload: "intent",
-    defaultPreloadDelay: 50,
-    defaultPreloadGcTime: defaultGcTime,
-    defaultGcTime,
-    defaultOnCatch(error, errorInfo) {
-      showErrorNotification(
-        error.message || error.name,
-        createElement(
-          VefText,
-          {
-            color: "error",
-            children: createElement("pre", {
-              style: {
-                maxHeight: "480px",
-                overflowY: "auto",
-                scrollbarWidth: "thin",
-                scrollbarColor: "rgba(0, 0, 0, 0.2) transparent"
-              },
-              children: error.stack || errorInfo.componentStack || "No stack trace available"
-            })
-          }
-        )
-      );
-    }
-  });
-  return router;
-}
-
-export { createRouter };
+import{createRouter as l,createHashHistory as n,createBrowserHistory as s}from"@tanstack/react-router";import{VefText as c,VefLoadingPlaceholder as d}from"@vef-framework/components";import{showErrorNotification as u}from"@vef-framework/shared";import{createElement as r}from"react";const t=10*60*1e3;function f({routeTree:o,history:a}){return l({routeTree:o,trailingSlash:"never",caseSensitive:!0,history:a==="hash"?n():s(),search:{strict:!0},notFoundMode:"root",defaultPendingComponent:()=>r(d,{size:"large"}),defaultPendingMs:500,defaultPendingMinMs:300,defaultSsr:!1,defaultStructuralSharing:!0,defaultHashScrollIntoView:{behavior:"smooth",block:"start",inline:"center"},defaultPreload:"intent",defaultPreloadDelay:50,defaultPreloadGcTime:t,defaultGcTime:t,defaultOnCatch(e,i){u(e.message||e.name,r(c,{color:"error",children:r("pre",{style:{maxHeight:"480px",overflowY:"auto",scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.2) transparent"},children:e.stack||i.componentStack||"No stack trace available"})}))}})}export{f as createRouter};

package/esm/routes/access-denied.js

@@ -1,12 +1,2 @@
 "use strict";
-import '../components/index.js';
-import VefAccessDeniedPage from '../components/vef-access-denied-page/index.js';
-
-"use strict";
-function createAccessDeniedRouteOptions() {
-  return {
-    component: VefAccessDeniedPage
-  };
-}
-
-export { createAccessDeniedRouteOptions };
+import"../components/index.js";import t from"../components/vef-access-denied-page/index.js";function e(){return{component:t}}export{e as createAccessDeniedRouteOptions};

package/esm/routes/index.js

@@ -1,7 +1,2 @@
 "use strict";
-export { createAccessDeniedRouteOptions } from './access-denied.js';
-export { createLayoutRouteOptions } from './layout.js';
-export { createLoginRouteOptions } from './login.js';
-export { createRootRoute } from './root.js';
-
-"use strict";
+import{createAccessDeniedRouteOptions as t}from"./access-denied.js";import{createLayoutRouteOptions as c}from"./layout.js";import{createLoginRouteOptions as s}from"./login.js";import{createRootRoute as u}from"./root.js";export{t as createAccessDeniedRouteOptions,c as createLayoutRouteOptions,s as createLoginRouteOptions,u as createRootRoute};

package/esm/routes/layout.js

@@ -1,134 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useRouter, useNavigate, useLocation, Outlet, redirect } from '@tanstack/react-router';
-import { VefIcon, VefLayout, VefLoadingPlaceholder } from '@vef-framework/components';
-import { useApiContext } from '@vef-framework/core';
-import { buildRouteParentMenusMappings } from '@vef-framework/shared';
-import { HomeIcon } from 'lucide-react';
-import { useMemo, useCallback } from 'react';
-import { INDEX_PAGE_PATH, ACCESS_DENIED_PAGE_PATH, LOGIN_PAGE_PATH } from '../constants.js';
-import { handleClientLogout } from '../helper.js';
-import { useAppStore } from '../store.js';
-
-"use strict";
-const indexBreadcrumbItem = {
-  key: INDEX_PAGE_PATH,
-  label: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(HomeIcon, {}) })
-};
-function createLayoutRouteOptions({
-  title,
-  logo,
-  getUserDescription
-}) {
-  function LayoutComponent() {
-    const router = useRouter();
-    const navigate = useNavigate();
-    const { pathname } = useLocation();
-    const [menus, user, routeParentMenusMappings] = useAppStore((state) => [state.menus, state.user, state.routeParentMenusMappings]);
-    const defaultOpenedMenuKeys = routeParentMenusMappings?.get(pathname)?.[1].map((it) => it.key);
-    const breadcrumbItems = useMemo(() => {
-      const mapping = routeParentMenusMappings?.get(pathname);
-      if (!mapping) {
-        return [];
-      }
-      const [currentMenu, parentMenus] = mapping;
-      return [
-        indexBreadcrumbItem,
-        ...parentMenus.map((menu) => ({
-          key: menu.key,
-          label: menu.label,
-          dropdownItems: menu.children.filter((child) => child.type !== "divider").map((child) => ({
-            key: child.key,
-            label: child.label
-          }))
-        })),
-        {
-          label: currentMenu.label
-        }
-      ];
-    }, [pathname, routeParentMenusMappings]);
-    const { logoutApi, fetchAuthenticatedUserApi } = useApiContext();
-    const { mutate: logout } = logoutApi.useMutation();
-    const handleLogout = useCallback(async () => {
-      await logout();
-      await handleClientLogout(router, fetchAuthenticatedUserApi);
-    }, [logout, router, fetchAuthenticatedUserApi]);
-    const handleMenuSwitch = useCallback((menuKey) => {
-      navigate({
-        to: menuKey
-      });
-    }, [navigate]);
-    return /* @__PURE__ */ jsx(
-      VefLayout,
-      {
-        activeMenuKey: pathname,
-        breadcrumbItems,
-        defaultOpenedMenuKeys,
-        logo,
-        menuItems: menus,
-        title,
-        userAvatar: user?.avatar,
-        userDescription: getUserDescription?.(user),
-        userGender: user?.gender,
-        userName: user?.name,
-        onActiveMenuKeyChange: handleMenuSwitch,
-        onBreadcrumbClick: handleMenuSwitch,
-        onLogout: handleLogout,
-        children: /* @__PURE__ */ jsx(Outlet, {})
-      }
-    );
-  }
-  return {
-    beforeLoad: ({ location }) => {
-      const { isAuthenticated, routeParentMenusMappings } = useAppStore.getState();
-      if (!isAuthenticated) {
-        throw redirect({
-          to: LOGIN_PAGE_PATH,
-          search: {
-            redirect: location.href
-          }
-        });
-      }
-      if (routeParentMenusMappings && !routeParentMenusMappings.has(location.pathname)) {
-        throw redirect({
-          to: ACCESS_DENIED_PAGE_PATH,
-          replace: true
-        });
-      }
-    },
-    loader: async ({ context, location }) => {
-      const { fetchAuthenticatedUserApi } = context;
-      const {
-        menus,
-        permissions,
-        ...user
-      } = await fetchAuthenticatedUserApi.fetchQuery();
-      const routeParentMenusMappings = Object.freeze(buildRouteParentMenusMappings(menus));
-      useAppStore.setState({
-        user: Object.freeze(user),
-        menus: Object.freeze(menus),
-        permissions: Object.freeze(new Set(permissions)),
-        routeParentMenusMappings
-      });
-      if (!routeParentMenusMappings.has(location.pathname)) {
-        throw redirect({
-          to: ACCESS_DENIED_PAGE_PATH,
-          replace: true
-        });
-      }
-    },
-    pendingComponent: () => /* @__PURE__ */ jsx(
-      VefLoadingPlaceholder,
-      {
-        size: "large",
-        tip: "系统加载中，请稍后..."
-      }
-    ),
-    component: LayoutComponent,
-    staleTime: Infinity,
-    gcTime: 0,
-    shouldReload: false
-  };
-}
-
-export { createLayoutRouteOptions };
+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};

package/esm/routes/login.js

@@ -1,29 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { redirect } from '@tanstack/react-router';
-import { z } from '@vef-framework/shared';
-import '../components/index.js';
-import { INDEX_PAGE_PATH } from '../constants.js';
-import { useAppStore } from '../store.js';
-import VefLoginPage from '../components/vef-login-page/index.js';
-
-"use strict";
-function createLoginRouteOptions(props) {
-  return {
-    validateSearch: z.object({
-      redirect: z.string().optional().default(INDEX_PAGE_PATH).catch(INDEX_PAGE_PATH)
-    }),
-    beforeLoad: ({ search }) => {
-      if (useAppStore.getState().isAuthenticated) {
-        const { redirect: redirectPath } = search;
-        throw redirect({
-          to: redirectPath,
-          replace: true
-        });
-      }
-    },
-    component: () => /* @__PURE__ */ jsx(VefLoginPage, { ...props })
-  };
-}
-
-export { createLoginRouteOptions };
+import{jsx as c}from"@emotion/react/jsx-runtime";import{redirect as m}from"@tanstack/react-router";import{z as t}from"@vef-framework/shared";import"../components/index.js";import{INDEX_PAGE_PATH as r}from"../constants.js";import{useAppStore as p}from"../store.js";import a from"../components/vef-login-page/index.js";function n(o){return{validateSearch:t.object({redirect:t.string().optional().default(r).catch(r)}),beforeLoad:({search:e})=>{if(p.getState().isAuthenticated){const{redirect:i}=e;throw m({to:i,replace:!0})}},component:()=>c(a,{...o})}}export{n as createLoginRouteOptions};

package/esm/routes/root.js

@@ -1,22 +1,2 @@
 "use strict";
-import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
-import { createRootRouteWithContext, Outlet } from '@tanstack/react-router';
-import '../components/index.js';
-import VefNotFoundPage from '../components/vef-not-found-page/index.js';
-import VefErrorPage from '../components/vef-error-page/index.js';
-import VefDevAssistant from '../components/vef-dev-assistant/index.js';
-
-"use strict";
-function createRootRoute() {
-  return createRootRouteWithContext()({
-    component: () => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Outlet, {}),
-      process.env.NODE_ENV === "development" && /* @__PURE__ */ jsx(VefDevAssistant, {})
-    ] }),
-    errorComponent: VefErrorPage,
-    notFoundComponent: VefNotFoundPage,
-    ssr: false
-  });
-}
-
-export { createRootRoute };
+import{jsxs as t,Fragment as r,jsx as o}from"@emotion/react/jsx-runtime";import{createRootRouteWithContext as e,Outlet as m}from"@tanstack/react-router";import"../components/index.js";import n from"../components/vef-not-found-page/index.js";import p from"../components/vef-error-page/index.js";import i from"../components/vef-dev-assistant/index.js";function s(){return e()({component:()=>t(r,{children:[o(m,{}),process.env.NODE_ENV==="development"&&o(i,{})]}),errorComponent:p,notFoundComponent:n,ssr:!1})}export{s as createRootRoute};

package/esm/store.js

@@ -1,19 +1,2 @@
 "use strict";
-import { createStore } from '@vef-framework/shared';
-
-"use strict";
-const useAppStore = createStore(
-  () => ({
-    isAuthenticated: false
-  }),
-  {
-    name: "APP",
-    storage: "session",
-    selector: (state) => ({
-      isAuthenticated: state.isAuthenticated,
-      token: state.token
-    })
-  }
-);
-
-export { useAppStore };
+import{createStore as e}from"@vef-framework/shared";const s=e(()=>({isAuthenticated:!1}),{name:"APP",storage:"session",selector:t=>({isAuthenticated:t.isAuthenticated,token:t.token})});export{s as useAppStore};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vef-framework/starter",
   "type": "module",
-  "version": "1.0.128",
+  "version": "1.0.129",
   "private": false,
   "description": "The starter of the VEF framework",
   "author": "Venus",
@@ -32,10 +32,10 @@
     "use-sync-external-store": "^1.4.0",
     "@tanstack/react-query-devtools": "5.69.0",
     "@tanstack/router-devtools": "^1.114.27",
-    "@vef-framework/components": "1.0.128",
-    "@vef-framework/core": "1.0.128",
-    "@vef-framework/hooks": "1.0.128",
-    "@vef-framework/shared": "1.0.128",
+    "@vef-framework/components": "1.0.129",
+    "@vef-framework/core": "1.0.129",
+    "@vef-framework/hooks": "1.0.129",
+    "@vef-framework/shared": "1.0.129",
     "lucide-react": "0.484.0",
     "motion": "12.6.0",
     "nprogress": "^0.2.0"