@vef-framework/starter 1.0.98 → 1.0.99

package/es/routes/layout.js

@@ -1,3 +1,134 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useRouter as t,useNavigate as r,useLocation as o,Outlet as a,redirect as n}from"@tanstack/react-router";import{VefIcon as i,VefLayout as s,VefLoadingPlaceholder as m}from"@vef-framework/components";import{useApiContext as c}from"@vef-framework/core";import{buildRouteParentMenusMappings as u}from"@vef-framework/shared";import{HomeIcon as p}from"lucide-react";import{useMemo as l,useCallback as f}from"react";import{INDEX_PAGE_PATH as d,ACCESS_DENIED_PAGE_PATH as h,LOGIN_PAGE_PATH as g}from"../constants.js";import{handleClientLogout as y}from"../helper.js";import{useAppStore as b}from"../store.js";const k={key:d,label:e(i,{children:e(p,{})})};function createLayoutRouteOptions({title:i,logo:p,getUserDescription:d}){return{beforeLoad:({location:e})=>{const{isAuthenticated:t,routeParentMenusMappings:r}=b.getState();if(!t)throw n({to:g,search:{redirect:e.href}});if(r&&!r.has(e.pathname))throw n({to:h,replace:!0})},loader:async({context:e,location:t})=>{const{fetchAuthenticatedUserApi:r}=e,{menus:o,permissions:a,...i}=await r.fetchQuery(),s=Object.freeze(u(o));if(b.setState({user:Object.freeze(i),menus:Object.freeze(o),permissions:Object.freeze(new Set(a)),routeParentMenusMappings:s}),!s.has(t.pathname))throw n({to:h,replace:!0})},pendingComponent:()=>e(m,{size:"large",tip:"系统加载中，请稍后..."}),component:function LayoutComponent(){const n=t(),m=r(),{pathname:u}=o(),[h,g,w]=b((e=>[e.menus,e.user,e.routeParentMenusMappings])),M=w?.get(u)?.[1].map((e=>e.key)),j=l((()=>{const e=w?.get(u);if(!e)return[];const[t,r]=e;return[k,...r.map((e=>({key:e.key,label:e.label,dropdownItems:e.children.filter((e=>"divider"!==e.type)).map((e=>({key:e.key,label:e.label})))}))),{label:t.label}]}),[u,w]),{logoutApi:v,fetchAuthenticatedUserApi:A}=c(),{mutate:O}=v.useMutation(),z=f((async()=>{await O(),await y(n,A)}),[O,n,A]),L=f((e=>{m({to:e})}),[m]);return e(s,{activeMenuKey:u,breadcrumbItems:j,defaultOpenedMenuKeys:M,logo:p,menuItems:h,title:i,userAvatar:g?.avatar,userDescription:d?.(g),userGender:g?.gender,userName:g?.name,onActiveMenuKeyChange:L,onBreadcrumbClick:L,onLogout:z,children:e(a,{})})},staleTime:1/0,gcTime:0,shouldReload:!1}}export{createLayoutRouteOptions};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+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';
+
+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: "\u7CFB\u7EDF\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u540E..."
+      }
+    ),
+    component: LayoutComponent,
+    staleTime: Infinity,
+    gcTime: 0,
+    shouldReload: false
+  };
+}
+
+export { createLayoutRouteOptions };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/routes/login.js

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{redirect as o}from"@tanstack/react-router";import{z as e}from"@vef-framework/shared";import"../components/index.js";import{INDEX_PAGE_PATH as r}from"../constants.js";import{useAppStore as i}from"../store.js";import n from"../components/vef-login-page/index.js";function createLoginRouteOptions(a){return{validateSearch:e.object({redirect:e.string().optional().default(r).catch(r)}),beforeLoad:({search:t})=>{if(i.getState().isAuthenticated){const{redirect:e}=t;throw o({to:e,replace:!0})}},component:()=>t(n,{...a})}}export{createLoginRouteOptions};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+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';
+
+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 };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/routes/root.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-import{jsxs as o,Fragment as e,jsx as t}from"@emotion/react/jsx-runtime";import{createRootRouteWithContext as n,Outlet as r}from"@tanstack/react-router";import"../components/index.js";import m from"../components/vef-not-found-page/index.js";import p from"../components/vef-error-page/index.js";import s from"../components/vef-dev-assistant/index.js";function createRootRoute(){return n()({component:()=>o(e,{children:[t(r,{}),"development"===process.env.NODE_ENV&&t(s,{})]}),errorComponent:p,notFoundComponent:m,ssr:!1})}export{createRootRoute};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+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';
+
+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 };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/store.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-import{createStore as e}from"@vef-framework/shared";const t=e((()=>({isAuthenticated:!1})),{name:"APP",storage:"session",selector:e=>({isAuthenticated:e.isAuthenticated,token:e.token})});export{t as useAppStore};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+import { createStore } from '@vef-framework/shared';
+
+const useAppStore = createStore(
+  () => ({
+    isAuthenticated: false
+  }),
+  {
+    name: "APP",
+    storage: "session",
+    selector: (state) => ({
+      isAuthenticated: state.isAuthenticated,
+      token: state.token
+    })
+  }
+);
+
+export { useAppStore };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/api.cjs

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/core"),t=require("./store.cjs");exports.createApiClient=function createApiClient(r){return e.createApiClient({...r,getAccessToken:()=>t.useAppStore.getState().token?.accessToken})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+const store = require('./store.cjs');
+
+function createApiClient(options) {
+  return core.createApiClient({
+    ...options,
+    getAccessToken() {
+      return store.useAppStore.getState().token?.accessToken;
+    }
+  });
+}
+
+exports.createApiClient = createApiClient;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/app.cjs

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom/client");require("./components/index.cjs");const r=require("./components/vef-app/index.cjs");exports.createApp=function createApp(){const n=t.createRoot(document.getElementById("root"),{identifierPrefix:"vef-"});return{render:t=>{n.render(e.createElement(r.default,t))},unmount:()=>n.unmount()}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const client = require('react-dom/client');
+require('./components/index.cjs');
+const index = require('./components/vef-app/index.cjs');
+
+function createApp() {
+  const root = client.createRoot(
+    document.getElementById("root"),
+    {
+      identifierPrefix: "vef-"
+    }
+  );
+  return {
+    render: (props) => {
+      root.render(
+        react.createElement(index.default, props)
+      );
+    },
+    unmount: () => root.unmount()
+  };
+}
+
+exports.createApp = createApp;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/index.cjs

