@vef-framework/starter 1.0.128 → 1.0.129

package/cjs/routes/layout.cjs

@@ -1,136 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactRouter = require('@tanstack/react-router');
-var components = require('@vef-framework/components');
-var core = require('@vef-framework/core');
-var shared = require('@vef-framework/shared');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var constants = require('../constants.cjs');
-var helper = require('../helper.cjs');
-var store = require('../store.cjs');
-
-"use strict";
-const indexBreadcrumbItem = {
-  key: constants.INDEX_PAGE_PATH,
-  label: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HomeIcon, {}) })
-};
-function createLayoutRouteOptions({
-  title,
-  logo,
-  getUserDescription
-}) {
-  function LayoutComponent() {
-    const router = reactRouter.useRouter();
-    const navigate = reactRouter.useNavigate();
-    const { pathname } = reactRouter.useLocation();
-    const [menus, user, routeParentMenusMappings] = store.useAppStore((state) => [state.menus, state.user, state.routeParentMenusMappings]);
-    const defaultOpenedMenuKeys = routeParentMenusMappings?.get(pathname)?.[1].map((it) => it.key);
-    const breadcrumbItems = react.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 } = core.useApiContext();
-    const { mutate: logout } = logoutApi.useMutation();
-    const handleLogout = react.useCallback(async () => {
-      await logout();
-      await helper.handleClientLogout(router, fetchAuthenticatedUserApi);
-    }, [logout, router, fetchAuthenticatedUserApi]);
-    const handleMenuSwitch = react.useCallback((menuKey) => {
-      navigate({
-        to: menuKey
-      });
-    }, [navigate]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      components.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__ */ jsxRuntime.jsx(reactRouter.Outlet, {})
-      }
-    );
-  }
-  return {
-    beforeLoad: ({ location }) => {
-      const { isAuthenticated, routeParentMenusMappings } = store.useAppStore.getState();
-      if (!isAuthenticated) {
-        throw reactRouter.redirect({
-          to: constants.LOGIN_PAGE_PATH,
-          search: {
-            redirect: location.href
-          }
-        });
-      }
-      if (routeParentMenusMappings && !routeParentMenusMappings.has(location.pathname)) {
-        throw reactRouter.redirect({
-          to: constants.ACCESS_DENIED_PAGE_PATH,
-          replace: true
-        });
-      }
-    },
-    loader: async ({ context, location }) => {
-      const { fetchAuthenticatedUserApi } = context;
-      const {
-        menus,
-        permissions,
-        ...user
-      } = await fetchAuthenticatedUserApi.fetchQuery();
-      const routeParentMenusMappings = Object.freeze(shared.buildRouteParentMenusMappings(menus));
-      store.useAppStore.setState({
-        user: Object.freeze(user),
-        menus: Object.freeze(menus),
-        permissions: Object.freeze(new Set(permissions)),
-        routeParentMenusMappings
-      });
-      if (!routeParentMenusMappings.has(location.pathname)) {
-        throw reactRouter.redirect({
-          to: constants.ACCESS_DENIED_PAGE_PATH,
-          replace: true
-        });
-      }
-    },
-    pendingComponent: () => /* @__PURE__ */ jsxRuntime.jsx(
-      components.VefLoadingPlaceholder,
-      {
-        size: "large",
-        tip: "系统加载中，请稍后..."
-      }
-    ),
-    component: LayoutComponent,
-    staleTime: Infinity,
-    gcTime: 0,
-    shouldReload: false
-  };
-}
-
-exports.createLayoutRouteOptions = createLayoutRouteOptions;
+"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;

package/cjs/routes/login.cjs

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

package/cjs/routes/root.cjs

