@vef-framework/starter 1.0.134 → 2.0.1

package/dist/cjs/helpers/router.cjs

@@ -0,0 +1,110 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const components = require('@vef-framework/components');
+const shared = require('@vef-framework/shared');
+require('../components/index.cjs');
+require('../stores/index.cjs');
+const index = require('../components/not-found/index.cjs');
+const index$1 = require('../components/error/index.cjs');
+const event = require('../components/n-progress/event.cjs');
+const app = require('../stores/app.cjs');
+const tab = require('../stores/tab.cjs');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const defaultGcTime = 10 * 60 * 1e3;
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1089mxj",
+  styles: "white-space:pre-wrap"
+} : {
+  name: "1089mxj",
+  styles: "white-space:pre-wrap/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9oZWxwZXJzL3JvdXRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVlIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9oZWxwZXJzL3JvdXRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEFueVJvdXRlV2l0aENvbnRleHQgfSBmcm9tIFwiQHRhbnN0YWNrL3JlYWN0LXJvdXRlclwiO1xuXG5pbXBvcnQgdHlwZSB7IFJvdXRlckNvbnRleHQgfSBmcm9tIFwiLi4vdHlwZXNcIjtcblxuaW1wb3J0IHsgY3JlYXRlQnJvd3Nlckhpc3RvcnksIGNyZWF0ZUhhc2hIaXN0b3J5LCBjcmVhdGVSb3V0ZXIgYXMgY3JlYXRlUm91dGVySW50ZXJuYWwgfSBmcm9tIFwiQHRhbnN0YWNrL3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHsgTG9hZGVyLCBzaG93RXJyb3JOb3RpZmljYXRpb24gfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgZ2V0U2FuaXRpemVkRXJyb3JTdGFjaywgaGFzaEtleSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHsgRXJyb3IsIE5vdEZvdW5kLCBuUHJvZ3Jlc3NFdmVudEVtaXR0ZXIgfSBmcm9tIFwiLi4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdXNlQXBwU3RvcmUsIHVzZVRhYlN0b3JlIH0gZnJvbSBcIi4uL3N0b3Jlc1wiO1xuXG4vKipcbiAqIFRoZSBvcHRpb25zIGZvciBjcmVhdGluZyBhIHJvdXRlci5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBSb3V0ZXJPcHRpb25zIHtcbiAgLyoqXG4gICAqIFRoZSBoaXN0b3J5IG1vZGUgdG8gdXNlLlxuICAgKi9cbiAgaGlzdG9yeTogXCJoYXNoXCIgfCBcImJyb3dzZXJcIjtcbiAgLyoqXG4gICAqIFRoZSByb3V0ZSB0cmVlIHRvIGNyZWF0ZSB0aGUgcm91dGVyIGZyb20uXG4gICAqL1xuICByb3V0ZVRyZWU6IEFueVJvdXRlV2l0aENvbnRleHQ8Um91dGVyQ29udGV4dD47XG4gIC8qKlxuICAgKiBUaGUgY29udGV4dCB0byB1c2UgZm9yIHRoZSByb3V0ZXIuXG4gICAqL1xuICBjb250ZXh0OiBSb3V0ZXJDb250ZXh0O1xufVxuXG5jb25zdCBkZWZhdWx0R2NUaW1lID0gMTAgKiA2MCAqIDEwMDA7XG5cbi8qKlxuICogQ3JlYXRlcyBhIHJvdXRlci5cbiAqXG4gKiBAcGFyYW0gb3B0aW9ucyBUaGUgb3B0aW9ucyBmb3IgY3JlYXRpbmcgdGhlIHJvdXRlci5cbiAqIEByZXR1cm5zIFRoZSBjcmVhdGVkIHJvdXRlci5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGNyZWF0ZVJvdXRlcih7XG4gIGhpc3RvcnksXG4gIHJvdXRlVHJlZSxcbiAgY29udGV4dFxufTogUm91dGVyT3B0aW9ucykge1xuICBjb25zdCByb3V0ZXIgPSBjcmVhdGVSb3V0ZXJJbnRlcm5hbCh7XG4gICAgcm91dGVUcmVlLFxuICAgIGNvbnRleHQsXG4gICAgdHJhaWxpbmdTbGFzaDogXCJuZXZlclwiLFxuICAgIGNhc2VTZW5zaXRpdmU6IHRydWUsXG4gICAgaGlzdG9yeTogaGlzdG9yeSA9PT0gXCJoYXNoXCIgPyBjcmVhdGVIYXNoSGlzdG9yeSgpIDogY3JlYXRlQnJvd3Nlckhpc3RvcnkoKSxcbiAgICBzZWFyY2g6IHtcbiAgICAgIHN0cmljdDogdHJ1ZVxuICAgIH0sXG4gICAgbm90Rm91bmRNb2RlOiBcInJvb3RcIixcbiAgICBkZWZhdWx0UGVuZGluZ0NvbXBvbmVudDogKCkgPT4gKFxuICAgICAgPExvYWRlclxuICAgICAgICBkZXNjcmlwdGlvbj1cIueOqeWRveWKoOi9veS4rSwg6K+356iN5a6J5Yu/6LqBLi4uXCJcbiAgICAgICAgZGVzY3JpcHRpb25TaXplPXsxOH1cbiAgICAgICAgc2l6ZT17NDh9XG4gICAgICAvPlxuICAgICksXG4gICAgZGVmYXVsdEVycm9yQ29tcG9uZW50OiBFcnJvcixcbiAgICBkZWZhdWx0Tm90Rm91bmRDb21wb25lbnQ6IE5vdEZvdW5kLFxuICAgIGRlZmF1bHRQZW5kaW5nTXM6IDUwMCxcbiAgICBkZWZhdWx0UGVuZGluZ01pbk1zOiAzMDAsXG4gICAgZGVmYXVsdFN0cnVjdHVyYWxTaGFyaW5nOiB0cnVlLFxuICAgIGRlZmF1bHRIYXNoU2Nyb2xsSW50b1ZpZXc6IHtcbiAgICAgIGJlaGF2aW9yOiBcInNtb290aFwiLFxuICAgICAgYmxvY2s6IFwic3RhcnRcIixcbiAgICAgIGlubGluZTogXCJjZW50ZXJcIlxuICAgIH0sXG4gICAgZGVmYXVsdFByZWxvYWQ6IFwiaW50ZW50XCIsXG4gICAgZGVmYXVsdFByZWxvYWREZWxheTogNTAsXG4gICAgZGVmYXVsdFByZWxvYWRHY1RpbWU6IGRlZmF1bHRHY1RpbWUsXG4gICAgZGVmYXVsdEdjVGltZSxcbiAgICBkZWZhdWx0Vmlld1RyYW5zaXRpb246IGZhbHNlLFxuICAgIGFzeW5jIGRlZmF1bHRPbkNhdGNoKGVycm9yKSB7XG4gICAgICBjb25zdCBzdGFjayA9IGF3YWl0IGdldFNhbml0aXplZEVycm9yU3RhY2soZXJyb3IpO1xuICAgICAgc2hvd0Vycm9yTm90aWZpY2F0aW9uKFxuICAgICAgICAoXG4gICAgICAgICAgPHByZSBjc3M9e3sgd2hpdGVTcGFjZTogXCJwcmUtd3JhcFwiIH19PlxuICAgICAgICAgICAge3N0YWNrfVxuICAgICAgICAgIDwvcHJlPlxuICAgICAgICApLFxuICAgICAgICB7XG4gICAgICAgICAgdGl0bGU6IGVycm9yLm1lc3NhZ2UgfHwgZXJyb3IubmFtZVxuICAgICAgICB9XG4gICAgICApO1xuICAgIH1cbiAgfSk7XG5cbiAgcm91dGVyLnN1YnNjcmliZShcIm9uQmVmb3JlTG9hZFwiLCAoeyBwYXRoQ2hhbmdlZCB9KSA9PiB7XG4gICAgaWYgKHBhdGhDaGFuZ2VkKSB7XG4gICAgICBuUHJvZ3Jlc3NFdmVudEVtaXR0ZXIuZW1pdChcInN0YXJ0XCIpO1xuICAgIH1cbiAgfSk7XG4gIHJvdXRlci5zdWJzY3JpYmUoXCJvbkxvYWRcIiwgKCkgPT4gblByb2dyZXNzRXZlbnRFbWl0dGVyLmVtaXQoXCJjb21wbGV0ZVwiKSk7XG5cbiAgcm91dGVyLnN1YnNjcmliZShcIm9uTG9hZFwiLCBldmVudCA9PiB7XG4gICAgY29uc3QgbG9jYXRpb24gPSBldmVudC50b0xvY2F0aW9uO1xuICAgIGNvbnN0IHtcbiAgICAgIGZ1bGxQYXRoLFxuICAgICAgcGFyYW1zLFxuICAgICAgc2VhcmNoLFxuICAgICAgY29udGV4dFxuICAgIH0gPSByb3V0ZXJcbiAgICAgIC5tYXRjaFJvdXRlcyhcbiAgICAgICAgbG9jYXRpb24ucGF0aG5hbWUsXG4gICAgICAgIGxvY2F0aW9uLnNlYXJjaCxcbiAgICAgICAge1xuICAgICAgICAgIHByZWxvYWQ6IGZhbHNlLFxuICAgICAgICAgIHRocm93T25FcnJvcjogZmFsc2VcbiAgICAgICAgfVxuICAgICAgKVxuICAgICAgLmF0KC0xKSE7XG5cbiAgICBjb25zdCB7IHVzZXJNZW51TWFwIH0gPSB1c2VBcHBTdG9yZS5nZXRTdGF0ZSgpO1xuICAgIGNvbnN0IHsgYWRkVGFiLCBzZXRBY3RpdmVUYWJJZCB9ID0gdXNlVGFiU3RvcmUuZ2V0U3RhdGUoKTtcblxuICAgIGNvbnN0IGlkID0gYCR7ZnVsbFBhdGh9fCR7aGFzaEtleShzZWFyY2gpfXwke2hhc2hLZXkocGFyYW1zKX1gO1xuICAgIGNvbnN0IHVzZXJNZW51ID0gdXNlck1lbnVNYXA/LmdldChmdWxsUGF0aCk7XG5cbiAgICBpZiAodXNlck1lbnUpIHtcbiAgICAgIGFkZFRhYih7XG4gICAgICAgIGlkLFxuICAgICAgICBmdWxsUGF0aCxcbiAgICAgICAgcGFyYW1zLFxuICAgICAgICBzZWFyY2gsXG4gICAgICAgIGxhYmVsOiBjb250ZXh0LnRpdGxlIHx8IHVzZXJNZW51Lm5hbWVcbiAgICAgIH0pO1xuICAgICAgc2V0QWN0aXZlVGFiSWQoaWQpO1xuICAgIH1cbiAgfSk7XG5cbiAgcmV0dXJuIHJvdXRlcjtcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function createRouter({
+  history,
+  routeTree,
+  context
+}) {
+  const router = reactRouter.createRouter({
+    routeTree,
+    context,
+    trailingSlash: "never",
+    caseSensitive: true,
+    history: history === "hash" ? reactRouter.createHashHistory() : reactRouter.createBrowserHistory(),
+    search: {
+      strict: true
+    },
+    notFoundMode: "root",
+    defaultPendingComponent: () => /* @__PURE__ */ jsxRuntime.jsx(components.Loader, { description: "玩命加载中, 请稍安勿躁...", descriptionSize: 18, size: 48 }),
+    defaultErrorComponent: index$1.Error,
+    defaultNotFoundComponent: index.NotFound,
+    defaultPendingMs: 500,
+    defaultPendingMinMs: 300,
+    defaultStructuralSharing: true,
+    defaultHashScrollIntoView: {
+      behavior: "smooth",
+      block: "start",
+      inline: "center"
+    },
+    defaultPreload: "intent",
+    defaultPreloadDelay: 50,
+    defaultPreloadGcTime: defaultGcTime,
+    defaultGcTime,
+    defaultViewTransition: false,
+    async defaultOnCatch(error) {
+      const stack = await shared.getSanitizedErrorStack(error);
+      components.showErrorNotification(/* @__PURE__ */ jsxRuntime.jsx("pre", { css: _ref, children: stack }), {
+        title: error.message || error.name
+      });
+    }
+  });
+  router.subscribe("onBeforeLoad", ({
+    pathChanged
+  }) => {
+    if (pathChanged) {
+      event.nProgressEventEmitter.emit("start");
+    }
+  });
+  router.subscribe("onLoad", () => event.nProgressEventEmitter.emit("complete"));
+  router.subscribe("onLoad", (event) => {
+    const location = event.toLocation;
+    const {
+      fullPath,
+      params,
+      search,
+      context: context2
+    } = router.matchRoutes(location.pathname, location.search, {
+      preload: false,
+      throwOnError: false
+    }).at(-1);
+    const {
+      userMenuMap
+    } = app.useAppStore.getState();
+    const {
+      addTab,
+      setActiveTabId
+    } = tab.useTabStore.getState();
+    const id = `${fullPath}|${shared.hashKey(search)}|${shared.hashKey(params)}`;
+    const userMenu = userMenuMap?.get(fullPath);
+    if (userMenu) {
+      addTab({
+        id,
+        fullPath,
+        params,
+        search,
+        label: context2.title || userMenu.name
+      });
+      setActiveTabId(id);
+    }
+  });
+  return router;
+}
+
+exports.createRouter = createRouter;