@@ -1,3 +1,23 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vef-access-denied-page/index.cjs"),r=require("./vef-app/index.cjs"),t=require("./vef-dev-assistant/index.cjs"),s=require("./vef-error-page/index.cjs"),i=require("./vef-login-page/index.cjs"),o=require("./vef-not-found-page/index.cjs"),d=require("./vef-router-provider/index.cjs");exports.VefAccessDeniedPage=e.default,exports.VefApp=r.default,exports.VefDevAssistant=t.default,exports.VefErrorPage=s.default,exports.VefLoginPage=i.default,exports.VefNotFoundPage=o.default,exports.VefRouterProvider=d.default;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('./vef-access-denied-page/index.cjs');
+const index$1 = require('./vef-app/index.cjs');
+const index$2 = require('./vef-dev-assistant/index.cjs');
+const index$3 = require('./vef-error-page/index.cjs');
+const index$4 = require('./vef-login-page/index.cjs');
+const index$5 = require('./vef-not-found-page/index.cjs');
+const index$6 = require('./vef-router-provider/index.cjs');
+
+
+
+exports.VefAccessDeniedPage = index.default;
+exports.VefApp = index$1.default;
+exports.VefDevAssistant = index$2.default;
+exports.VefErrorPage = index$3.default;
+exports.VefLoginPage = index$4.default;
+exports.VefNotFoundPage = index$5.default;
+exports.VefRouterProvider = index$6.default;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-access-denied-page/index.cjs

