@vlian/router 1.0.3

package/dist/router/router.js

@@ -0,0 +1,101 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { RouterProvider as Provider, createBrowserRouter } from 'react-router-dom';
+import { useRouterTransform, navigator } from "../provider";
+import React, { useState, useEffect } from 'react';
+import { staticRoutes as defaultStaticRoutes, rootRoutes as defaultRootRoutes } from './routes';
+import { useSquareRotate2Styles } from '../styles/square-rotate';
+export var RouterProvider = function(param) {
+    var fetchRoutes = param.fetchRoutes, imports = param.imports, _param_rootRoutes = param.rootRoutes, rootRoutes = _param_rootRoutes === void 0 ? defaultRootRoutes : _param_rootRoutes, _param_staticRoutes = param.staticRoutes, staticRoutes = _param_staticRoutes === void 0 ? defaultStaticRoutes : _param_staticRoutes, options = param.options, _param_isSubApp = param.isSubApp, isSubApp = _param_isSubApp === void 0 ? false : _param_isSubApp, loadingRender = param.loadingRender, _param_loadingSize = param.loadingSize, loadingSize = _param_loadingSize === void 0 ? '24px' : _param_loadingSize, _param_loadingColor = param.loadingColor, loadingColor = _param_loadingColor === void 0 ? 'currentColor' : _param_loadingColor, _param_loadingOpacity = param.loadingOpacity, loadingOpacity = _param_loadingOpacity === void 0 ? 0.25 : _param_loadingOpacity;
+    var _useState = _sliced_to_array(useState(), 2), dataRouter = _useState[0], setDataRouter = _useState[1];
+    var styles = useSquareRotate2Styles().styles;
+    var routeObject = useRouterTransform({
+        errorsMap: imports.errors,
+        layouts: imports.layouts,
+        loadings: imports.loadings,
+        views: imports.pages
+    }, rootRoutes, {
+        staticRoutes: staticRoutes,
+        fetchRoutes: fetchRoutes
+    }).routeObject;
+    useEffect(function() {
+        if (routeObject) {
+            var router = createBrowserRouter(routeObject, options);
+            setDataRouter(router);
+            if (isSubApp) {
+                window.$router = navigator(router);
+            }
+        }
+    }, [
+        routeObject,
+        imports,
+        rootRoutes,
+        staticRoutes
+    ]);
+    if (!routeObject || !dataRouter) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "w-full h-full flex-center",
+            style: {
+                width: '100%',
+                height: '100%',
+                display: 'flex',
+                justifyContent: "center",
+                alignItems: 'center'
+            }
+        }, loadingRender || /*#__PURE__*/ React.createElement("div", {
+            className: styles.squareRotate2,
+            style: {
+                '--size': loadingSize,
+                '--color': loadingColor,
+                '--accent-opacity': loadingOpacity
+            }
+        }));
+    }
+    return /*#__PURE__*/ React.createElement(Provider, {
+        router: dataRouter
+    });
+};

package/dist/router/routes.d.ts

@@ -0,0 +1,4 @@
+import type { RouteItem } from '../types';
+export declare const staticRoutes: RouteItem[];
+export declare const rootRoutes: RouteItem;
+//# sourceMappingURL=routes.d.ts.map

package/dist/router/routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/router/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,eAAO,MAAM,YAAY,EAAE,SAAS,EAsBnC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,SAUxB,CAAA"}

package/dist/router/routes.js

@@ -0,0 +1,33 @@
+export var staticRoutes = [
+    // 404
+    {
+        name: "404",
+        path: "/404",
+        page: "404",
+        handle: {
+            title: "页面不存在",
+            order: 99999998
+        }
+    },
+    // 全匹配
+    {
+        name: "notFound",
+        path: "*",
+        page: "404",
+        handle: {
+            title: "页面不存在",
+            order: 99999999
+        }
+    }
+];
+export var rootRoutes = {
+    name: "root",
+    path: "/",
+    page: "root",
+    layout: "root",
+    handle: {
+        title: "首页",
+        order: 1
+    },
+    children: []
+};