package/dist/cjs/hooks/index.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useRouteFullPath = require('./use-route-full-path.cjs');
+
+
+
+exports.useRouteFullPath = useRouteFullPath.useRouteFullPath;

package/dist/cjs/hooks/use-route-full-path.cjs

@@ -0,0 +1,32 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactRouter = require('@tanstack/react-router');
+const react = require('react');
+
+function useRouteFullPath() {
+  const router = reactRouter.useRouter();
+  const {
+    pathname,
+    search
+  } = reactRouter.useLocation({
+    select: (location) => {
+      return {
+        pathname: location.pathname,
+        search: location.search
+      };
+    }
+  });
+  const fullPath = react.useMemo(() => {
+    const match = router.matchRoutes(pathname, search, {
+      preload: false,
+      throwOnError: false
+    }).at(-1);
+    return match.fullPath;
+  }, [pathname, router, search]);
+  return fullPath;
+}
+
+exports.useRouteFullPath = useRouteFullPath;

package/dist/cjs/index.cjs

@@ -0,0 +1,83 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('./components/index.cjs');
+require('./constants/index.cjs');
+require('./helpers/index.cjs');
+require('./routes/index.cjs');
+require('./stores/index.cjs');
+const helpers = require('./components/crud/helpers.cjs');
+const index = require('./components/crud/index.cjs');
+const index$1 = require('./components/crud-page/index.cjs');
+const index$2 = require('./components/flex-card/index.cjs');
+const index$3 = require('./components/form-drawer/index.cjs');
+const index$4 = require('./components/form-modal/index.cjs');
+const operationButtonGroup = require('./components/pro-table/components/operation-button-group.cjs');
+const index$5 = require('./components/page/index.cjs');
+const index$6 = require('./components/pro-search/index.cjs');
+const index$7 = require('./components/pro-table/index.cjs');
+const tableSubscriber = require('./components/pro-table/components/table-subscriber.cjs');
+const viewportContext = require('./components/page/viewport-context.cjs');
+const event = require('./constants/event.cjs');
+const router = require('./constants/router.cjs');
+const storage = require('./constants/storage.cjs');
+const symbols = require('./constants/symbols.cjs');
+const api = require('./helpers/api.cjs');
+const app = require('./helpers/app.cjs');
+const appVersion = require('./helpers/app-version.cjs');
+const auth = require('./helpers/auth.cjs');
+const event$1 = require('./helpers/event.cjs');
+const query = require('./helpers/query.cjs');
+const router$1 = require('./helpers/router.cjs');
+const accessDenied = require('./routes/access-denied.cjs');
+const layout = require('./routes/layout.cjs');
+const login = require('./routes/login.cjs');
+const root = require('./routes/root.cjs');
+const app$1 = require('./stores/app.cjs');
+const tab = require('./stores/tab.cjs');
+const theme = require('./stores/theme.cjs');
+
+
+
+exports.createCrudKit = helpers.createCrudKit;
+exports.Crud = index.Crud;
+exports.CrudPage = index$1.CrudPage;
+exports.FlexCard = index$2.FlexCard;
+exports.FormDrawer = index$3.FormDrawer;
+exports.FormModal = index$4.FormModal;
+exports.OperationButtonGroup = operationButtonGroup.OperationButtonGroup;
+exports.Page = index$5.Page;
+exports.ProSearch = index$6.ProSearch;
+exports.ProTable = index$7.ProTable;
+exports.ProTableSubscriber = tableSubscriber.TableSubscriber;
+exports.useViewportHeight = viewportContext.useViewportHeight;
+exports.RELOAD_PAGE_EVENT = event.RELOAD_PAGE_EVENT;
+exports.ACCESS_DENIED_ROUTE_ID = router.ACCESS_DENIED_ROUTE_ID;
+exports.ACCESS_DENIED_ROUTE_PATH = router.ACCESS_DENIED_ROUTE_PATH;
+exports.INDEX_ROUTE_ID = router.INDEX_ROUTE_ID;
+exports.INDEX_ROUTE_PATH = router.INDEX_ROUTE_PATH;
+exports.LOGIN_ROUTE_ID = router.LOGIN_ROUTE_ID;
+exports.LOGIN_ROUTE_PATH = router.LOGIN_ROUTE_PATH;
+exports.STORAGE_KEY_PREFIX_STORE = storage.STORAGE_KEY_PREFIX_STORE;
+exports.STORAGE_KEY_SUFFIX_STORE = storage.STORAGE_KEY_SUFFIX_STORE;
+exports.SYMBOL_PAGINATION = symbols.SYMBOL_PAGINATION;
+exports.SYMBOL_SORT = symbols.SYMBOL_SORT;
+exports.createApiClient = api.createApiClient;
+exports.createApp = app.createApp;
+exports.setupAppVersionNotification = appVersion.setupAppVersionNotification;
+exports.handleClientLogout = auth.handleClientLogout;
+exports.dispatchCustomEvent = event$1.dispatchCustomEvent;
+exports.eventEmitter = event$1.eventEmitter;
+exports.reloadPage = event$1.reloadPage;
+exports.extractQueryParams = query.extractQueryParams;
+exports.noopMutationFn = query.noopMutationFn;
+exports.createRouter = router$1.createRouter;
+exports.createAccessDeniedRouteOptions = accessDenied.createAccessDeniedRouteOptions;
+exports.createLayoutRouteOptions = layout.createLayoutRouteOptions;
+exports.createLoginRouteOptions = login.createLoginRouteOptions;
+exports.createRootRouteOptions = root.createRootRouteOptions;
+exports.useAppStore = app$1.useAppStore;
+exports.useTabStore = tab.useTabStore;
+exports.useThemeStore = theme.useThemeStore;