@@ -1,3 +1,27 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@tanstack/react-router"),r=require("@vef-framework/components"),a=require("react"),o=require("../../constants.cjs");exports.default=function VefAccessDeniedPage(s){const{pathname:c}=t.useLocation(),{redirect:n}=t.useRouterState(),u=t.useNavigate(),i=a.useCallback((()=>u({to:o.INDEX_PAGE_PATH,replace:!0})),[u]);return e.jsx(r.VefAccessDenied,{uri:n?._fromLocation?.pathname??c,onNavigateHome:i,...s})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const components = require('@vef-framework/components');
+const react = require('react');
+const constants = require('../../constants.cjs');
+
+function VefAccessDeniedPage(props) {
+  const { pathname } = reactRouter.useLocation();
+  const { redirect } = reactRouter.useRouterState();
+  const navigate = reactRouter.useNavigate();
+  const handleNavigateHome = react.useCallback(
+    () => navigate({
+      to: constants.INDEX_PAGE_PATH,
+      replace: true
+    }),
+    [navigate]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(components.VefAccessDenied, { uri: redirect?._fromLocation?.pathname ?? pathname, onNavigateHome: handleNavigateHome, ...props });
+}
+
+exports.default = VefAccessDeniedPage;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-access-denied-page/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-app/index.cjs

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/components"),t=require("react"),o=require("../vef-router-provider/index.cjs");exports.default=function VefApp({router:i,...u}){return e.jsx(t.StrictMode,{children:e.jsx(r.VefConfigProvider,{...u,children:e.jsx(o.default,{router:i})})})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const react = require('react');
+const index = require('../vef-router-provider/index.cjs');
+
+function VefApp({
+  router,
+  ...configProviderProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.StrictMode, { children: /* @__PURE__ */ jsxRuntime.jsx(components.VefConfigProvider, { ...configProviderProps, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { router }) }) });
+}
+
+exports.default = VefApp;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-app/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-dev-assistant/index.cjs

