@vef-framework/starter 1.0.99 → 1.0.100

package/es/routes/layout.js

@@ -1,134 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,29 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,22 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,19 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,19 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,29 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,23 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,27 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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,19 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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,18 +1,5 @@
-/*! 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`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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`
   position: fixed;
   bottom: 0;
   width: 100%;
@@ -35,125 +22,11 @@ const devtoolsContainerStyle = react.css`
     }
 
     > div {
-      padding: ${shared.themeVariables.paddingSm};
+      padding: ${r.themeVariables.paddingSm};
       scrollbar-width: thin;
       scrollbar-color: #334155 transparent;
-      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
+      box-shadow: ${r.themeVariables.boxShadowDrawerDown};
     }
-  },
-  closed: {
-    opacity: 0,
-    y: "50%"
   }
-};
-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;
+`;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%"}})})})]})]})};
 /*! 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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,24 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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,41 +1,3 @@
-/*! 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 version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 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,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:56.083Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:53.320Z, 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 */