package/dist/cjs/routes/access-denied.cjs

@@ -0,0 +1,31 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('../components/index.cjs');
+require('../constants/index.cjs');
+const index = require('../components/access-denied/index.cjs');
+const router = require('../constants/router.cjs');
+
+function createAccessDeniedRouteOptions(getRouter) {
+  return {
+    component: index.AccessDenied,
+    beforeLoad({
+      location
+    }) {
+      const router$1 = getRouter();
+      if (!router$1.state.resolvedLocation) {
+        if (location.state.__TSR_index === 0) {
+          router$1.navigate({
+            to: router.INDEX_ROUTE_PATH
+          });
+        } else {
+          router$1.history.back();
+        }
+      }
+    }
+  };
+}
+
+exports.createAccessDeniedRouteOptions = createAccessDeniedRouteOptions;

package/dist/cjs/routes/index.cjs

@@ -0,0 +1,16 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const accessDenied = require('./access-denied.cjs');
+const layout = require('./layout.cjs');
+const login = require('./login.cjs');
+const root = require('./root.cjs');
+
+
+
+exports.createAccessDeniedRouteOptions = accessDenied.createAccessDeniedRouteOptions;
+exports.createLayoutRouteOptions = layout.createLayoutRouteOptions;
+exports.createLoginRouteOptions = login.createLoginRouteOptions;
+exports.createRootRouteOptions = root.createRootRouteOptions;