@@ -1,24 +1,2 @@
 "use strict";
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var reactRouter = require('@tanstack/react-router');
-require('../components/index.cjs');
-var index = require('../components/vef-not-found-page/index.cjs');
-var index$1 = require('../components/vef-error-page/index.cjs');
-var index$2 = require('../components/vef-dev-assistant/index.cjs');
-
-"use strict";
-function createRootRoute() {
-  return reactRouter.createRootRouteWithContext()({
-    component: () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouter.Outlet, {}),
-      process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxRuntime.jsx(index$2.default, {})
-    ] }),
-    errorComponent: index$1.default,
-    notFoundComponent: index.default,
-    ssr: false
-  });
-}
-
-exports.createRootRoute = createRootRoute;
+"use strict";var e=require("@emotion/react/jsx-runtime"),r=require("@tanstack/react-router");require("../components/index.cjs");var t=require("../components/vef-not-found-page/index.cjs"),o=require("../components/vef-error-page/index.cjs"),n=require("../components/vef-dev-assistant/index.cjs");function u(){return r.createRootRouteWithContext()({component:()=>e.jsxs(e.Fragment,{children:[e.jsx(r.Outlet,{}),process.env.NODE_ENV==="development"&&e.jsx(n.default,{})]}),errorComponent:o.default,notFoundComponent:t.default,ssr:!1})}exports.createRootRoute=u;

package/cjs/store.cjs

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

package/esm/api.js

@@ -1,15 +1,2 @@
 "use strict";
-import { createApiClient as createApiClient$1 } from '@vef-framework/core';
-import { useAppStore } from './store.js';
-
-"use strict";
-function createApiClient(options) {
-  return createApiClient$1({
-    ...options,
-    getAccessToken() {
-      return useAppStore.getState().token?.accessToken;
-    }
-  });
-}
-
-export { createApiClient };
+import{createApiClient as t}from"@vef-framework/core";import{useAppStore as r}from"./store.js";function i(e){return t({...e,getAccessToken(){return r.getState().token?.accessToken}})}export{i as createApiClient};

package/esm/app.js

@@ -1,25 +1,2 @@
 "use strict";
-import { createElement } from 'react';
-import { createRoot } from 'react-dom/client';
-import './components/index.js';
-import VefApp from './components/vef-app/index.js';
-
-"use strict";
-function createApp() {
-  const root = createRoot(
-    document.getElementById("root"),
-    {
-      identifierPrefix: "vef-"
-    }
-  );
-  return {
-    render: (props) => {
-      root.render(
-        createElement(VefApp, props)
-      );
-    },
-    unmount: () => root.unmount()
-  };
-}
-
-export { createApp };
+import{createElement as r}from"react";import{createRoot as o}from"react-dom/client";import"./components/index.js";import n from"./components/vef-app/index.js";function m(){const e=o(document.getElementById("root"),{identifierPrefix:"vef-"});return{render:t=>{e.render(r(n,t))},unmount:()=>e.unmount()}}export{m as createApp};

package/esm/components/index.js

@@ -1,10 +1,2 @@
 "use strict";
-export { default as VefAccessDeniedPage } from './vef-access-denied-page/index.js';
-export { default as VefApp } from './vef-app/index.js';
-export { default as VefDevAssistant } from './vef-dev-assistant/index.js';
-export { default as VefErrorPage } from './vef-error-page/index.js';
-export { default as VefLoginPage } from './vef-login-page/index.js';
-export { default as VefNotFoundPage } from './vef-not-found-page/index.js';
-export { default as VefRouterProvider } from './vef-router-provider/index.js';
-
-"use strict";
+import{default as r}from"./vef-access-denied-page/index.js";import{default as t}from"./vef-app/index.js";import{default as s}from"./vef-dev-assistant/index.js";import{default as u}from"./vef-error-page/index.js";import{default as l}from"./vef-login-page/index.js";import{default as x}from"./vef-not-found-page/index.js";import{default as g}from"./vef-router-provider/index.js";export{r as VefAccessDeniedPage,t as VefApp,s as VefDevAssistant,u as VefErrorPage,l as VefLoginPage,x as VefNotFoundPage,g as VefRouterProvider};

package/esm/components/vef-access-denied-page/index.js