@@ -1,5 +1,18 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),o=require("@vef-framework/components"),s=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),i=require("lucide-react"),a=require("motion/react"),n=require("react"),l=t.css`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@emotion/react');
+const components = require('@vef-framework/components');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const lucideReact = require('lucide-react');
+const react$2 = require('motion/react');
+const react$1 = require('react');
+
+const devtoolsContainerStyle = react.css`
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -22,11 +35,125 @@
     }
 
     > div {
-      padding: ${r.themeVariables.paddingSm};
+      padding: ${shared.themeVariables.paddingSm};
       scrollbar-width: thin;
       scrollbar-color: #334155 transparent;
-      box-shadow: ${r.themeVariables.boxShadowDrawerDown};
+      box-shadow: ${shared.themeVariables.boxShadowDrawerDown};
+    }
+  }
+`;
+function IconCoffee(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "fill-opacity", begin: "0.8s", dur: "0.5s", fill: "freeze", values: "0;1" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", dur: "0.6s", fill: "freeze", values: "48;0" }) }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animate", { attributeName: "stroke-dashoffset", begin: "0.6s", dur: "0.2s", fill: "freeze", values: "14;0" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "lineMdCoffeeHalfEmptyFilledLoop0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("animateMotion", { calcMode: "linear", dur: "3s", path: "M0 0v-8", repeatCount: "indefinite" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("rect", { fill: "currentColor", height: 0, mask: "url(#lineMdCoffeeHalfEmptyFilledLoop0)", width: 24, y: 7, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "y", begin: "0.8s", dur: "0.6s", fill: "freeze", values: "7;2" }),
+        /* @__PURE__ */ jsxRuntime.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 ? react$1.lazy(() => import('@tanstack/router-devtools').then((mod) => ({
+  default: mod.TanStackRouterDevtoolsPanel
+}))) : () => null;
+const QueryDevtools = isDev ? react$1.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
     }
+  },
+  closed: {
+    opacity: 0,
+    y: "50%"
   }
-`;function IconCoffee(t){return e.jsxs("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...t,children:[e.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:e.jsx("animate",{attributeName:"fill-opacity",begin:"0.8s",dur:"0.5s",fill:"freeze",values:"0;1"})}),e.jsxs("g",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,children:[e.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:e.jsx("animate",{attributeName:"stroke-dashoffset",dur:"0.6s",fill:"freeze",values:"48;0"})}),e.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:e.jsx("animate",{attributeName:"stroke-dashoffset",begin:"0.6s",dur:"0.2s",fill:"freeze",values:"14;0"})}),e.jsx("mask",{id:"lineMdCoffeeHalfEmptyFilledLoop0",children:e.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:e.jsx("animateMotion",{calcMode:"linear",dur:"3s",path:"M0 0v-8",repeatCount:"indefinite"})})}),e.jsxs("rect",{fill:"currentColor",height:0,mask:"url(#lineMdCoffeeHalfEmptyFilledLoop0)",width:24,y:7,children:[e.jsx("animate",{attributeName:"y",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"7;2"}),e.jsx("animate",{attributeName:"height",begin:"0.8s",dur:"0.6s",fill:"freeze",values:"0;5"})]})]})]})}const c="development"===process.env.NODE_ENV,d=c?n.lazy((()=>import("@tanstack/router-devtools").then((e=>({default:e.TanStackRouterDevtoolsPanel}))))):()=>null,u=c?n.lazy((()=>import("@tanstack/react-query-devtools").then((e=>({default:e.ReactQueryDevtoolsPanel}))))):()=>null,f={opened:{opacity:1,y:0,transition:{type:"spring",bounce:0,duration:.2}},closed:{opacity:0,y:"50%"}};exports.default=function VefDevAssistant(){const[t,c]=n.useState(null),h=n.useCallback((e=>{e.stopPropagation(),c((e=>"query"===e?null:"query"))}),[]),p=n.useCallback((e=>{e.stopPropagation(),c((e=>"router"===e?null:"router"))}),[]);return s.useKeyPress("esc",(()=>{t&&c(null)})),e.jsxs(e.Fragment,{children:[e.jsxs(o.VefFloatButtonGroup,{collapsable:!0,shape:"square",icon:e.jsx(o.VefIcon,{size:"huge",children:e.jsx(IconCoffee,{})}),onClick:e=>e.stopPropagation(),children:[e.jsx(o.VefFloatButton,{tip:"API调试控制台",icon:e.jsx(o.VefIcon,{children:e.jsx(i.CompassIcon,{})}),onClick:h}),e.jsx(o.VefFloatButton,{tip:"路由调试控制台",icon:e.jsx(o.VefIcon,{children:e.jsx(i.SendIcon,{})}),onClick:p})]}),e.jsxs(a.AnimatePresence,{mode:"wait",children:["query"===t&&e.jsx(a.motion.div,{animate:"opened",css:l,exit:"closed",initial:"closed",variants:f,children:e.jsx(n.Suspense,{fallback:e.jsx(o.VefLoadingPlaceholder,{}),children:e.jsx(u,{style:{height:"100%"}})})}),"router"===t&&e.jsx(a.motion.div,{animate:"opened",css:l,exit:"closed",initial:"closed",variants:f,children:e.jsx(n.Suspense,{fallback:e.jsx(o.VefLoadingPlaceholder,{}),children:e.jsx(d,{isOpen:"router"===t,setIsOpen:r.noop,style:{height:"100%"}})})})]})]})};
+};
+function VefDevAssistant() {
+  const [visibleDevtools, setVisibleDevtools] = react$1.useState(null);
+  const handleShowQueryDevtools = react$1.useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "query" ? null : "query");
+  }, []);
+  const handleShowRouterDevtools = react$1.useCallback((event) => {
+    event.stopPropagation();
+    setVisibleDevtools((visible) => visible === "router" ? null : "router");
+  }, []);
+  hooks.useKeyPress("esc", () => {
+    if (visibleDevtools) {
+      setVisibleDevtools(null);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components.VefFloatButtonGroup,
+      {
+        collapsable: true,
+        shape: "square",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { size: "huge", children: /* @__PURE__ */ jsxRuntime.jsx(IconCoffee, {}) }),
+        onClick: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components.VefFloatButton,
+            {
+              tip: "API\u8C03\u8BD5\u63A7\u5236\u53F0",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, {}) }),
+              onClick: handleShowQueryDevtools
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components.VefFloatButton,
+            {
+              tip: "\u8DEF\u7531\u8C03\u8BD5\u63A7\u5236\u53F0",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(components.VefIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, {}) }),
+              onClick: handleShowRouterDevtools
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(react$2.AnimatePresence, { mode: "wait", children: [
+      visibleDevtools === "query" && /* @__PURE__ */ jsxRuntime.jsx(
+        react$2.motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(components.VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsxRuntime.jsx(QueryDevtools, { style: { height: "100%" } }) })
+        }
+      ),
+      visibleDevtools === "router" && /* @__PURE__ */ jsxRuntime.jsx(
+        react$2.motion.div,
+        {
+          animate: "opened",
+          css: devtoolsContainerStyle,
+          exit: "closed",
+          initial: "closed",
+          variants,
+          children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(components.VefLoadingPlaceholder, {}), children: /* @__PURE__ */ jsxRuntime.jsx(
+            RouterDevtools,
+            {
+              isOpen: visibleDevtools === "router",
+              setIsOpen: shared.noop,
+              style: { height: "100%" }
+            }
+          ) })
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.default = VefDevAssistant;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-dev-assistant/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-error-page/index.cjs

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/components"),o=require("@vef-framework/core"),t=require("react");exports.default=function VefErrorPage({error:n,info:s,reset:u}){const{reset:c}=o.useQueryErrorResetBoundary();return t.useEffect((()=>{c()}),[c]),e.jsx(r.VefError,{componentStack:s?.componentStack,error:n,reset:u})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const react = require('react');
+
+function VefErrorPage({
+  error,
+  info,
+  reset
+}) {
+  const { reset: resetQueryError } = core.useQueryErrorResetBoundary();
+  react.useEffect(() => {
+    resetQueryError();
+  }, [resetQueryError]);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.VefError, { componentStack: info?.componentStack, error, reset });
+}
+
+exports.default = VefErrorPage;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-error-page/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-login-page/index.cjs