package/dist/styles/square-rotate.d.ts

@@ -0,0 +1,6 @@
+export declare const useSquareRotate2Styles: () => {
+    styles: {
+        squareRotate2: string;
+    };
+};
+//# sourceMappingURL=square-rotate.d.ts.map

package/dist/styles/square-rotate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"square-rotate.d.ts","sourceRoot":"","sources":["../../src/styles/square-rotate.ts"],"names":[],"mappings":"AA0CA,eAAO,MAAM,sBAAsB;;;;CAiBlC,CAAC"}

package/dist/styles/square-rotate.js

@@ -0,0 +1,68 @@
+import Keyframes from '@ant-design/cssinjs/lib/Keyframes';
+import { useStyleRegister } from '@ant-design/cssinjs';
+// 定义动画
+var squareRotate2Animation = new Keyframes('square-rotate-2-animation', {
+    '0%': {
+        transform: 'rotate(0deg)'
+    },
+    '100%': {
+        transform: 'rotate(360deg)'
+    }
+});
+// 定义样式
+var squareRotate2Styles = {
+    '--size': '24px',
+    '--accent-opacity': '0.25',
+    '--color': 'currentColor',
+    '--animation-timing-function': 'linear',
+    '--animation-duration': '2s',
+    position: 'relative',
+    width: 'var(--size)',
+    height: 'var(--size)',
+    '&::before, &::after': {
+        content: '""',
+        position: 'absolute',
+        transform: 'rotate(0deg)',
+        animation: "var(--animation-timing-function) var(--animation-duration) infinite ".concat(squareRotate2Animation.getName())
+    },
+    '&::before': {
+        inset: 0,
+        backgroundColor: 'var(--color)',
+        opacity: 'var(--accent-opacity)'
+    },
+    '&::after': {
+        top: '12.5%',
+        left: '12.5%',
+        width: '75%',
+        height: '75%',
+        backgroundColor: 'var(--color)',
+        animationDirection: 'reverse'
+    }
+};
+// 创建样式钩子
+export var useSquareRotate2Styles = function() {
+    var styleId = 'square-rotate-2';
+    useStyleRegister({
+        theme: null,
+        token: {},
+        path: [
+            styleId
+        ]
+    }, function() {
+        return [
+            squareRotate2Animation,
+            squareRotate2Styles
+        ];
+    });
+    return {
+        styles: {
+            squareRotate2: styleId
+        }
+    };
+}; // 使用示例：
+ // import { useSquareRotate2Styles } from './styles/square-rotate-2';
+ // 
+ // function MyComponent() {
+ //   const { styles } = useSquareRotate2Styles();
+ //   return <div className={styles.squareRotate2} />;
+ // }

package/dist/types.d.ts

@@ -0,0 +1,31 @@
+export type RouteItemHandle = {
+    title: string;
+    i18nKey?: string;
+    order: number;
+    icon?: string;
+    hideInMenu?: boolean;
+    hideFooter?: boolean;
+    keepAlive?: boolean;
+    needLogin?: boolean;
+    roles?: Array<string>;
+    name?: string;
+    [key: string]: unknown;
+};
+export type RouteItem = {
+    layout?: string | null;
+    page?: string | null;
+    loading?: string | null;
+    errors?: string | null;
+    name: string;
+    path: string | undefined;
+    isGroup?: boolean;
+    enableRedirection?: boolean;
+    handle: RouteItemHandle;
+    children?: RouteItem[];
+};
+export type RouteMapType = Record<string, () => Promise<any>>;
+export type LocationQueryValue = string | null;
+export type LocationQuery = Record<string, LocationQueryValue | LocationQueryValue[]>;
+export type LocationQueryValueRaw = LocationQueryValue | number | undefined;
+export type LocationQueryRaw = Record<string | number, LocationQueryValueRaw | LocationQueryValueRaw[]>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAA;AACD,MAAM,MAAM,SAAS,GAAG;IAEtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,CAAC;AACtF,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,qBAAqB,GAAG,qBAAqB,EAAE,CAAC,CAAC"}