@@ -1,23 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useLocation, useRouterState, useNavigate } from '@tanstack/react-router';
-import { VefAccessDenied } from '@vef-framework/components';
-import { useCallback } from 'react';
-import { INDEX_PAGE_PATH } from '../../constants.js';
-
-"use strict";
-function VefAccessDeniedPage(props) {
-  const { pathname } = useLocation();
-  const { redirect } = useRouterState();
-  const navigate = useNavigate();
-  const handleNavigateHome = useCallback(
-    () => navigate({
-      to: INDEX_PAGE_PATH,
-      replace: true
-    }),
-    [navigate]
-  );
-  return /* @__PURE__ */ jsx(VefAccessDenied, { uri: redirect?._fromLocation?.pathname ?? pathname, onNavigateHome: handleNavigateHome, ...props });
-}
-
-export { VefAccessDeniedPage as default };
+import{jsx as m}from"@emotion/react/jsx-runtime";import{useLocation as i,useRouterState as s,useNavigate as c}from"@tanstack/react-router";import{VefAccessDenied as n}from"@vef-framework/components";import{useCallback as u}from"react";import{INDEX_PAGE_PATH as f}from"../../constants.js";function p(t){const{pathname:o}=i(),{redirect:r}=s(),e=c(),a=u(()=>e({to:f,replace:!0}),[e]);return m(n,{uri:r?._fromLocation?.pathname??o,onNavigateHome:a,...t})}export{p as default};

package/esm/components/vef-app/index.js

@@ -1,15 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefConfigProvider } from '@vef-framework/components';
-import { StrictMode } from 'react';
-import VefRouterProvider from '../vef-router-provider/index.js';
-
-"use strict";
-function VefApp({
-  router,
-  ...configProviderProps
-}) {
-  return /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(VefConfigProvider, { ...configProviderProps, children: /* @__PURE__ */ jsx(VefRouterProvider, { router }) }) });
-}
-
-export { VefApp as default };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{VefConfigProvider as i}from"@vef-framework/components";import{StrictMode as e}from"react";import f from"../vef-router-provider/index.js";function m({router:o,...t}){return r(e,{children:r(i,{...t,children:r(f,{router:o})})})}export{m as default};

package/esm/components/vef-dev-assistant/index.js