package/dist/cjs/routes/layout.cjs

@@ -0,0 +1,140 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const components = require('@vef-framework/components');
+require('../components/index.cjs');
+require('../constants/index.cjs');
+require('../stores/index.cjs');
+const index = require('../components/layout/index.cjs');
+const index$1 = require('../components/not-found/index.cjs');
+const index$2 = require('../components/error/index.cjs');
+const app = require('../stores/app.cjs');
+const router = require('../constants/router.cjs');
+
+function createLayoutRouteOptions({
+  fetchUserInfo,
+  ...layoutProps
+}) {
+  function LayoutComponent() {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Layout, { ...layoutProps, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouter.Outlet, {}) });
+  }
+  return {
+    beforeLoad: ({
+      location
+    }) => {
+      const {
+        isAuthenticated,
+        userMenuMap
+      } = app.useAppStore.getState();
+      if (!isAuthenticated) {
+        throw reactRouter.redirect({
+          to: router.LOGIN_ROUTE_PATH,
+          search: {
+            redirect: location.href
+          }
+        });
+      }
+      if (userMenuMap && !userMenuMap.has(location.pathname)) {
+        throw reactRouter.redirect({
+          to: router.ACCESS_DENIED_ROUTE_PATH,
+          replace: true
+        });
+      }
+    },
+    loader: async ({
+      location
+    }) => {
+      const {
+        permTokens,
+        ...userInfo
+      } = await fetchUserInfo();
+      const {
+        menus
+      } = userInfo;
+      const userMenuMap = Object.freeze(buildUserMenuMap(menus));
+      const menuPathMap = Object.freeze(buildMenuPathMap(menus));
+      const menuItems = Object.freeze(buildMenuItems(menus));
+      app.useAppStore.setState({
+        ...app.useAppStore.getState(),
+        userInfo: Object.freeze(userInfo),
+        userMenuMap,
+        menuPathMap,
+        menuItems,
+        permTokens: Object.freeze(new Set(permTokens))
+      });
+      if (!userMenuMap.has(location.pathname)) {
+        throw reactRouter.redirect({
+          to: router.ACCESS_DENIED_ROUTE_PATH,
+          replace: true
+        });
+      }
+    },
+    pendingComponent: () => /* @__PURE__ */ jsxRuntime.jsx(components.Loader, { description: "页面玩命加载中, 请稍后...", descriptionSize: 18, size: 48 }),
+    errorComponent: index$2.Error,
+    notFoundComponent: index$1.NotFound,
+    component: LayoutComponent,
+    staleTime: Infinity,
+    shouldReload: false
+  };
+}
+function buildUserMenuMap(menus, menuMap = /* @__PURE__ */ new Map()) {
+  for (const menu of menus) {
+    const {
+      children,
+      path
+    } = menu;
+    if (children) {
+      buildUserMenuMap(children, menuMap);
+    }
+    menuMap.set(path, menu);
+  }
+  return menuMap;
+}
+function buildMenuPathMap(menus, parentPath = [], menuPathMap = /* @__PURE__ */ new Map()) {
+  for (const menu of menus) {
+    const {
+      path
+    } = menu;
+    menuPathMap.set(path, [...parentPath, path]);
+    if (menu.children) {
+      buildMenuPathMap(menu.children, [...parentPath, path], menuPathMap);
+    }
+  }
+  return menuPathMap;
+}
+function buildMenuItems(menus) {
+  return menus.filter((menu) => menu.type !== "page").map((menu) => Object.freeze(buildMenuItem(menu)));
+}
+function buildMenuItem(menu) {
+  const {
+    path,
+    type,
+    name,
+    icon
+  } = menu;
+  if (type === "directory") {
+    return {
+      type: "submenu",
+      key: path,
+      label: name,
+      ...icon ? {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(components.DynamicIcon, { name: icon })
+      } : {},
+      children: menu.children ? buildMenuItems(menu.children) : []
+    };
+  }
+  return {
+    type: "item",
+    key: path,
+    label: name,
+    ...icon ? {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(components.DynamicIcon, { name: icon })
+    } : {}
+  };
+}
+
+exports.createLayoutRouteOptions = createLayoutRouteOptions;

