@vlian/router 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4 -0
- package/dist/provider/hooks.d.ts +15 -0
- package/dist/provider/hooks.d.ts.map +1 -0
- package/dist/provider/hooks.js +73 -0
- package/dist/provider/index.d.ts +4 -0
- package/dist/provider/index.d.ts.map +1 -0
- package/dist/provider/index.js +3 -0
- package/dist/provider/router.d.ts +25 -0
- package/dist/provider/router.d.ts.map +1 -0
- package/dist/provider/router.js +196 -0
- package/dist/provider/transform.d.ts +19 -0
- package/dist/provider/transform.d.ts.map +1 -0
- package/dist/provider/transform.js +559 -0
- package/dist/router/index.d.ts +3 -0
- package/dist/router/index.d.ts.map +1 -0
- package/dist/router/index.js +2 -0
- package/dist/router/router.d.ts +23 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +101 -0
- package/dist/router/routes.d.ts +4 -0
- package/dist/router/routes.d.ts.map +1 -0
- package/dist/router/routes.js +33 -0
- package/dist/styles/square-rotate.d.ts +6 -0
- package/dist/styles/square-rotate.d.ts.map +1 -0
- package/dist/styles/square-rotate.js +68 -0
- package/dist/types.d.ts +31 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/utils.d.ts +10 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/utils.js +24 -0
- package/package.json +74 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import qs from 'qs';
|
|
2
|
+
import type { RouteItemHandle } from "../types";
|
|
3
|
+
export declare const useRoute: <T>() => {
|
|
4
|
+
hash: string;
|
|
5
|
+
pathname: string;
|
|
6
|
+
search: string;
|
|
7
|
+
query: qs.ParsedQs;
|
|
8
|
+
fullPath: string;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
params?: import("react-router-dom").Params<string> | undefined;
|
|
11
|
+
data?: T | undefined;
|
|
12
|
+
loaderData?: T | undefined;
|
|
13
|
+
handle?: RouteItemHandle | undefined;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/provider/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,QAAQ,GAAI,CAAC;;;;;;;;;;;CAYzB,CAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
|
30
|
+
var keys = Object.keys(object);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
if (enumerableOnly) {
|
|
34
|
+
symbols = symbols.filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
keys.push.apply(keys, symbols);
|
|
39
|
+
}
|
|
40
|
+
return keys;
|
|
41
|
+
}
|
|
42
|
+
function _object_spread_props(target, source) {
|
|
43
|
+
source = source != null ? source : {};
|
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
+
} else {
|
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
}
|
|
53
|
+
import { useMatches, useLocation } from 'react-router-dom';
|
|
54
|
+
import { useMemo } from 'react';
|
|
55
|
+
import qs from 'qs';
|
|
56
|
+
export var useRoute = function() {
|
|
57
|
+
var matches = useMatches();
|
|
58
|
+
var routes = matches.at(-1);
|
|
59
|
+
var _useLocation = useLocation(), hash = _useLocation.hash, pathname = _useLocation.pathname, search = _useLocation.search;
|
|
60
|
+
var fullPath = pathname + search + hash;
|
|
61
|
+
var query = qs.parse(search.slice(1));
|
|
62
|
+
return useMemo(function() {
|
|
63
|
+
return _object_spread_props(_object_spread({}, routes), {
|
|
64
|
+
hash: hash,
|
|
65
|
+
pathname: pathname,
|
|
66
|
+
search: search,
|
|
67
|
+
query: query,
|
|
68
|
+
fullPath: fullPath
|
|
69
|
+
});
|
|
70
|
+
}, [
|
|
71
|
+
fullPath
|
|
72
|
+
]);
|
|
73
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/provider/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { DataRouter } from 'react-router-dom';
|
|
2
|
+
import type { RouterNavigateOptions, To } from 'react-router-dom';
|
|
3
|
+
import type { LocationQueryRaw } from '../types';
|
|
4
|
+
type NavigatorRouteNode = {
|
|
5
|
+
id?: string;
|
|
6
|
+
path?: string;
|
|
7
|
+
children?: NavigatorRouteNode[];
|
|
8
|
+
[key: string]: unknown;
|
|
9
|
+
};
|
|
10
|
+
export declare const navigator: (router: DataRouter) => {
|
|
11
|
+
back: () => void;
|
|
12
|
+
forward: () => void;
|
|
13
|
+
go: (delta: number) => void;
|
|
14
|
+
goHome: () => void;
|
|
15
|
+
navigate: (path: To | null, options?: RouterNavigateOptions) => Promise<void>;
|
|
16
|
+
navigateUp: () => void;
|
|
17
|
+
push: (path: string, query?: LocationQueryRaw, state?: any, _replace?: boolean) => void;
|
|
18
|
+
reactRouter: DataRouter;
|
|
19
|
+
reload: () => void;
|
|
20
|
+
replace: (path: To) => void;
|
|
21
|
+
routes: NavigatorRouteNode[];
|
|
22
|
+
};
|
|
23
|
+
export type RouterContextType = Awaited<ReturnType<typeof navigator>>;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=router.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/provider/router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGjD,KAAK,kBAAkB,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC;AAKF,eAAO,MAAM,SAAS,GAAI,QAAQ,UAAU;;;gBAerB,MAAM;;qBAZK,EAAE,GAAG,IAAI,YAAY,qBAAqB;;iBAiCpD,MAAM,UAAU,gBAAgB,UAAU,GAAG,aAAa,OAAO;;;oBAjB9D,EAAE;;CA4C5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
|
2
|
+
try {
|
|
3
|
+
var info = gen[key](arg);
|
|
4
|
+
var value = info.value;
|
|
5
|
+
} catch (error) {
|
|
6
|
+
reject(error);
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
if (info.done) {
|
|
10
|
+
resolve(value);
|
|
11
|
+
} else {
|
|
12
|
+
Promise.resolve(value).then(_next, _throw);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function _async_to_generator(fn) {
|
|
16
|
+
return function() {
|
|
17
|
+
var self = this, args = arguments;
|
|
18
|
+
return new Promise(function(resolve, reject) {
|
|
19
|
+
var gen = fn.apply(self, args);
|
|
20
|
+
function _next(value) {
|
|
21
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
|
|
22
|
+
}
|
|
23
|
+
function _throw(err) {
|
|
24
|
+
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
|
|
25
|
+
}
|
|
26
|
+
_next(undefined);
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
function _ts_generator(thisArg, body) {
|
|
31
|
+
var f, y, t, _ = {
|
|
32
|
+
label: 0,
|
|
33
|
+
sent: function() {
|
|
34
|
+
if (t[0] & 1) throw t[1];
|
|
35
|
+
return t[1];
|
|
36
|
+
},
|
|
37
|
+
trys: [],
|
|
38
|
+
ops: []
|
|
39
|
+
}, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
|
|
40
|
+
return d(g, "next", {
|
|
41
|
+
value: verb(0)
|
|
42
|
+
}), d(g, "throw", {
|
|
43
|
+
value: verb(1)
|
|
44
|
+
}), d(g, "return", {
|
|
45
|
+
value: verb(2)
|
|
46
|
+
}), typeof Symbol === "function" && d(g, Symbol.iterator, {
|
|
47
|
+
value: function() {
|
|
48
|
+
return this;
|
|
49
|
+
}
|
|
50
|
+
}), g;
|
|
51
|
+
function verb(n) {
|
|
52
|
+
return function(v) {
|
|
53
|
+
return step([
|
|
54
|
+
n,
|
|
55
|
+
v
|
|
56
|
+
]);
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
function step(op) {
|
|
60
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
61
|
+
while(g && (g = 0, op[0] && (_ = 0)), _)try {
|
|
62
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
63
|
+
if (y = 0, t) op = [
|
|
64
|
+
op[0] & 2,
|
|
65
|
+
t.value
|
|
66
|
+
];
|
|
67
|
+
switch(op[0]){
|
|
68
|
+
case 0:
|
|
69
|
+
case 1:
|
|
70
|
+
t = op;
|
|
71
|
+
break;
|
|
72
|
+
case 4:
|
|
73
|
+
_.label++;
|
|
74
|
+
return {
|
|
75
|
+
value: op[1],
|
|
76
|
+
done: false
|
|
77
|
+
};
|
|
78
|
+
case 5:
|
|
79
|
+
_.label++;
|
|
80
|
+
y = op[1];
|
|
81
|
+
op = [
|
|
82
|
+
0
|
|
83
|
+
];
|
|
84
|
+
continue;
|
|
85
|
+
case 7:
|
|
86
|
+
op = _.ops.pop();
|
|
87
|
+
_.trys.pop();
|
|
88
|
+
continue;
|
|
89
|
+
default:
|
|
90
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
|
91
|
+
_ = 0;
|
|
92
|
+
continue;
|
|
93
|
+
}
|
|
94
|
+
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
|
|
95
|
+
_.label = op[1];
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
if (op[0] === 6 && _.label < t[1]) {
|
|
99
|
+
_.label = t[1];
|
|
100
|
+
t = op;
|
|
101
|
+
break;
|
|
102
|
+
}
|
|
103
|
+
if (t && _.label < t[2]) {
|
|
104
|
+
_.label = t[2];
|
|
105
|
+
_.ops.push(op);
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
if (t[2]) _.ops.pop();
|
|
109
|
+
_.trys.pop();
|
|
110
|
+
continue;
|
|
111
|
+
}
|
|
112
|
+
op = body.call(thisArg, _);
|
|
113
|
+
} catch (e) {
|
|
114
|
+
op = [
|
|
115
|
+
6,
|
|
116
|
+
e
|
|
117
|
+
];
|
|
118
|
+
y = 0;
|
|
119
|
+
} finally{
|
|
120
|
+
f = t = 0;
|
|
121
|
+
}
|
|
122
|
+
if (op[0] & 5) throw op[1];
|
|
123
|
+
return {
|
|
124
|
+
value: op[0] ? op[1] : void 0,
|
|
125
|
+
done: true
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
import * as qs from 'qs';
|
|
130
|
+
// 重写导航
|
|
131
|
+
// TODO: 可以根据权限判断是否决定跳转
|
|
132
|
+
// eslint-disable-next-line max-params
|
|
133
|
+
export var navigator = function(router) {
|
|
134
|
+
var navigate = function navigate(path, options) {
|
|
135
|
+
return _async_to_generator(function() {
|
|
136
|
+
return _ts_generator(this, function(_state) {
|
|
137
|
+
void reactRouter.navigate(path, options);
|
|
138
|
+
return [
|
|
139
|
+
2
|
|
140
|
+
];
|
|
141
|
+
});
|
|
142
|
+
})();
|
|
143
|
+
};
|
|
144
|
+
var back = function back() {
|
|
145
|
+
void reactRouter.navigate(-1);
|
|
146
|
+
};
|
|
147
|
+
var forward = function forward() {
|
|
148
|
+
void reactRouter.navigate(1);
|
|
149
|
+
};
|
|
150
|
+
var go = function go(delta) {
|
|
151
|
+
void reactRouter.navigate(delta);
|
|
152
|
+
};
|
|
153
|
+
var replace = function replace(path) {
|
|
154
|
+
void reactRouter.navigate(path, {
|
|
155
|
+
replace: true
|
|
156
|
+
});
|
|
157
|
+
};
|
|
158
|
+
var reload = function reload() {
|
|
159
|
+
void reactRouter.navigate(0);
|
|
160
|
+
};
|
|
161
|
+
var navigateUp = function navigateUp() {
|
|
162
|
+
void reactRouter.navigate('..');
|
|
163
|
+
};
|
|
164
|
+
var goHome = function goHome() {
|
|
165
|
+
void reactRouter.navigate('/');
|
|
166
|
+
};
|
|
167
|
+
var push = // eslint-disable-next-line max-params
|
|
168
|
+
function push(path, query, state, _replace) {
|
|
169
|
+
var _path = path;
|
|
170
|
+
if (query) {
|
|
171
|
+
var search = qs.stringify(query, {
|
|
172
|
+
arrayFormat: 'repeat'
|
|
173
|
+
});
|
|
174
|
+
_path = "".concat(path, "?").concat(search);
|
|
175
|
+
}
|
|
176
|
+
void reactRouter.navigate(_path, {
|
|
177
|
+
replace: _replace,
|
|
178
|
+
state: state
|
|
179
|
+
});
|
|
180
|
+
};
|
|
181
|
+
var reactRouter = router;
|
|
182
|
+
var routes = router.routes;
|
|
183
|
+
return {
|
|
184
|
+
back: back,
|
|
185
|
+
forward: forward,
|
|
186
|
+
go: go,
|
|
187
|
+
goHome: goHome,
|
|
188
|
+
navigate: navigate,
|
|
189
|
+
navigateUp: navigateUp,
|
|
190
|
+
push: push,
|
|
191
|
+
reactRouter: reactRouter,
|
|
192
|
+
reload: reload,
|
|
193
|
+
replace: replace,
|
|
194
|
+
routes: routes
|
|
195
|
+
};
|
|
196
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type RouteObject } from 'react-router-dom';
|
|
2
|
+
import type { RouteItem, RouteMapType } from "../types";
|
|
3
|
+
import React from "react";
|
|
4
|
+
export type RouterTransformConfig = {
|
|
5
|
+
errorsMap: RouteMapType;
|
|
6
|
+
layouts: RouteMapType;
|
|
7
|
+
loadings: RouteMapType;
|
|
8
|
+
views: RouteMapType;
|
|
9
|
+
};
|
|
10
|
+
export type RouterTransformOptions = {
|
|
11
|
+
deps?: React.DependencyList;
|
|
12
|
+
fetchRoutes?: () => Promise<RouteItem[]>;
|
|
13
|
+
staticRoutes?: RouteItem[];
|
|
14
|
+
};
|
|
15
|
+
export declare const useRouterTransform: (config: RouterTransformConfig, rootRoutes: RouteItem, options?: RouterTransformOptions) => {
|
|
16
|
+
routeObject: RouteObject[] | null;
|
|
17
|
+
dynamicRoutes: RouteItem[];
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=transform.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../src/provider/transform.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,YAAY,CAAA;CACpB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,SAAS,EAAE,CAAC;CAC5B,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,qBAAqB,EAAE,YAAY,SAAS,EAAE,UAAU,sBAAsB;;;CA+MxH,CAAA"}
|