@@ -1,15 +1,5 @@
 "use strict";
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { VefFloatButtonGroup, VefFloatButton, VefIcon, VefLoadingPlaceholder } from '@vef-framework/components';
-import { useKeyPress } from '@vef-framework/hooks';
-import { themeVariables, noop } from '@vef-framework/shared';
-import { CompassIcon, SendIcon } from 'lucide-react';
-import { AnimatePresence, motion } from 'motion/react';
-import { lazy, useState, useCallback, Suspense } from 'react';
-
-"use strict";
-const devtoolsContainerStyle = css`
+import{jsxs as o,jsx as e,Fragment as b}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{VefFloatButtonGroup as w,VefFloatButton as l,VefIcon as a,VefLoadingPlaceholder as s}from"@vef-framework/components";import{useKeyPress as x}from"@vef-framework/hooks";import{themeVariables as d,noop as C}from"@vef-framework/shared";import{CompassIcon as M,SendIcon as D}from"lucide-react";import{AnimatePresence as P,motion as c}from"motion/react";import{lazy as h,useState as z,useCallback as p,Suspense as u}from"react";const f=k`
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -32,124 +22,10 @@ const devtoolsContainerStyle = css`
     }
 
     > div {
-      padding: ${themeVariables.paddingSm};
+      padding: ${d.paddingSm};
       scrollbar-width: thin;
       scrollbar-color: #334155 transparent;
-      box-shadow: ${themeVariables.boxShadowDrawerDown};
-    }
-  }
-`;
-function IconCoffee(props) {
-  return /* @__PURE__ */ jsxs("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M17 14v4c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-4Z", fill: "currentColor", fillOpacity: 0, children: /* @__PURE__ */ jsx("animate", { attributeName: "fill-opacity", begin: "0.8s", dur: "0.5s", fill: "freeze", values: "0;1" }) }),
-    /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
-      /* @__PURE__ */ jsx("path", { d: "M17 9v9c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-9Z", strokeDasharray: 48, strokeDashoffset: 48, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.6s", fill: "freeze", values: "48;0" }) }),
-      /* @__PURE__ */ jsx("path", { d: "M17 9h3c0.55 0 1 0.45 1 1v3c0 0.55 -0.45 1 -1 1h-3", strokeDasharray: 14, strokeDashoffset: 14, children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "14;0" }) }),
-      /* @__PURE__ */ jsx("mask", { id: "lineMdCoffeeHalfEmptyFilledLoop0", children: /* @__PURE__ */ jsx("path", { d: "M8 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M12 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M16 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4", stroke: "#fff", children: /* @__PURE__ */ jsx("animateMotion", { calcMode: "linear", dur: "3s", path: "M0 0v-8", repeatCount: "indefinite" }) }) }),
-      /* @__PURE__ */ jsxs("rect", { fill: "currentColor", height: 0, mask: "url(#lineMdCoffeeHalfEmptyFilledLoop0)", width: 24, y: 7, children: [
-        /* @__PURE__ */ jsx("animate", { attributeName: "y", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "7;2" }),
-        /* @__PURE__ */ jsx("animate", { attributeName: "height", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "0;5" })
-      ] })
-    ] })
-  ] });
-}
-const isDev = process.env.NODE_ENV === "development";
-const RouterDevtools = isDev ? lazy(() => import('@tanstack/router-devtools').then((mod) => ({
-  default: mod.TanStackRouterDevtoolsPanel
-}))) : () => null;
-const QueryDevtools = isDev ? lazy(() => import('@tanstack/react-query-devtools').then((mod) => ({
-  default: mod.ReactQueryDevtoolsPanel
-}))) : () => null;
-const variants = {
-  opened: {
-    opacity: 1,
-    y: 0,
-    transition: {
-      type: "spring",
-      bounce: 0,
-      duration: 0.2
+      box-shadow: ${d.boxShadowDrawerDown};
     }
-  },
-  closed: {
-    opacity: 0,
-    y: "50%"
   }
-};
-function VefDevAssistant() {
-  const [visibleDevtools, setVisibleDevtools] = useState(null);
-  const handleShowQueryDevtools = useCallback((event) => {
-    event.stopPropagation();
-    setVisibleDevtools((visible) => visible === "query" ? null : "query");
-  }, []);
-  const handleShowRouterDevtools = useCallback((event) => {
-    event.stopPropagation();
-    setVisibleDevtools((visible) => visible === "router" ? null : "router");
-  }, []);
-  useKeyPress("esc", () => {
-    if (visibleDevtools) {
-      setVisibleDevtools(null);
-    }
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      VefFloatButtonGroup,
-      {
-        collapsable: true,
-        shape: "square",
-        icon: /* @__PURE__ */ jsx(VefIcon, { size: "huge", children: /* @__PURE__ */ jsx(IconCoffee, {}) }),
-        onClick: (event) => event.stopPropagation(),
-        children: [
-          /* @__PURE__ */ jsx(
-            VefFloatButton,
-            {
-              tip: "API调试控制台",
-              icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CompassIcon, {}) }),
-              onClick: handleShowQueryDevtools
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            VefFloatButton,
-            {
-              tip: "路由调试控制台",
-              icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(SendIcon, {}) }),
-              onClick: handleShowRouterDevtools
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
-      visibleDevtools === "query" && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          animate: "opened",
-          css: devtoolsContainerStyle,
-          exit: "closed",
-          initial: "closed",
-          variants,
-          children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsx(QueryDevtools, { style: { height: "100%" } }) })
-        }
-      ),
-      visibleDevtools === "router" && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          animate: "opened",
-          css: devtoolsContainerStyle,
-          exit: "closed",
-          initial: "closed",
-          variants,
-          children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsx(
-            RouterDevtools,
-            {
-              isOpen: visibleDevtools === "router",
-              setIsOpen: noop,
-              style: { height: "100%" }
-            }
-          ) })
-        }
-      )
-    ] })
-  ] });
-}
-
-export { VefDevAssistant as default };
+`;function N(t){return o("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...t,children:[e("path",{d:"M17 14v4c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-4Z",fill:"currentColor",fillOpacity:0,children:e("animate",{attributeName:"fill-opacity",begin:"0.8s",dur:"0.5s",fill:"freeze",values:"0;1"})}),o("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,children:[e("path",{d:"M17 9v9c0 1.66 -1.34 3 -3 3h-6c-1.66 0 -3 -1.34 -3 -3v-9Z",strokeDasharray:48,strokeDashoffset:48,children:e("animate",{attributeName:"stroke-dashoffset",dur:"0.6s",fill:"freeze",values:"48;0"})}),e("path",{d:"M17 9h3c0.55 0 1 0.45 1 1v3c0 0.55 -0.45 1 -1 1h-3",strokeDasharray:14,strokeDashoffset:14,children:e("animate",{attributeName:"stroke-dashoffset",begin:"0.6s",dur:"0.2s",fill:"freeze",values:"14;0"})}),e("mask",{id:"lineMdCoffeeHalfEmptyFilledLoop0",children:e("path",{d:"M8 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M12 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4M16 0c0 2-2 2-2 4s2 2 2 4-2 2-2 4 2 2 2 4",stroke:"#fff",children:e("animateMotion",{calcMode:"linear",dur:"3s",path:"M0 0v-8",repeatCount:"indefinite"})})}),o("rect",{fill:"currentColor",height:0,mask:"url(#lineMdCoffeeHalfEmptyFilledLoop0)",width:24,y:7,children:[e("animate",{attributeName:"y",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"7;2"}),e("animate",{attributeName:"height",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"0;5"})]})]})]})}const m=process.env.NODE_ENV==="development",S=m?h(()=>import("@tanstack/router-devtools").then(t=>({default:t.TanStackRouterDevtoolsPanel}))):()=>null,I=m?h(()=>import("@tanstack/react-query-devtools").then(t=>({default:t.ReactQueryDevtoolsPanel}))):()=>null,v={opened:{opacity:1,y:0,transition:{type:"spring",bounce:0,duration:.2}},closed:{opacity:0,y:"50%"}};function V(){const[t,r]=z(null),y=p(i=>{i.stopPropagation(),r(n=>n==="query"?null:"query")},[]),g=p(i=>{i.stopPropagation(),r(n=>n==="router"?null:"router")},[]);return x("esc",()=>{t&&r(null)}),o(b,{children:[o(w,{collapsable:!0,shape:"square",icon:e(a,{size:"huge",children:e(N,{})}),onClick:i=>i.stopPropagation(),children:[e(l,{tip:"API调试控制台",icon:e(a,{children:e(M,{})}),onClick:y}),e(l,{tip:"路由调试控制台",icon:e(a,{children:e(D,{})}),onClick:g})]}),o(P,{mode:"wait",children:[t==="query"&&e(c.div,{animate:"opened",css:f,exit:"closed",initial:"closed",variants:v,children:e(u,{fallback:e(s,{}),children:e(I,{style:{height:"100%"}})})}),t==="router"&&e(c.div,{animate:"opened",css:f,exit:"closed",initial:"closed",variants:v,children:e(u,{fallback:e(s,{}),children:e(S,{isOpen:t==="router",setIsOpen:C,style:{height:"100%"}})})})]})]})}export{V as default};

package/esm/components/vef-error-page/index.js

@@ -1,20 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError } from '@vef-framework/components';
-import { useQueryErrorResetBoundary } from '@vef-framework/core';
-import { useEffect } from 'react';
-
-"use strict";
-function VefErrorPage({
-  error,
-  info,
-  reset
-}) {
-  const { reset: resetQueryError } = useQueryErrorResetBoundary();
-  useEffect(() => {
-    resetQueryError();
-  }, [resetQueryError]);
-  return /* @__PURE__ */ jsx(VefError, { componentStack: info?.componentStack, error, reset });
-}
-
-export { VefErrorPage as default };
+import{jsx as m}from"@emotion/react/jsx-runtime";import{VefError as s}from"@vef-framework/components";import{useQueryErrorResetBoundary as f}from"@vef-framework/core";import{useEffect as n}from"react";function c({error:e,info:o,reset:t}){const{reset:r}=f();return n(()=>{r()},[r]),m(s,{componentStack:o?.componentStack,error:e,reset:t})}export{c as default};

package/esm/components/vef-login-page/index.js

@@ -1,37 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useRouter, useNavigate, useSearch } from '@tanstack/react-router';
-import { VefLogin } from '@vef-framework/components';
-import { LOGIN_PAGE_ROUTE } from '../../constants.js';
-import { useAppStore } from '../../store.js';
-
-"use strict";
-function VefLoginPage(props) {
-  const router = useRouter();
-  const navigate = useNavigate();
-  const { redirect } = useSearch({
-    from: LOGIN_PAGE_ROUTE
-  });
-  return /* @__PURE__ */ jsx(
-    VefLogin,
-    {
-      onLoginSuccess: async ({ accessToken, refreshToken }) => {
-        useAppStore.setState({
-          isAuthenticated: true,
-          token: Object.freeze({
-            accessToken,
-            refreshToken
-          })
-        });
-        await router.invalidate();
-        await navigate({
-          to: redirect,
-          replace: true
-        });
-      },
-      ...props
-    }
-  );
-}
-
-export { VefLoginPage as default };
+import{jsx as i}from"@emotion/react/jsx-runtime";import{useRouter as c,useNavigate as n,useSearch as f}from"@tanstack/react-router";import{VefLogin as m}from"@vef-framework/components";import{LOGIN_PAGE_ROUTE as u}from"../../constants.js";import{useAppStore as p}from"../../store.js";function k(e){const t=c(),r=n(),{redirect:o}=f({from:u});return i(m,{onLoginSuccess:async({accessToken:s,refreshToken:a})=>{p.setState({isAuthenticated:!0,token:Object.freeze({accessToken:s,refreshToken:a})}),await t.invalidate(),await r({to:o,replace:!0})},...e})}export{k as default};

package/esm/components/vef-not-found-page/index.js

@@ -1,22 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useNavigate, useLocation } from '@tanstack/react-router';
-import { VefNotFound } from '@vef-framework/components';
-import { useCallback } from 'react';
-import { INDEX_PAGE_PATH } from '../../constants.js';
-
-"use strict";
-function VefNotFoundPage() {
-  const navigate = useNavigate();
-  const handleNavigateHome = useCallback(
-    () => navigate({
-      to: INDEX_PAGE_PATH,
-      replace: true
-    }),
-    [navigate]
-  );
-  const { pathname } = useLocation();
-  return /* @__PURE__ */ jsx(VefNotFound, { uri: pathname, onNavigateHome: handleNavigateHome });
-}
-
-export { VefNotFoundPage as default };
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useNavigate as m,useLocation as a}from"@tanstack/react-router";import{VefNotFound as i}from"@vef-framework/components";import{useCallback as u}from"react";import{INDEX_PAGE_PATH as f}from"../../constants.js";function n(){const o=m(),t=u(()=>o({to:f,replace:!0}),[o]),{pathname:r}=a();return e(i,{uri:r,onNavigateHome:t})}export{n as default};

package/esm/components/vef-router-provider/index.js

@@ -1,18 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { RouterProvider } from '@tanstack/react-router';
-import { useApiContext } from '@vef-framework/core';
-import { useMemo } from 'react';
-
-"use strict";
-function VefRouterProvider({
-  router
-}) {
-  const { fetchAuthenticatedUserApi } = useApiContext();
-  const context = useMemo(() => ({
-    fetchAuthenticatedUserApi
-  }), [fetchAuthenticatedUserApi]);
-  return /* @__PURE__ */ jsx(RouterProvider, { context, router });
-}
-
-export { VefRouterProvider as default };
+import{jsx as o}from"@emotion/react/jsx-runtime";import{RouterProvider as i}from"@tanstack/react-router";import{useApiContext as u}from"@vef-framework/core";import{useMemo as f}from"react";function m({router:e}){const{fetchAuthenticatedUserApi:t}=u(),r=f(()=>({fetchAuthenticatedUserApi:t}),[t]);return o(i,{context:r,router:e})}export{m as default};

package/esm/constants.js

@@ -1,10 +1,2 @@
 "use strict";
-"use strict";
-const LOGIN_PAGE_PATH = "/login";
-const LOGIN_PAGE_ROUTE = "/_common/login";
-const INDEX_PAGE_PATH = "/";
-const INDEX_PAGE_ROUTE = "/_layout";
-const ACCESS_DENIED_PAGE_PATH = "/access-denied";
-const ACCESS_DENIED_PAGE_ROUTE = "/_common/access-denied";
-
-export { ACCESS_DENIED_PAGE_PATH, ACCESS_DENIED_PAGE_ROUTE, INDEX_PAGE_PATH, INDEX_PAGE_ROUTE, LOGIN_PAGE_PATH, LOGIN_PAGE_ROUTE };
+const E="/login",_="/_common/login",A="/",o="/_layout",P="/access-denied",c="/_common/access-denied";export{P as ACCESS_DENIED_PAGE_PATH,c as ACCESS_DENIED_PAGE_ROUTE,A as INDEX_PAGE_PATH,o as INDEX_PAGE_ROUTE,E as LOGIN_PAGE_PATH,_ as LOGIN_PAGE_ROUTE};

package/esm/helper.js

@@ -1,20 +1,2 @@
 "use strict";
-import { LOGIN_PAGE_PATH } from './constants.js';
-import { useAppStore } from './store.js';
-
-"use strict";
-async function handleClientLogout(router, fetchAuthenticatedUserApi) {
-  await fetchAuthenticatedUserApi.invalidateQueries();
-  useAppStore.setState(
-    {
-      isAuthenticated: false
-    },
-    true
-  );
-  await router.invalidate();
-  await router.navigate({
-    to: LOGIN_PAGE_PATH
-  });
-}
-
-export { handleClientLogout };
+import{LOGIN_PAGE_PATH as i}from"./constants.js";import{useAppStore as e}from"./store.js";async function o(t,a){await a.invalidateQueries(),e.setState({isAuthenticated:!1},!0),await t.invalidate(),await t.navigate({to:i})}export{o as handleClientLogout};

package/esm/index.js

@@ -1,22 +1,2 @@
 "use strict";
-export { createApiClient } from './api.js';
-export { createApp } from './app.js';
-import './components/index.js';
-export { ACCESS_DENIED_PAGE_PATH, ACCESS_DENIED_PAGE_ROUTE, INDEX_PAGE_PATH, INDEX_PAGE_ROUTE, LOGIN_PAGE_PATH, LOGIN_PAGE_ROUTE } from './constants.js';
-export { handleClientLogout } from './helper.js';
-export { createRouter } from './router.js';
-import './routes/index.js';
-export { useAppStore } from './store.js';
-export { default as VefAccessDeniedPage } from './components/vef-access-denied-page/index.js';
-export { default as VefApp } from './components/vef-app/index.js';
-export { default as VefDevAssistant } from './components/vef-dev-assistant/index.js';
-export { default as VefErrorPage } from './components/vef-error-page/index.js';
-export { default as VefLoginPage } from './components/vef-login-page/index.js';
-export { default as VefNotFoundPage } from './components/vef-not-found-page/index.js';
-export { default as VefRouterProvider } from './components/vef-router-provider/index.js';
-export { createAccessDeniedRouteOptions } from './routes/access-denied.js';
-export { createLayoutRouteOptions } from './routes/layout.js';
-export { createLoginRouteOptions } from './routes/login.js';
-export { createRootRoute } from './routes/root.js';
-
-"use strict";
+import{createApiClient as f}from"./api.js";import{createApp as a}from"./app.js";import"./components/index.js";import{ACCESS_DENIED_PAGE_PATH as m,ACCESS_DENIED_PAGE_ROUTE as u,INDEX_PAGE_PATH as A,INDEX_PAGE_ROUTE as E,LOGIN_PAGE_PATH as x,LOGIN_PAGE_ROUTE as i}from"./constants.js";import{handleClientLogout as _}from"./helper.js";import{createRouter as d}from"./router.js";import"./routes/index.js";import{useAppStore as l}from"./store.js";import{default as D}from"./components/vef-access-denied-page/index.js";import{default as O}from"./components/vef-app/index.js";import{default as N}from"./components/vef-dev-assistant/index.js";import{default as C}from"./components/vef-error-page/index.js";import{default as L}from"./components/vef-login-page/index.js";import{default as S}from"./components/vef-not-found-page/index.js";import{default as U}from"./components/vef-router-provider/index.js";import{createAccessDeniedRouteOptions as X}from"./routes/access-denied.js";import{createLayoutRouteOptions as y}from"./routes/layout.js";import{createLoginRouteOptions as b}from"./routes/login.js";import{createRootRoute as k}from"./routes/root.js";export{m as ACCESS_DENIED_PAGE_PATH,u as ACCESS_DENIED_PAGE_ROUTE,A as INDEX_PAGE_PATH,E as INDEX_PAGE_ROUTE,x as LOGIN_PAGE_PATH,i as LOGIN_PAGE_ROUTE,D as VefAccessDeniedPage,O as VefApp,N as VefDevAssistant,C as VefErrorPage,L as VefLoginPage,S as VefNotFoundPage,U as VefRouterProvider,X as createAccessDeniedRouteOptions,f as createApiClient,a as createApp,y as createLayoutRouteOptions,b as createLoginRouteOptions,k as createRootRoute,d as createRouter,_ as handleClientLogout,l as useAppStore};