package/dist/types.js

@@ -0,0 +1 @@
+export { };

package/dist/utils.d.ts

@@ -0,0 +1,10 @@
+import type { RouteItem } from "./types";
+export type FormattedMenuItem = {
+    path: string | undefined;
+    name: string;
+    key: string;
+    icon?: string;
+    children?: FormattedMenuItem[];
+};
+export declare const formatMenusDate: (routes: RouteItem[]) => FormattedMenuItem[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,SAAS,EAAE,KAAG,iBAAiB,EAmBtE,CAAA"}

package/dist/utils.js

@@ -0,0 +1,24 @@
+export var formatMenusDate = function(routes) {
+    return routes.filter(function(item) {
+        var _item_handle;
+        return !((_item_handle = item.handle) === null || _item_handle === void 0 ? void 0 : _item_handle.hideInMenu);
+    }).sort(function(a, b) {
+        var _ref, _ref1;
+        var _a_handle, _b_handle;
+        return ((_ref = (_a_handle = a.handle) === null || _a_handle === void 0 ? void 0 : _a_handle.order) !== null && _ref !== void 0 ? _ref : 99) - ((_ref1 = (_b_handle = b.handle) === null || _b_handle === void 0 ? void 0 : _b_handle.order) !== null && _ref1 !== void 0 ? _ref1 : 99);
+    }).reduce(function(acc, item) {
+        var _ref;
+        var _item_handle, _item_handle1;
+        var formatted = {
+            path: item.path,
+            name: (_ref = (_item_handle = item.handle) === null || _item_handle === void 0 ? void 0 : _item_handle.title) !== null && _ref !== void 0 ? _ref : '',
+            icon: (_item_handle1 = item.handle) === null || _item_handle1 === void 0 ? void 0 : _item_handle1.icon,
+            key: item.name
+        };
+        if (Array.isArray(item.children)) {
+            formatted.children = formatMenusDate(item.children);
+        }
+        acc.push(formatted);
+        return acc;
+    }, []);
+};

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@vlian/router",
+  "version": "1.0.3",
+  "description": "基于 React Router 的路由管理包，支持动态路由、权限控制、路由转换等功能",
+  "keywords": [
+    "router",
+    "react-router",
+    "routing",
+    "navigation"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && swc ./src -d dist --strip-leading-paths &&  tsc -b",
+    "lint": "eslint src --ext .ts,.tsx",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build && npm version patch --no-git-tag-version"
+  },
+  "author": "",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@ant-design/cssinjs": ">=1.24.0",
+    "classnames": ">=2.3.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.0.0"
+  },
+  "dependencies": {
+    "ahooks": "^3.9.6",
+    "@swc/cli": "^0.7.9",
+    "@swc/core": "^1.15.3",
+    "swc": "^1.0.11",
+    "tsup": "^8.0.0",
+    "typescript": "^5.9.0",
+    "qs": "^6.14.0"
+  },
+  "devDependencies": {
+    "@types/qs": "^6.14.0",
+    "@swc/cli": "^0.7.9",
+    "@swc/core": "^1.15.3",
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@ant-design/cssinjs": "^1.24.0",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "exceljs": "^4.4.0",
+    "prettier": "^3.0.0",
+    "swc": "^1.0.11",
+    "tsup": "^8.0.0",
+    "turbo": "^2.0.0",
+    "typescript": "^5.9.0",
+    "vitest": "^2.0.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-error-boundary": "^6.0.0",
+    "react-router-dom": "^7.9.5",
+    "react-scrollbars-custom": "^4.1.1"
+  },
+  "packageManager": "pnpm@10.20.0+sha512.cf9998222162dd85864d0a8102e7892e7ba4ceadebbf5a31f9c2fce48dfce317a9c53b9f6464d1ef9042cba2e02ae02a9f7c143a2b438cd93c91840f0192b9dd"
+}