package/dist/cjs/routes/login.cjs

@@ -0,0 +1,41 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const shared = require('@vef-framework/shared');
+require('../components/index.cjs');
+require('../constants/index.cjs');
+require('../stores/index.cjs');
+const index = require('../components/login/index.cjs');
+const app = require('../stores/app.cjs');
+const router = require('../constants/router.cjs');
+
+function createLoginRouteOptions(props) {
+  function LoginComponent() {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Login, { ...props });
+  }
+  return {
+    validateSearch: shared.z.object({
+      redirect: shared.z.string().optional().default(router.INDEX_ROUTE_PATH).catch(router.INDEX_ROUTE_PATH)
+    }),
+    beforeLoad: ({
+      search
+    }) => {
+      if (app.useAppStore.getState().isAuthenticated) {
+        const {
+          redirect: redirectPath
+        } = search;
+        throw reactRouter.redirect({
+          to: redirectPath,
+          replace: true
+        });
+      }
+    },
+    component: LoginComponent
+  };
+}
+
+exports.createLoginRouteOptions = createLoginRouteOptions;

package/dist/cjs/routes/root.cjs

@@ -0,0 +1,35 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const hooks = require('@vef-framework/hooks');
+require('../stores/index.cjs');
+const app = require('../stores/app.cjs');
+
+function createRootRouteOptions({
+  appTitle
+}) {
+  function RootComponent() {
+    const title = reactRouter.useRouteContext({
+      strict: false,
+      select: (context) => context.title
+    });
+    const pathname = reactRouter.useLocation({
+      select: (location) => location.pathname
+    });
+    const userMenuMap = app.useAppStore((state) => state.userMenuMap);
+    const titleToUse = title || userMenuMap?.get(pathname)?.name;
+    const documentTitle = titleToUse ? `${appTitle} | ${titleToUse}` : appTitle;
+    hooks.useDocumentTitle(documentTitle);
+    return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.Outlet, {});
+  }
+  return {
+    component: RootComponent,
+    ssr: false
+  };
+}
+
+exports.createRootRouteOptions = createRootRouteOptions;

package/dist/cjs/stores/app.cjs

@@ -0,0 +1,25 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+
+const useAppStore = core.createPersistedStore(() => {
+  return {
+    isAuthenticated: false
+  };
+}, {
+  name: "app",
+  selector({
+    isAuthenticated,
+    authTokens
+  }) {
+    return {
+      isAuthenticated,
+      authTokens
+    };
+  }
+});
+
+exports.useAppStore = useAppStore;

package/dist/cjs/stores/index.cjs

@@ -0,0 +1,14 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const app = require('./app.cjs');
+const tab = require('./tab.cjs');
+const theme = require('./theme.cjs');
+
+
+
+exports.useAppStore = app.useAppStore;
+exports.useTabStore = tab.useTabStore;
+exports.useThemeStore = theme.useThemeStore;

package/dist/cjs/stores/tab.cjs

@@ -0,0 +1,101 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+require('../constants/index.cjs');
+const router = require('../constants/router.cjs');
+
+const useTabStore = core.createPersistedStore((set) => {
+  return {
+    tabs: [],
+    setActiveTabId(id) {
+      set((state) => {
+        state.activeTabId = id;
+      });
+    },
+    setTabs(tabs) {
+      set((state) => {
+        state.tabs = tabs;
+      });
+    },
+    addTab(tab) {
+      set((state) => {
+        if (state.tabs.every((existedTab) => existedTab.id !== tab.id)) {
+          state.tabs.push(tab);
+        }
+      });
+    },
+    removeTab(id, navigate) {
+      set((state) => {
+        const currentIndex = state.tabs.findIndex((tab) => tab.id === id);
+        if (currentIndex === -1) {
+          return;
+        }
+        const remainingTabs = state.tabs.filter((tab) => tab.id !== id);
+        if (state.activeTabId === id) {
+          if (remainingTabs.length > 0) {
+            const nextActiveTab = remainingTabs[Math.min(currentIndex, remainingTabs.length - 1)];
+            navigate(core.originalState(nextActiveTab));
+          } else {
+            navigate();
+          }
+        }
+        state.tabs = remainingTabs;
+      });
+    },
+    removeAllTabs(navigate) {
+      set((state) => {
+        const activeTab = state.tabs.find((tab) => tab.id === state.activeTabId);
+        state.tabs = activeTab && activeTab.fullPath === router.INDEX_ROUTE_PATH ? [activeTab] : [];
+        navigate();
+      });
+    },
+    removeAllTabsExcept(id, navigate) {
+      set((state) => {
+        state.tabs = state.tabs.filter((tab) => tab.id === id);
+        navigate(core.originalState(state.tabs.find((tab) => tab.id === id)));
+      });
+    },
+    removeLeftTabs(id, navigate) {
+      set((state) => {
+        const index = state.tabs.findIndex((tab) => tab.id === id);
+        if (index === -1) {
+          return;
+        }
+        const removedTabs = state.tabs.slice(0, index);
+        state.tabs = state.tabs.slice(index);
+        if (removedTabs.some((tab) => tab.id === state.activeTabId)) {
+          navigate(core.originalState(state.tabs.find((tab) => tab.id === id)));
+        }
+      });
+    },
+    removeRightTabs(id, navigate) {
+      set((state) => {
+        const index = state.tabs.findIndex((tab) => tab.id === id);
+        if (index === -1) {
+          return;
+        }
+        const removedTabs = state.tabs.slice(index + 1);
+        state.tabs = state.tabs.slice(0, index + 1);
+        if (removedTabs.some((tab) => tab.id === state.activeTabId)) {
+          navigate(core.originalState(state.tabs.find((tab) => tab.id === id)));
+        }
+      });
+    }
+  };
+}, {
+  name: "tab",
+  selector({
+    activeTabId,
+    tabs
+  }) {
+    return {
+      activeTabId,
+      tabs
+    };
+  }
+});
+
+exports.useTabStore = useTabStore;