@umijs/renderer-vue 4.0.5 → 4.0.8
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/browser.d.ts +0 -0
- package/dist/browser.js +76 -0
- package/dist/index.d.ts +0 -0
- package/dist/index.js +4 -3
- package/dist/routes.d.ts +0 -0
- package/dist/routes.js +55 -42
- package/dist/types.d.ts +0 -0
- package/dist/types.js +1 -1
- package/package.json +6 -3
- package/dist/browser.jsx +0 -80
package/dist/browser.d.ts
CHANGED
|
File without changes
|
package/dist/browser.js
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
+
// @ts-ignore
|
|
3
|
+
import App from '@@/core/App.vue'; // @ts-ignore
|
|
4
|
+
|
|
5
|
+
import { createApp } from 'vue'; // @ts-ignore
|
|
6
|
+
|
|
7
|
+
import { createRouter } from 'vue-router';
|
|
8
|
+
import { createClientRoutes } from "./routes";
|
|
9
|
+
export var AppContextKey = Symbol('AppContextKey');
|
|
10
|
+
export function renderClient(opts) {
|
|
11
|
+
var routes = createClientRoutes({
|
|
12
|
+
routesById: opts.routes,
|
|
13
|
+
routeComponents: opts.routeComponents
|
|
14
|
+
});
|
|
15
|
+
var rootContainer = App;
|
|
16
|
+
|
|
17
|
+
for (var _i = 0, _arr = [// Lowest to the highest priority
|
|
18
|
+
'innerProvider', 'i18nProvider', 'accessProvider', 'dataflowProvider', 'outerProvider', 'rootContainer']; _i < _arr.length; _i++) {
|
|
19
|
+
var key = _arr[_i];
|
|
20
|
+
rootContainer = opts.pluginManager.applyPlugins({
|
|
21
|
+
type: 'modify',
|
|
22
|
+
key: key,
|
|
23
|
+
initialValue: rootContainer,
|
|
24
|
+
args: {}
|
|
25
|
+
});
|
|
26
|
+
} // 路由配置
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
var routerConfig = opts.pluginManager.applyPlugins({
|
|
30
|
+
key: 'router',
|
|
31
|
+
type: 'modify',
|
|
32
|
+
initialValue: {}
|
|
33
|
+
});
|
|
34
|
+
var router = createRouter(_objectSpread(_objectSpread({}, routerConfig), {}, {
|
|
35
|
+
history: opts.history,
|
|
36
|
+
strict: true,
|
|
37
|
+
routes: routes
|
|
38
|
+
}));
|
|
39
|
+
opts.pluginManager.applyPlugins({
|
|
40
|
+
type: 'event',
|
|
41
|
+
key: 'onRouterCreated',
|
|
42
|
+
args: {
|
|
43
|
+
router: router
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
var app = createApp(rootContainer);
|
|
47
|
+
opts.pluginManager.applyPlugins({
|
|
48
|
+
type: 'event',
|
|
49
|
+
key: 'onAppCreated',
|
|
50
|
+
args: {
|
|
51
|
+
app: app
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
app.use(router);
|
|
55
|
+
app.mount(opts.rootElement); // 注入appData 数据
|
|
56
|
+
|
|
57
|
+
app.provide(AppContextKey, {
|
|
58
|
+
routes: opts.routes,
|
|
59
|
+
routeComponents: opts.routeComponents,
|
|
60
|
+
clientRoutes: routes,
|
|
61
|
+
pluginManager: opts.pluginManager,
|
|
62
|
+
rootElement: opts.rootElement
|
|
63
|
+
});
|
|
64
|
+
opts.pluginManager.applyPlugins({
|
|
65
|
+
type: 'event',
|
|
66
|
+
key: 'onMounted',
|
|
67
|
+
args: {
|
|
68
|
+
app: app,
|
|
69
|
+
router: router
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
return {
|
|
73
|
+
app: app,
|
|
74
|
+
router: router
|
|
75
|
+
};
|
|
76
|
+
}
|
package/dist/index.d.ts
CHANGED
|
File without changes
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// @ts-ignore
|
|
2
|
-
export { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory, onBeforeRouteLeave, onBeforeRouteUpdate, RouterLink, RouterView, useLink, useRoute, useRouter,
|
|
3
2
|
// @ts-ignore
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory, onBeforeRouteLeave, onBeforeRouteUpdate, RouterLink, RouterView, useLink, useRoute, useRouter // @ts-ignore
|
|
4
|
+
} from 'vue-router'; // @ts-ignore
|
|
5
|
+
|
|
6
|
+
export { AppContextKey, renderClient } from "./browser";
|
package/dist/routes.d.ts
CHANGED
|
File without changes
|
package/dist/routes.js
CHANGED
|
@@ -1,46 +1,59 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["id", "path", "redirect"];
|
|
1
4
|
export function createClientRoutes(opts) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
routesById,
|
|
13
|
-
routeComponents,
|
|
14
|
-
parentId: route.id,
|
|
15
|
-
});
|
|
16
|
-
if (children.length > 0) {
|
|
17
|
-
// @ts-ignore
|
|
18
|
-
route.children = children;
|
|
19
|
-
}
|
|
20
|
-
delete route.id;
|
|
21
|
-
return route;
|
|
5
|
+
var routesById = opts.routesById,
|
|
6
|
+
parentId = opts.parentId,
|
|
7
|
+
routeComponents = opts.routeComponents;
|
|
8
|
+
return Object.keys(routesById).filter(function (id) {
|
|
9
|
+
return routesById[id].parentId === parentId;
|
|
10
|
+
}).map(function (id) {
|
|
11
|
+
var route = createClientRoute({
|
|
12
|
+
route: routesById[id],
|
|
13
|
+
routeComponent: routeComponents[id],
|
|
14
|
+
parentId: parentId
|
|
22
15
|
});
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
redirect,
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
const item = {
|
|
36
|
-
...other,
|
|
37
|
-
id,
|
|
38
|
-
component: opts.routeComponent,
|
|
39
|
-
path,
|
|
40
|
-
};
|
|
41
|
-
if (opts.parentId === undefined && path && !path.startsWith('/')) {
|
|
42
|
-
// fix Uncaught (in promise) Error: Route paths should start with a "/": "users" should be "/users".
|
|
43
|
-
item.path = `/${path}`;
|
|
16
|
+
var children = createClientRoutes({
|
|
17
|
+
routesById: routesById,
|
|
18
|
+
routeComponents: routeComponents,
|
|
19
|
+
parentId: route.id
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
if (children.length > 0) {
|
|
23
|
+
// @ts-ignore
|
|
24
|
+
route.children = children;
|
|
44
25
|
}
|
|
45
|
-
|
|
26
|
+
|
|
27
|
+
delete route.id;
|
|
28
|
+
return route;
|
|
29
|
+
});
|
|
46
30
|
}
|
|
31
|
+
export function createClientRoute(opts) {
|
|
32
|
+
var route = opts.route;
|
|
33
|
+
|
|
34
|
+
var id = route.id,
|
|
35
|
+
path = route.path,
|
|
36
|
+
redirect = route.redirect,
|
|
37
|
+
other = _objectWithoutProperties(route, _excluded);
|
|
38
|
+
|
|
39
|
+
if (redirect) {
|
|
40
|
+
return _objectSpread(_objectSpread({}, other), {}, {
|
|
41
|
+
id: id,
|
|
42
|
+
path: path,
|
|
43
|
+
redirect: redirect
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
var item = _objectSpread(_objectSpread({}, other), {}, {
|
|
48
|
+
id: id,
|
|
49
|
+
component: opts.routeComponent,
|
|
50
|
+
path: path
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
if (opts.parentId === undefined && path && !path.startsWith('/')) {
|
|
54
|
+
// fix Uncaught (in promise) Error: Route paths should start with a "/": "users" should be "/users".
|
|
55
|
+
item.path = "/".concat(path);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return item;
|
|
59
|
+
}
|
package/dist/types.d.ts
CHANGED
|
File without changes
|
package/dist/types.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umijs/renderer-vue",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.8",
|
|
4
4
|
"description": "@umijs/renderer-vue",
|
|
5
5
|
"homepage": "https://github.com/umijs/umi/tree/master/packages/renderer-vue#readme",
|
|
6
6
|
"bugs": "https://github.com/umijs/umi/issues",
|
|
@@ -16,9 +16,12 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"scripts": {
|
|
19
|
-
"build": "pnpm
|
|
19
|
+
"build": "pnpm father build",
|
|
20
20
|
"build:deps": "umi-scripts bundleDeps",
|
|
21
|
-
"dev": "pnpm
|
|
21
|
+
"dev": "pnpm father dev"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"@babel/runtime": "7.17.9"
|
|
22
25
|
},
|
|
23
26
|
"peerDependencies": {
|
|
24
27
|
"vue": ">=3.2.31",
|
package/dist/browser.jsx
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import App from '@@/core/App.vue';
|
|
3
|
-
// @ts-ignore
|
|
4
|
-
import { createApp } from 'vue';
|
|
5
|
-
// @ts-ignore
|
|
6
|
-
import { createRouter } from 'vue-router';
|
|
7
|
-
import { createClientRoutes } from './routes';
|
|
8
|
-
export const AppContextKey = Symbol('AppContextKey');
|
|
9
|
-
export function renderClient(opts) {
|
|
10
|
-
const routes = createClientRoutes({
|
|
11
|
-
routesById: opts.routes,
|
|
12
|
-
routeComponents: opts.routeComponents,
|
|
13
|
-
});
|
|
14
|
-
let rootContainer = App;
|
|
15
|
-
for (const key of [
|
|
16
|
-
// Lowest to the highest priority
|
|
17
|
-
'innerProvider',
|
|
18
|
-
'i18nProvider',
|
|
19
|
-
'accessProvider',
|
|
20
|
-
'dataflowProvider',
|
|
21
|
-
'outerProvider',
|
|
22
|
-
'rootContainer',
|
|
23
|
-
]) {
|
|
24
|
-
rootContainer = opts.pluginManager.applyPlugins({
|
|
25
|
-
type: 'modify',
|
|
26
|
-
key,
|
|
27
|
-
initialValue: rootContainer,
|
|
28
|
-
args: {},
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
// 路由配置
|
|
32
|
-
const routerConfig = opts.pluginManager.applyPlugins({
|
|
33
|
-
key: 'router',
|
|
34
|
-
type: 'modify',
|
|
35
|
-
initialValue: {},
|
|
36
|
-
});
|
|
37
|
-
const router = createRouter({
|
|
38
|
-
...routerConfig,
|
|
39
|
-
history: opts.history,
|
|
40
|
-
strict: true,
|
|
41
|
-
routes,
|
|
42
|
-
});
|
|
43
|
-
opts.pluginManager.applyPlugins({
|
|
44
|
-
type: 'event',
|
|
45
|
-
key: 'onRouterCreated',
|
|
46
|
-
args: {
|
|
47
|
-
router,
|
|
48
|
-
},
|
|
49
|
-
});
|
|
50
|
-
const app = createApp(rootContainer);
|
|
51
|
-
opts.pluginManager.applyPlugins({
|
|
52
|
-
type: 'event',
|
|
53
|
-
key: 'onAppCreated',
|
|
54
|
-
args: {
|
|
55
|
-
app,
|
|
56
|
-
},
|
|
57
|
-
});
|
|
58
|
-
app.use(router);
|
|
59
|
-
app.mount(opts.rootElement);
|
|
60
|
-
// 注入appData 数据
|
|
61
|
-
app.provide(AppContextKey, {
|
|
62
|
-
routes: opts.routes,
|
|
63
|
-
routeComponents: opts.routeComponents,
|
|
64
|
-
clientRoutes: routes,
|
|
65
|
-
pluginManager: opts.pluginManager,
|
|
66
|
-
rootElement: opts.rootElement,
|
|
67
|
-
});
|
|
68
|
-
opts.pluginManager.applyPlugins({
|
|
69
|
-
type: 'event',
|
|
70
|
-
key: 'onMounted',
|
|
71
|
-
args: {
|
|
72
|
-
app,
|
|
73
|
-
router,
|
|
74
|
-
},
|
|
75
|
-
});
|
|
76
|
-
return {
|
|
77
|
-
app,
|
|
78
|
-
router,
|
|
79
|
-
};
|
|
80
|
-
}
|