@@ -1,3 +1,41 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@tanstack/react-router"),r=require("@vef-framework/components"),s=require("../../constants.cjs"),o=require("../../store.cjs");exports.default=function VefLoginPage(a){const n=t.useRouter(),c=t.useNavigate(),{redirect:i}=t.useSearch({from:s.LOGIN_PAGE_ROUTE});return e.jsx(r.VefLogin,{onLoginSuccess:async({accessToken:e,refreshToken:t})=>{o.useAppStore.setState({isAuthenticated:!0,token:Object.freeze({accessToken:e,refreshToken:t})}),await n.invalidate(),await c({to:i,replace:!0})},...a})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const components = require('@vef-framework/components');
+const constants = require('../../constants.cjs');
+const store = require('../../store.cjs');
+
+function VefLoginPage(props) {
+  const router = reactRouter.useRouter();
+  const navigate = reactRouter.useNavigate();
+  const { redirect } = reactRouter.useSearch({
+    from: constants.LOGIN_PAGE_ROUTE
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.VefLogin,
+    {
+      onLoginSuccess: async ({ accessToken, refreshToken }) => {
+        store.useAppStore.setState({
+          isAuthenticated: true,
+          token: Object.freeze({
+            accessToken,
+            refreshToken
+          })
+        });
+        await router.invalidate();
+        await navigate({
+          to: redirect,
+          replace: true
+        });
+      },
+      ...props
+    }
+  );
+}
+
+exports.default = VefLoginPage;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/components/vef-login-page/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:29.684Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
+'use strict';
+
+
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */