@vlian/router 1.0.11 → 1.0.15

package/dist/router/router.d.ts

@@ -1,4 +1,4 @@
-import { DOMRouterOpts } from 'react-router-dom';
+import { DOMRouterOpts, type DataRouter, type MemoryRouterOpts } from 'react-router-dom';
 import { navigator } from "../provider";
 import React from 'react';
 import type { RouteItem } from '../types';
@@ -7,17 +7,28 @@ declare global {
         $router: ReturnType<typeof navigator>;
     }
 }
+export type RouterMode = 'browser' | 'hash' | 'memory';
+/**
+ * RouterProvider 通过 ref 暴露的接口
+ */
+export interface RouterProviderRef {
+    /**
+     * 获取路由实例
+     */
+    getRouter: () => DataRouter | undefined;
+}
 export type RouterProviderProps = {
     fetchRoutes: () => Promise<RouteItem[]>;
     imports: Record<string, any>;
     rootRoutes?: string | undefined;
     staticRoutes?: RouteItem[];
-    options?: DOMRouterOpts;
+    options?: DOMRouterOpts | MemoryRouterOpts;
+    routerMode?: RouterMode;
     isSubApp?: boolean;
     loadingRender?: React.ReactNode;
     loadingSize?: string;
     loadingColor?: string;
     loadingOpacity?: number;
 };
-export declare const RouterProvider: React.FC<RouterProviderProps>;
+export declare const RouterProvider: React.ForwardRefExoticComponent<RouterProviderProps & React.RefAttributes<RouterProviderRef>>;
 //# sourceMappingURL=router.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAmE,MAAM,kBAAkB,CAAC;AACjH,OAAO,EAAqB,SAAS,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;KACvC;CACF;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoDvD,CAAA"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,KAAK,UAAU,EAAyF,KAAK,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAC9K,OAAO,EAAqB,SAAS,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;KACvC;CACF;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,GAAG,gBAAgB,CAAC;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,+FAwEzB,CAAC"}

package/dist/router/router.js

@@ -44,13 +44,13 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 { RouterProvider as Provider, createBrowserRouter, createHashRouter, createMemoryRouter } from 'react-router-dom';
 import { useRouterTransform, navigator } from "../provider";
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { staticRoutes as defaultStaticRoutes } 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 ? '/' : _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;
+export var RouterProvider = /*#__PURE__*/ forwardRef(function(param, ref) {
+    var fetchRoutes = param.fetchRoutes, imports = param.imports, _param_rootRoutes = param.rootRoutes, rootRoutes = _param_rootRoutes === void 0 ? '/' : _param_rootRoutes, _param_staticRoutes = param.staticRoutes, staticRoutes = _param_staticRoutes === void 0 ? defaultStaticRoutes : _param_staticRoutes, options = param.options, _param_routerMode = param.routerMode, routerMode = _param_routerMode === void 0 ? 'browser' : _param_routerMode, _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({
@@ -64,7 +64,19 @@ export var RouterProvider = function(param) {
     }).routeObject;
     useEffect(function() {
         if (routeObject) {
-            var router = createBrowserRouter(routeObject, options);
+            var router;
+            switch(routerMode){
+                case 'hash':
+                    router = createHashRouter(routeObject, options);
+                    break;
+                case 'memory':
+                    router = createMemoryRouter(routeObject, options);
+                    break;
+                case 'browser':
+                default:
+                    router = createBrowserRouter(routeObject, options);
+                    break;
+            }
             setDataRouter(router);
             if (isSubApp) {
                 window.$router = navigator(router);
@@ -72,9 +84,19 @@ export var RouterProvider = function(param) {
         }
     }, [
         routeObject,
-        imports,
-        rootRoutes,
-        staticRoutes
+        routerMode,
+        options,
+        isSubApp
+    ]);
+    // 通过 ref 暴露路由实例
+    useImperativeHandle(ref, function() {
+        return {
+            getRouter: function() {
+                return dataRouter;
+            }
+        };
+    }, [
+        dataRouter
     ]);
     if (!routeObject || !dataRouter) {
         return /*#__PURE__*/ React.createElement("div", {
@@ -98,4 +120,5 @@ export var RouterProvider = function(param) {
     return /*#__PURE__*/ React.createElement(Provider, {
         router: dataRouter
     });
-};
+});
+RouterProvider.displayName = 'RouterProvider';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vlian/router",
-  "version": "1.0.11",
+  "version": "1.0.15",
   "description": "基于 React Router 的路由管理包，支持动态路由、权限控制、路由转换等功能",
   "keywords": [
     "router",