@vef-framework/starter 2.0.10 → 2.1.0

package/dist/es/routes/layout.js

@@ -1,118 +1,86 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { Outlet as O, redirect as u } from "@tanstack/react-router";
-import { Loader as I, DynamicIcon as a } from "@vef-framework/components";
-import "../components/index.js";
-import "../constants/index.js";
-import "../stores/index.js";
-import { Layout as M } from "../components/layout/index.js";
-import { NotFound as z } from "../components/not-found/index.js";
-import { Error as S } from "../components/error/index.js";
-import { useAppStore as s } from "../stores/app.js";
-import { ACCESS_DENIED_ROUTE_PATH as f, LOGIN_ROUTE_PATH as j } from "../constants/router.js";
-function U({
-  fetchUserInfo: r,
-  ...e
-}) {
-  function n() {
-    return /* @__PURE__ */ c(M, { ...e, children: /* @__PURE__ */ c(O, {}) });
-  }
-  return {
-    beforeLoad: ({
-      location: t
-    }) => {
-      const {
-        isAuthenticated: o,
-        userMenuMap: i
-      } = s.getState();
-      if (!o)
-        throw u({
-          to: j,
-          search: {
-            redirect: t.href
-          }
-        });
-      if (i && !i.has(t.pathname))
-        throw u({
-          to: f,
-          replace: !0
-        });
-    },
-    loader: async ({
-      location: t
-    }) => {
-      const {
-        permTokens: o,
-        ...i
-      } = await r(), {
-        menus: p
-      } = i, m = Object.freeze(d(p)), b = Object.freeze(l(p)), y = Object.freeze(h(p));
-      if (s.setState({
-        ...s.getState(),
-        userInfo: Object.freeze(i),
-        userMenuMap: m,
-        menuPathMap: b,
-        menuItems: y,
-        permTokens: Object.freeze(new Set(o))
-      }), !m.has(t.pathname))
-        throw u({
-          to: f,
-          replace: !0
-        });
-    },
-    pendingComponent: () => /* @__PURE__ */ c(I, { description: "页面玩命加载中, 请稍后...", descriptionSize: 18, size: 48 }),
-    errorComponent: S,
-    notFoundComponent: z,
-    component: n,
-    staleTime: 1 / 0,
-    shouldReload: !1
-  };
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { ACCESS_DENIED_ROUTE_PATH as e, LOGIN_ROUTE_PATH as t } from "../constants/router.js";
+import { useAppStore as n } from "../stores/app.js";
+import { Error as r } from "../components/error/index.js";
+import { Layout as i } from "../components/layout/index.js";
+import { NotFound as a } from "../components/not-found/index.js";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Outlet as s, redirect as c } from "@tanstack/react-router";
+import { DynamicIcon as l, Loader as u } from "@vef-framework/components";
+//#region src/routes/layout.tsx
+function d(e, t = /* @__PURE__ */ new Map()) {
+	for (let n of e) n.children && d(n.children, t), t.set(n.path, n);
+	return t;
 }
