@umijs/renderer-vue 4.0.0-rc.13

package/README.md

@@ -0,0 +1,3 @@
+# @umijs/renderer-vue
+
+See our website [umijs](https://umijs.org) for more information.

package/dist/browser.d.ts

@@ -0,0 +1,14 @@
+import { RouterHistory } from 'vue-router';
+import { IRouteComponents, IRoutesById } from './types';
+export declare const AppContextKey: unique symbol;
+export declare function renderClient(opts: {
+    rootElement: string;
+    routes: IRoutesById;
+    routeComponents: IRouteComponents;
+    pluginManager: any;
+    basename?: string;
+    history: RouterHistory;
+}): {
+    app: any;
+    router: any;
+};

package/dist/browser.jsx

@@ -0,0 +1,75 @@
+// @ts-ignore
+import App from '@@/core/App.vue';
+// @ts-ignore
+import { createApp } from 'vue';
+// @ts-ignore
+import { createRouter } from 'vue-router';
+import { createClientRoutes } from './routes';
+export const AppContextKey = Symbol('AppContextKey');
+export function renderClient(opts) {
+    const routes = createClientRoutes({
+        routesById: opts.routes,
+        routeComponents: opts.routeComponents,
+    });
+    let rootContainer = App;
+    for (const key of [
+        // Lowest to the highest priority
+        'innerProvider',
+        'i18nProvider',
+        'accessProvider',
+        'dataflowProvider',
+        'outerProvider',
+        'rootContainer',
+    ]) {
+        rootContainer = opts.pluginManager.applyPlugins({
+            type: 'modify',
+            key,
+            initialValue: rootContainer,
+            args: {},
+        });
+    }
+    // 路由配置
+    const routerConfig = opts.pluginManager.applyPlugins({
+        key: 'router',
+        type: 'modify',
+        initialValue: {},
+    });
+    const router = createRouter(Object.assign(Object.assign({}, routerConfig), { history: opts.history, strict: true, routes }));
+    opts.pluginManager.applyPlugins({
+        type: 'event',
+        key: 'onRouterCreated',
+        args: {
+            router,
+        },
+    });
+    const app = createApp(rootContainer);
+    opts.pluginManager.applyPlugins({
+        type: 'event',
+        key: 'onAppCreated',
+        args: {
+            app,
+        },
+    });
+    app.use(router);
+    app.mount(opts.rootElement);
+    // 注入appData 数据
+    app.provide(AppContextKey, {
+        routes: opts.routes,
+        routeComponents: opts.routeComponents,
+        clientRoutes: routes,
+        pluginManager: opts.pluginManager,
+        rootElement: opts.rootElement,
+    });
+    opts.pluginManager.applyPlugins({
+        type: 'event',
+        key: 'onMounted',
+        args: {
+            app,
+            router,
+        },
+    });
+    return {
+        app,
+        router,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { RouterOptions } from 'vue-router';
+export { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory, onBeforeRouteLeave, onBeforeRouteUpdate, RouterLink, RouterView, useLink, useRoute, useRouter, } from 'vue-router';
+export { AppContextKey, renderClient } from './browser';
+export declare type RouterConfig = Omit<RouterOptions, 'history' | 'routes'>;

package/dist/index.js

@@ -0,0 +1,5 @@
+// @ts-ignore
+export { createMemoryHistory, createRouter, createWebHashHistory, createWebHistory, onBeforeRouteLeave, onBeforeRouteUpdate, RouterLink, RouterView, useLink, useRoute, useRouter,
+// @ts-ignore
+ } from 'vue-router';
+export { AppContextKey, renderClient } from './browser';

package/dist/routes.d.ts

@@ -0,0 +1,11 @@
+import { IRoute, IRoutesById } from './types';
+export declare function createClientRoutes(opts: {
+    routesById: IRoutesById;
+    routeComponents: Record<string, any>;
+    parentId?: string;
+}): Record<string, any>[];
+export declare function createClientRoute(opts: {
+    route: IRoute;
+    routeComponent: any;
+    parentId?: string;
+}): Record<string, any>;

package/dist/routes.js

@@ -0,0 +1,44 @@
+export function createClientRoutes(opts) {
+    const { routesById, parentId, routeComponents } = opts;
+    return Object.keys(routesById)
+        .filter((id) => routesById[id].parentId === parentId)
+        .map((id) => {
+        const route = createClientRoute({
+            route: routesById[id],
+            routeComponent: routeComponents[id],
+            parentId,
+        });
+        const children = createClientRoutes({
+            routesById,
+            routeComponents,
+            parentId: route.id,
+        });
+        if (children.length > 0) {
+            // @ts-ignore
+            route.children = children;
+        }
+        delete route.id;
+        return route;
+    });
+}
+export function createClientRoute(opts) {
+    const { route } = opts;
+    const { id, path, redirect } = route;
+    if (redirect) {
+        return {
+            id,
+            path,
+            redirect,
+        };
+    }
+    const item = {
+        id,
+        component: opts.routeComponent,
+        path,
+    };
+    if (opts.parentId === undefined && path && !path.startsWith('/')) {
+        // fix Uncaught (in promise) Error: Route paths should start with a "/": "users" should be "/users".
+        item.path = `/${path}`;
+    }
+    return item;
+}

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+export interface IRoute {
+    id: string;
+    path?: string;
+    index?: boolean;
+    parentId?: string;
+    redirect?: string;
+}
+export interface IRoutesById {
+    [id: string]: IRoute;
+}
+export interface IRouteComponents {
+    [id: string]: any;
+}

package/dist/types.js

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

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@umijs/renderer-vue",
+  "version": "4.0.0-rc.13",
+  "description": "@umijs/renderer-vue",
+  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/renderer-vue#readme",
+  "bugs": "https://github.com/umijs/umi-next/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/umi-next"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm tsc",
+    "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
+    "dev": "pnpm build -- --watch"
+  },
+  "peerDependencies": {
+    "vue": ">=3.2.31",
+    "vue-router": ">=4.0.12"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
+  ]
+}