-function d(r, e = /* @__PURE__ */ new Map()) {
-  for (const n of r) {
-    const {
-      children: t,
-      path: o
-    } = n;
-    t && d(t, e), e.set(o, n);
-  }
-  return e;
+function f(e, t = [], n = /* @__PURE__ */ new Map()) {
+	for (let r of e) {
+		let e = [...t, r.path];
+		n.set(r.path, e), r.children && f(r.children, e, n);
+	}
+	return n;
 }
-function l(r, e = [], n = /* @__PURE__ */ new Map()) {
-  for (const t of r) {
-    const {
-      path: o
-    } = t;
-    n.set(o, [...e, o]), t.children && l(t.children, [...e, o], n);
-  }
-  return n;
+function p(e) {
+	let { path: t, type: n, name: r, icon: i } = e, a = i ? /* @__PURE__ */ o(l, { name: i }) : void 0;
+	return n === "directory" ? {
+		type: "submenu",
+		key: t,
+		label: r,
+		icon: a,
+		children: e.children ? m(e.children) : []
+	} : {
+		type: "item",
+		key: t,
+		label: r,
+		icon: a
+	};
 }
-function h(r) {
-  return r.filter((e) => e.type !== "page").map((e) => Object.freeze(w(e)));
+function m(e) {
+	return e.filter((e) => e.type !== "view").map((e) => Object.freeze(p(e)));
 }
-function w(r) {
-  const {
-    path: e,
-    type: n,
-    name: t,
-    icon: o
-  } = r;
-  return n === "directory" ? {
-    type: "submenu",
-    key: e,
-    label: t,
-    ...o ? {
-      icon: /* @__PURE__ */ c(a, { name: o })
-    } : {},
-    children: r.children ? h(r.children) : []
-  } : {
-    type: "item",
-    key: e,
-    label: t,
-    ...o ? {
-      icon: /* @__PURE__ */ c(a, { name: o })
-    } : {}
-  };
+function h({ fetchUserInfo: l, ...p }) {
+	function h() {
+		return /* @__PURE__ */ o(i, {
+			...p,
+			children: /* @__PURE__ */ o(s, {})
+		});
+	}
+	return {
+		beforeLoad: ({ location: r }) => {
+			let { isAuthenticated: i, userMenuMap: a } = n.getState();
+			if (!i) throw c({
+				to: t,
+				search: { redirect: r.href }
+			});
+			if (a && !a.has(r.pathname)) throw c({
+				to: e,
+				replace: !0
+			});
+		},
+		loader: async ({ location: t }) => {
+			let { permTokens: r, ...i } = await l(), { menus: a } = i, o = Object.freeze(d(a)), s = Object.freeze(f(a)), u = Object.freeze(m(a));
+			if (n.setState({
+				...n.getState(),
+				userInfo: Object.freeze(i),
+				userMenuMap: o,
+				menuPathMap: s,
+				menuItems: u,
+				permTokens: Object.freeze(new Set(r))
+			}), !o.has(t.pathname)) throw c({
+				to: e,
+				replace: !0
+			});
+		},
+		pendingComponent: () => /* @__PURE__ */ o(u, {
+			description: "页面玩命加载中, 请稍后...",
+			descriptionSize: 18,
+			size: 48
+		}),
+		errorComponent: r,
+		notFoundComponent: a,
+		component: h,
+		staleTime: Infinity,
+		shouldReload: !1
+	};
 }
-export {
-  U as createLayoutRouteOptions
-};
+//#endregion
+export { h as createLayoutRouteOptions };

package/dist/es/routes/login.js

@@ -1,36 +1,25 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { redirect as p } from "@tanstack/react-router";
-import { z as t } from "@vef-framework/shared";
-import "../components/index.js";
-import "../constants/index.js";
-import "../stores/index.js";
-import { Login as c } from "../components/login/index.js";
-import { useAppStore as a } from "../stores/app.js";
-import { INDEX_ROUTE_PATH as o } from "../constants/router.js";
-function S(r) {
-  function e() {
-    return /* @__PURE__ */ m(c, { ...r });
-  }
-  return {
-    validateSearch: t.object({
-      redirect: t.string().optional().default(o).catch(o)
-    }),
-    beforeLoad: ({
-      search: i
-    }) => {
-      if (a.getState().isAuthenticated) {
-        const {
-          redirect: n
-        } = i;
-        throw p({
-          to: n,
-          replace: !0
-        });
-      }
-    },
-    component: e
-  };
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import "../constants/router.js";
+import { useAppStore as e } from "../stores/app.js";
+import { Login as t } from "../components/login/index.js";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { redirect as r } from "@tanstack/react-router";
+import { z as i } from "@vef-framework/shared";
+//#region src/routes/login.tsx
+function a(a) {
+	function o() {
+		return /* @__PURE__ */ n(t, { ...a });
+	}
+	return {
+		validateSearch: i.object({ redirect: i.string().optional().default("/").catch("/") }),
+		beforeLoad: ({ search: t }) => {
+			if (e.getState().isAuthenticated) throw r({
+				to: t.redirect,
+				replace: !0
+			});
+		},
+		component: o
+	};
 }
-export {
-  S as createLoginRouteOptions
-};
+//#endregion
+export { a as createLoginRouteOptions };

package/dist/es/routes/root.js

@@ -1,25 +1,21 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { useRouteContext as i, useLocation as p, Outlet as a } from "@tanstack/react-router";
-import { useDocumentTitle as l } from "@vef-framework/hooks";
-import "../stores/index.js";
-import { useAppStore as f } from "../stores/app.js";
-function O({
-  appTitle: e
-}) {
-  function n() {
-    const s = i({
-      strict: !1,
-      select: (t) => t.title
-    }), r = p({
-      select: (t) => t.pathname
-    }), u = f((t) => t.userMenuMap), o = s || u?.get(r)?.name, m = o ? `${e} | ${o}` : e;
-    return l(m), /* @__PURE__ */ c(a, {});
-  }
-  return {
-    component: n,
-    ssr: !1
-  };
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { useAppStore as e } from "../stores/app.js";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Outlet as n, useLocation as r, useRouteContext as i } from "@tanstack/react-router";
+import { useDocumentTitle as a } from "@vef-framework/hooks";
+//#region src/routes/root.tsx
+function o({ appTitle: o }) {
+	function s() {
+		let s = i({
+			strict: !1,
+			select: (e) => e.title
+		}), c = r({ select: (e) => e.pathname }), l = e((e) => e.userMenuMap), u = s || l?.get(c)?.name;
+		return a(u ? `${o} | ${u}` : o), /* @__PURE__ */ t(n, {});
+	}
+	return {
+		component: s,
+		ssr: !1
+	};
 }
-export {
-  O as createRootRouteOptions
-};
+//#endregion
+export { o as createRootRouteOptions };

package/dist/es/stores/app.js

@@ -1,18 +1,13 @@
-import { createPersistedStore as r } from "@vef-framework/core";
-const s = r(() => ({
-  isAuthenticated: !1
-}), {
-  name: "app",
-  selector({
-    isAuthenticated: e,
-    authTokens: t
-  }) {
-    return {
-      isAuthenticated: e,
-      authTokens: t
-    };
-  }
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { createPersistedStore as e } from "@vef-framework/core";
+//#region src/stores/app.ts
+var t = e(() => ({ isAuthenticated: !1 }), {
+	name: "app",
+	storage: "local",
+	selector: ({ isAuthenticated: e, authTokens: t }) => ({
+		isAuthenticated: e,
+		authTokens: t
+	})
 });
-export {
-  s as useAppStore
-};
+//#endregion
+export { t as useAppStore };

package/dist/es/stores/index.js

@@ -1,8 +1,4 @@
-import { useAppStore as r } from "./app.js";
-import { useTabStore as p } from "./tab.js";
-import { useThemeStore as f } from "./theme.js";
-export {
-  r as useAppStore,
-  p as useTabStore,
-  f as useThemeStore
-};
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import "./app.js";
+import "./tab.js";
+import "./theme.js";

package/dist/es/stores/tab.js

@@ -1,79 +1,70 @@
-import { createPersistedStore as s, originalState as o } from "@vef-framework/core";
-import "../constants/index.js";
-import { INDEX_ROUTE_PATH as c } from "../constants/router.js";
-const l = s((r) => ({
-  tabs: [],
-  setActiveTabId(b) {
-    r((e) => {
-      e.activeTabId = b;
-    });
-  },
-  setTabs(b) {
-    r((e) => {
-      e.tabs = b;
-    });
-  },
-  addTab(b) {
-    r((e) => {
-      e.tabs.every((i) => i.id !== b.id) && e.tabs.push(b);
-    });
-  },
-  removeTab(b, e) {
-    r((i) => {
-      const n = i.tabs.findIndex((a) => a.id === b);
-      if (n === -1)
-        return;
-      const d = i.tabs.filter((a) => a.id !== b);
-      if (i.activeTabId === b)
-        if (d.length > 0) {
-          const a = d[Math.min(n, d.length - 1)];
-          e(o(a));
-        } else
-          e();
-      i.tabs = d;
-    });
-  },
-  removeAllTabs(b) {
-    r((e) => {
-      const i = e.tabs.find((n) => n.id === e.activeTabId);
-      e.tabs = i && i.fullPath === c ? [i] : [], b();
-    });
-  },
-  removeAllTabsExcept(b, e) {
-    r((i) => {
-      i.tabs = i.tabs.filter((n) => n.id === b), e(o(i.tabs.find((n) => n.id === b)));
-    });
-  },
-  removeLeftTabs(b, e) {
-    r((i) => {
-      const n = i.tabs.findIndex((a) => a.id === b);
-      if (n === -1)
-        return;
-      const d = i.tabs.slice(0, n);
-      i.tabs = i.tabs.slice(n), d.some((a) => a.id === i.activeTabId) && e(o(i.tabs.find((a) => a.id === b)));
-    });
-  },
-  removeRightTabs(b, e) {
-    r((i) => {
-      const n = i.tabs.findIndex((a) => a.id === b);
-      if (n === -1)
-        return;
-      const d = i.tabs.slice(n + 1);
-      i.tabs = i.tabs.slice(0, n + 1), d.some((a) => a.id === i.activeTabId) && e(o(i.tabs.find((a) => a.id === b)));
-    });
-  }
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import "../constants/router.js";
+import { createPersistedStore as e, originalState as t } from "@vef-framework/core";
+//#region src/stores/tab.ts
+var n = e((e) => ({
+	tabs: [],
+	setActiveTabId(t) {
+		e((e) => {
+			e.activeTabId = t;
+		});
+	},
+	setTabs(t) {
+		e((e) => {
+			e.tabs = t;
+		});
+	},
+	addTab(t) {
+		e((e) => {
+			e.tabs.some((e) => e.id === t.id) || e.tabs.push(t);
+		});
+	},
+	removeTab(n, r) {
+		e((e) => {
+			let i = e.tabs.findIndex((e) => e.id === n);
+			if (i === -1) return;
+			let a = e.tabs.filter((e) => e.id !== n);
+			if (e.activeTabId === n) if (a.length > 0) {
+				let e = a[Math.min(i, a.length - 1)];
+				r(t(e));
+			} else r();
+			e.tabs = a;
+		});
+	},
+	removeAllTabs(t) {
+		e((e) => {
+			let n = e.tabs.find((t) => t.id === e.activeTabId);
+			e.tabs = n && n.fullPath === "/" ? [n] : [], t();
+		});
+	},
+	removeAllTabsExcept(n, r) {
+		e((e) => {
+			e.tabs = e.tabs.filter((e) => e.id === n), r(t(e.tabs.find((e) => e.id === n)));
+		});
+	},
+	removeLeftTabs(n, r) {
+		e((e) => {
+			let i = e.tabs.findIndex((e) => e.id === n);
+			if (i === -1) return;
+			let a = e.tabs.slice(0, i);
+			e.tabs = e.tabs.slice(i), a.some((t) => t.id === e.activeTabId) && r(t(e.tabs.find((e) => e.id === n)));
+		});
+	},
+	removeRightTabs(n, r) {
+		e((e) => {
+			let i = e.tabs.findIndex((e) => e.id === n);
+			if (i === -1) return;
+			let a = e.tabs.slice(i + 1);
+			e.tabs = e.tabs.slice(0, i + 1), a.some((t) => t.id === e.activeTabId) && r(t(e.tabs.find((e) => e.id === n)));
+		});
+	}
 }), {
-  name: "tab",
-  selector({
-    activeTabId: r,
-    tabs: b
-  }) {
-    return {
-      activeTabId: r,
-      tabs: b
-    };
-  }
+	name: "tab",
+	storage: "local",
+	selector: ({ activeTabId: e, tabs: t }) => ({
+		activeTabId: e,
+		tabs: t
+	})
 });
-export {
-  l as useTabStore
-};
+//#endregion
+export { n as useTabStore };

package/dist/es/stores/theme.js

@@ -1,25 +1,29 @@
-import { createPersistedStore as o } from "@vef-framework/core";
-import { omit as s } from "@vef-framework/shared";
-const f = o(() => ({
-  isThemeConfigVisible: !1,
-  colorScheme: "system",
-  colors: {
-    primary: "#2b7fff",
-    success: "#00c950",
-    info: "#2b7fff",
-    warning: "#ff6900",
-    error: "#fb2c36"
-  },
-  isGrayscaleMode: !1,
-  isColorBlindMode: !1,
-  isMenuAccordionMode: !0,
-  menuLayout: "vertical",
-  isSidebarCollapsed: !1,
-  isMainContentMaximum: !1
+/*! @vef-framework/starter v2.1.0 made by Venus | 2026-03-27T07:13:09.494Z */
+import { createPersistedStore as e } from "@vef-framework/core";
+import { omit as t } from "@vef-framework/shared";
+//#region src/stores/theme.ts
+var n = {
+	colorScheme: "system",
+	colors: {
+		primary: "#00bba7",
+		success: "#00c951",
+		info: "#00a6f4",
+		warning: "#ff6900",
+		error: "#fb2c36"
+	},
+	isGrayscaleMode: !1,
+	isColorBlindMode: !1,
+	isMenuAccordionMode: !0,
+	menuLayout: "vertical",
+	isSidebarCollapsed: !1,
+	isMainContentMaximum: !1
+}, r = e(() => ({
+	isThemeConfigVisible: !1,
+	...n
 }), {
-  name: "theme",
-  selector: (e) => s(e, ["isThemeConfigVisible"])
+	name: "theme",
+	storage: "local",
+	selector: (e) => t(e, ["isThemeConfigVisible"])
 });
-export {
-  f as useThemeStore
-};
+//#endregion
+export { r as useThemeStore };

package/dist/types/components/access-denied/index.d.ts

@@ -1 +1 @@
-export declare function AccessDenied(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function AccessDenied(): React.ReactNode;

package/dist/types/components/app/index.d.ts

@@ -1,4 +1,4 @@
 import { AnyRouter, RegisteredRouter } from '@tanstack/react-router';
 import { AppProps } from './props';
-export declare function App<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, any> = Record<string, any>>({ apiClient, appContext, appVersionNotification, router }: AppProps<TRouter, TDehydrated>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function App<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, unknown> = Record<string, unknown>>({ apiClient, appContext, appVersionNotification, router }: AppProps<TRouter, TDehydrated>): React.ReactElement;
 export { type AppProps } from './props';

package/dist/types/components/app/props.d.ts

@@ -1,21 +1,8 @@
 import { AnyRouter, RegisteredRouter, RouterProps } from '@tanstack/react-router';
 import { ApiClient, AppContext } from '@vef-framework/core';
-import { AppVersionNotificationOptions } from '../../helpers/app-version';
-/**
- * The props for the App component.
- */
-export interface AppProps<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, any> = Record<string, any>> extends Pick<RouterProps<TRouter, TDehydrated>, "router"> {
-    /**
-     * The API client.
-     */
+import { AppVersionNotificationOptions } from '../../helpers/app-version.js';
+export interface AppProps<TRouter extends AnyRouter = RegisteredRouter, TDehydrated extends Record<string, unknown> = Record<string, unknown>> extends Pick<RouterProps<TRouter, TDehydrated>, "router"> {
     apiClient: ApiClient;
-    /**
-     * The app context.
-     */
     appContext: AppContext;
-    /**
-     * App version notification options.
-     * Used to detect and notify users when a new version of the app is available.
-     */
     appVersionNotification?: AppVersionNotificationOptions;
 }

package/dist/types/components/base-layout/index.d.ts

@@ -1,3 +1,3 @@
 import { BaseLayoutProps } from './props';
-export declare function BaseLayout(props: BaseLayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function BaseLayout(props: BaseLayoutProps): React.JSX.Element;
 export { type BaseLayoutProps } from './props';

package/dist/types/components/base-layout/use-base-layout.d.ts

@@ -1,9 +1,11 @@
 import { CSSProperties } from 'react';
 import { BaseLayoutProps } from './props';
-export declare function useBaseLayout({ header, headerHeight, tabs, tabsHeight, footer, footerHeight, sidebar, isSidebarCollapsed, sidebarWidth, sidebarCollapsedWidth, isMainContentMaximum }: BaseLayoutProps): {
+interface UseBaseLayoutResult {
     isHeaderVisible: boolean;
     isTabsVisible: boolean;
     isSidebarVisible: boolean;
     isFooterVisible: boolean;
     cssVars: CSSProperties;
-};
+}
+export declare function useBaseLayout({ header, headerHeight, tabs, tabsHeight, footer, footerHeight, sidebar, isSidebarCollapsed, sidebarWidth, sidebarCollapsedWidth, isMainContentMaximum }: BaseLayoutProps): UseBaseLayoutResult;
+export {};

package/dist/types/components/crud/components/action-button-group.d.ts

@@ -1,8 +1,8 @@
 import { AnyObject } from '@vef-framework/shared';
 import { FC, ReactNode } from 'react';
 import { CrudState } from '../store';
-export interface ActionButtonGroupProps<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>> {
-    selector?: (state: NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>) => TSelected;
+export interface ActionButtonGroupProps<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>> {
+    selector?: (state: NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>) => TSelected;
     children: ((state: NoInfer<TSelected>) => ReactNode) | ReactNode;
 }
-export declare const ActionButtonGroup: (<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<any, TSearchValues, TSceneFormValues>>>(props: ActionButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode) & Pick<FC, "displayName">;
+export declare const ActionButtonGroup: (<TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TSelected = NoInfer<CrudState<AnyObject, TSearchValues, TSceneFormValues>>>(props: ActionButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode) & Pick<FC, "displayName">;

package/dist/types/components/crud/components/scene-form.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject } from '@vef-framework/shared';
 import { ReactNode } from 'react';
 import { BaseCrudProps } from '../props';
-interface SceneFormProps<TSceneFormValues extends AnyObject> extends Pick<BaseCrudProps<AnyObject, AnyObject, TSceneFormValues, AnyObject>, "renderForm" | "formMutationFns" | "beforeFormSubmit" | "afterFormSubmit" | "mutationMeta"> {
+interface SceneFormProps<TSceneFormValues extends AnyObject> extends Pick<BaseCrudProps<AnyObject, AnyObject, TSceneFormValues, AnyObject>, "renderForm" | "formMutationFns" | "formActionsRenderers" | "beforeFormSubmit" | "afterFormSubmit" | "mutationMeta"> {
 }
 export declare const SceneForm: <TSceneFormValues extends AnyObject>(props: SceneFormProps<TSceneFormValues>) => ReactNode;
 export {};