@maketribe/ms-app 3.0.0 → 3.0.1

package/src/MSAppClient.ts

@@ -1,343 +0,0 @@
-import {
-  createRouter,
-  createWebHashHistory,
-  Router as VueRouter,
-} from "vue-router";
-import { HttpRequest, R, WebHttpRequest } from "@maketribe/request";
-import { IComponents, DataModel } from "@maketribe/dm";
-import { I18n } from "@maketribe/locale";
-
-import { createDisposable, Event, md5 } from "@maketribe/utils";
-import { UserSession } from "./UserSession";
-import { MSDataTableComponents } from "./MSDataTableComponents";
-import { MSDataFormComponents } from "./MSDataFormComponents";
-import { MSDataFilterComponents } from "./MSDataFilterComponents";
-import LoginPage from "./page/login/index.vue";
-import SignUpPage from "./page/signup/index.vue";
-import { authBeforeEach } from "./router-middleware";
-import MaterialListPage from "./page/index/material/index.vue";
-import MemberListPage from "./page/index/dv/ms-member/index.vue";
-import RoleListPage from "./page/index/dv/ms-role/index.vue";
-
-export interface MSAppClientOptions {
-  projectName: string;
-  httpRequest?: HttpRequest;
-  origin: string;
-  appID: string;
-  logo?: string;
-  locale?: string;
-  vueRouter?: VueRouter;
-  dataTableComponents?: IComponents;
-  dataFormComponents?: IComponents;
-  dataFilterComponents?: IComponents;
-  whereFilterComponents?: IComponents;
-}
-
-export class MSAppClient {
-  static instance: MSAppClient | null = null;
-
-  origin: string = "";
-
-  private _options: Required<MSAppClientOptions>;
-
-  projectName: string;
-
-  logo: string;
-
-  appID: string;
-
-  userSession: UserSession | null = null;
-
-  httpRequest: HttpRequest;
-
-  ready: boolean = false;
-
-  initd: boolean = false;
-
-  /**
-   * @deprecated
-   * @description 使用 MSAppClient.instance.userSession.userInfo
-   */
-  get userInfo() {
-    return this.userSession?.userInfo ?? null;
-  }
-
-  i18n: I18n;
-
-  dataTableComponents: IComponents;
-  dataFormComponents: IComponents;
-  dataFilterComponents: IComponents;
-  whereFilterComponents: IComponents;
-
-  vueRouter: VueRouter;
-
-  beforeInitUserSessionEvent: Event<{ userSession: UserSession }> = new Event();
-
-  userSessionChangeEvent: Event<{ userSession: UserSession | null }> =
-    new Event();
-
-  constructor(options: MSAppClientOptions) {
-    this._options = this._normalizeOptions(options);
-
-    this.appID = this._options.appID;
-
-    this.logo = this._options.logo;
-
-    this.projectName = options.projectName;
-
-    this.i18n = I18n.instance;
-    this.i18n.setCurrentLanguageName(this._options.locale);
-
-    this.dataTableComponents = this._options.dataTableComponents;
-    this.dataFormComponents = this._options.dataFormComponents;
-    this.dataFilterComponents = this._options.dataFilterComponents;
-    this.whereFilterComponents = this._options.whereFilterComponents;
-
-    this.vueRouter = this._options.vueRouter;
-
-    HttpRequest.appID = this.appID;
-
-    this.httpRequest = this._options.httpRequest;
-
-    DataModel.setHttpRequest(this.httpRequest);
-  }
-
-  setUserSession(userSession: UserSession | null) {
-    if (this.userSession) {
-      this.userSession.dispose();
-    }
-
-    this.userSession = userSession;
-
-    this.userSessionChangeEvent.emit({ userSession });
-  }
-
-  private _normalizeOptions(
-    options: MSAppClientOptions
-  ): Required<MSAppClientOptions> {
-    return {
-      appID: options.appID,
-      projectName: options.projectName,
-      httpRequest: options.httpRequest ?? new WebHttpRequest(),
-      origin: options.origin,
-      logo: options.logo || "",
-      locale: options.locale || "zh-cn",
-      vueRouter:
-        options.vueRouter ??
-        createRouter({
-          history: createWebHashHistory(),
-          routes: [],
-        }),
-      dataTableComponents:
-        options.dataTableComponents ?? new MSDataTableComponents(),
-      dataFormComponents:
-        options.dataFormComponents ?? new MSDataFormComponents(),
-      dataFilterComponents:
-        options.dataFilterComponents ?? new MSDataFilterComponents(),
-      whereFilterComponents:
-        options.whereFilterComponents ?? new MSDataFilterComponents(),
-    };
-  }
-  getI18n() {
-    return this.i18n;
-  }
-
-  getOptions() {
-    return this._options;
-  }
-
-  async loadCurrentUserSession() {
-    const userSession = (this.userSession = new UserSession({
-      msAppClient: this,
-    }));
-    this.userSession = null;
-
-    this.beforeInitUserSessionEvent.emit({ userSession });
-    const userSessionInitResult = await userSession.init();
-
-    if (userSessionInitResult?.data.code !== 200) {
-      userSession.dispose();
-      return userSessionInitResult!;
-    }
-
-    this.setUserSession(userSession);
-  }
-
-  async init() {
-    if (this.initd) {
-      return;
-    }
-
-    let vueRoutes = this.vueRouter.getRoutes();
-
-    const loginRoute = vueRoutes.find((route) => route.name === "login");
-
-    if (!loginRoute) {
-      this.vueRouter.addRoute({
-        name: "login",
-        path: "/login",
-        meta: {
-          isAuthorization: false,
-        },
-        component: LoginPage,
-      });
-    }
-
-    const signupRoute = vueRoutes.find((route) => route.name === "login");
-
-    if (!signupRoute) {
-      this.vueRouter.addRoute({
-        name: "signup",
-        path: "/signup",
-        meta: {
-          isAuthorization: false,
-        },
-        component: SignUpPage,
-      });
-    }
-
-    this.vueRouter.beforeEach(async (to, from, next) => {
-      const route = await authBeforeEach(to, from);
-
-      if (route) {
-        next(route);
-        return;
-      }
-
-      next();
-    });
-
-    this.beforeInitUserSessionEvent.on(({ userSession }) => {
-      userSession.register(
-        userSession.beforeInitRouterEvent.on(() => {
-          const routes = userSession.vueRouter.getRoutes();
-
-          const materialRoute =
-            userSession.router.getRouteByName("ms-material/list");
-
-          // 如果可以访问素材
-          if (materialRoute) {
-            const materialVueRoute = routes.find(
-              (route) => route.name === "ms-material/list"
-            );
-
-            // 但是没有素材页面，给默认素材页
-            if (!materialVueRoute) {
-              userSession.vueRouter.addRoute("mk-ms-main", {
-                name: materialRoute.name,
-                path: "/material-list",
-                component: MaterialListPage,
-              });
-
-              userSession.register(
-                createDisposable(() => {
-                  userSession.vueRouter.removeRoute(materialRoute.name);
-                })
-              );
-            }
-          }
-
-          const memberListRoute =
-            userSession.router.getRouteByName("ms-member/list");
-
-          if (memberListRoute) {
-            const memberListVueRoute = routes.find(
-              (route) => route.name === "ms-member/list"
-            );
-
-            if (!memberListVueRoute) {
-              userSession.vueRouter.addRoute("mk-ms-main", {
-                name: memberListRoute.name,
-                path: "/dv/ms-member",
-                component: MemberListPage,
-              });
-
-              userSession.register(
-                createDisposable(() => {
-                  userSession.vueRouter.removeRoute(memberListRoute.name);
-                })
-              );
-            }
-          }
-
-          const roleListRoute =
-            userSession.router.getRouteByName("ms-role/list");
-
-          if (roleListRoute) {
-            const roleListVueRoute = routes.find(
-              (route) => route.name === "ms-role/list"
-            );
-
-            if (!roleListVueRoute) {
-              userSession.vueRouter.addRoute("mk-ms-main", {
-                name: roleListRoute.name,
-                path: "/dv/ms-role",
-                component: RoleListPage,
-              });
-
-              userSession.register(
-                createDisposable(() => {
-                  userSession.vueRouter.removeRoute(roleListRoute.name);
-                })
-              );
-            }
-          }
-        })
-      );
-    });
-
-    this.httpRequest.getInterceptors().response.use((config) => {
-      if (config.data.code === 401) {
-        this.vueRouter.push({ name: "login" });
-      }
-      return config;
-    });
-
-    this.initd = true;
-  }
-
-  async login(account: string, password: string, code: string) {
-    type LoginResult = {
-      account: string;
-      email: string;
-      nickName: string;
-      avatarPath: string;
-    };
-
-    const response = await this.httpRequest.request<R<LoginResult>>({
-      url: "/api/ms-login/login",
-      method: "POST",
-      data: { account, password: md5(`mkbl#${password}`), vCode: code },
-    });
-
-    if (response.data.code === 200) {
-      await this.loadCurrentUserSession();
-    }
-
-    return response;
-  }
-
-  async modifyPassword(account: string, code: string) {
-    type LoginResult = {
-      account: string;
-      email: string;
-      nickName: string;
-      avatarPath: string;
-    };
-
-    const response = await this.httpRequest.request<R<LoginResult>>({
-      url: "/api/ms-login/modify-password",
-      method: "POST",
-      data: { account, vCode: code },
-    });
-
-    return response;
-  }
-
-  async logout() {
-    this.userSession?.dispose();
-    this.setUserSession(null);
-
-    this.httpRequest.get("/api/ms-login/logout");
-  }
-}

package/src/MSDataFilterComponents.ts

@@ -1,6 +0,0 @@
-import { DataFilterComponents } from "@maketribe/dm-ui";
-export class MSDataFilterComponents extends DataFilterComponents {
-  constructor() {
-    super();
-  }
-}

package/src/MSDataFormComponents.ts

@@ -1,12 +0,0 @@
-import { DataFormComponents } from "@maketribe/dm-ui";
-import { MKImageSelect } from "./components/image-select";
-export class MSDataFormComponents extends DataFormComponents {
-  constructor() {
-    super();
-    this.registerComponent({
-      name: "MKImageSelect",
-      title: "输入框",
-      component: MKImageSelect,
-    });
-  }
-}

package/src/MSDataTableComponents.ts

@@ -1,6 +0,0 @@
-import { DataTableComponents } from "@maketribe/dm-ui";
-export class MSDataTableComponents extends DataTableComponents {
-  constructor() {
-    super();
-  }
-}

package/src/MaterialComponents.ts

@@ -1,26 +0,0 @@
-import { Components } from "@maketribe/dm";
-import { MKFileView, MKImageView, MKVideoView } from "@maketribe/dm-ui";
-
-export class MaterialComponents extends Components {
-  constructor() {
-    super();
-
-    this.registerComponent({
-      name: "MKImageView",
-      title: "图片",
-      component: MKImageView,
-    });
-
-    this.registerComponent({
-      name: "MKFileView",
-      title: "文件",
-      component: MKFileView,
-    });
-
-    this.registerComponent({
-      name: "MKVideoView",
-      title: "视频",
-      component: MKVideoView,
-    });
-  }
-}

package/src/PermissionPointManager.ts

@@ -1,26 +0,0 @@
-export interface PermissionPoint {
-  id: number;
-  menuId: string;
-  key: string;
-  name: string;
-}
-
-export class PermissionPointManager {
-  permissionPoints: PermissionPoint[];
-
-  constructor() {
-    this.permissionPoints = [];
-  }
-
-  setPermissionPoints(permissionPoints: PermissionPoint[]) {
-    this.permissionPoints = permissionPoints;
-  }
-
-  init() {}
-
-  getPermissionPointsByMenuID(menuID: string): PermissionPoint[] {
-    return this.permissionPoints.filter(
-      (permissionPoint) => permissionPoint.menuId === menuID
-    );
-  }
-}

package/src/Router.ts

@@ -1,133 +0,0 @@
-import { Disposable, Event, createDisposable } from "@maketribe/utils";
-import { Route } from "./dataview";
-import type { UserSession } from "./UserSession";
-import DefaultListPage from "./page/index/dv/default/index.vue";
-import DefaultAddPage from "./page/index/dv/default/add.vue";
-import DefaultEditPage from "./page/index/dv/default/edit.vue";
-import DefaultTreePage from "./page/index/dv/default/tree.vue";
-
-const NORMALIZE_ROUTE_NAME_REG = /^([^\\]+)\/(.+)$/;
-
-export class Router extends Disposable {
-  userSession: UserSession;
-
-  routes: Route[] = [];
-
-  currentRoute: any | null = null;
-
-  beforeRouteChange: Event<{ routeInfo: Route; route: any }> = this.register(
-    new Event()
-  );
-
-  routeChange: Event<{ routeInfo: Route; route: any }> = this.register(
-    new Event()
-  );
-
-  constructor(userSession: UserSession) {
-    super();
-
-    this.userSession = userSession;
-  }
-
-  setRoutes(routes: Route[]) {
-    this.routes = routes;
-  }
-
-  init() {
-    const vueRouter = this.userSession.vueRouter;
-    const vueRoutes = vueRouter.getRoutes();
-
-    // 给有权限访问的页面,注册默认页面
-    const defaultPageRoutes = this.routes.filter(
-      (route) => !vueRoutes.find((item) => item.name === route.name)
-    );
-
-    for (const defaultPageRoute of defaultPageRoutes) {
-      const match = defaultPageRoute.name.match(NORMALIZE_ROUTE_NAME_REG);
-
-      if (match) {
-        const name = match[1];
-        const action = match[2];
-
-        switch (action) {
-          case "list":
-            vueRouter.addRoute("mk-ms-main", {
-              name: defaultPageRoute.name,
-              path: `/dv/${name}`,
-              component: DefaultListPage,
-              meta: { name },
-            });
-            break;
-          case "edit":
-            vueRouter.addRoute("mk-ms-main", {
-              name: defaultPageRoute.name,
-              path: `/dv/${name}/:id`,
-              component: DefaultEditPage,
-              meta: { name },
-            });
-            break;
-          case "add":
-            vueRouter.addRoute("mk-ms-main", {
-              name: defaultPageRoute.name,
-              path: `/dv/${name}/add`,
-              component: DefaultAddPage,
-              meta: { name },
-            });
-            break;
-          case "tree":
-            vueRouter.addRoute("mk-ms-main", {
-              name: defaultPageRoute.name,
-              path: `/dv/${name}`,
-              component: DefaultTreePage,
-              meta: { name },
-            });
-            break;
-        }
-      }
-    }
-
-    this.register(
-      createDisposable(() => {
-        for (const defaultPageRoute of defaultPageRoutes) {
-          vueRouter.removeRoute(defaultPageRoute.name);
-        }
-      })
-    );
-  }
-
-  getRouteByName(name: string): Route | null {
-    return this.routes.find((route) => route.name === name) ?? null;
-  }
-
-  getRouteByID(id: string): Route | null {
-    return this.routes.find((route) => route.id === id) ?? null;
-  }
-
-  getRoutesByMenuID(menuId: Route["menuId"]): Route[] {
-    return this.routes.filter((route) => route.menuId === menuId);
-  }
-
-  async changeRoute(route: any) {
-    if (!route) {
-      return true;
-    }
-
-    const routeInfo = this.getRouteByName(route.name);
-
-    if (!routeInfo) {
-      return true;
-    }
-
-    if (
-      (await this.beforeRouteChange.emitAsync({ route, routeInfo })) !== false
-    ) {
-      this.currentRoute = route;
-
-      this.routeChange.emit({ route, routeInfo });
-
-      return true;
-    }
-
-    return false;
-  }
-}

package/src/UserInfo.ts

@@ -1,66 +0,0 @@
-import type { MSAppClient } from "./MSAppClient";
-import { PermissionPoint } from "./PermissionPointManager";
-import { Role } from "./dataview/role/RoleForm";
-
-export interface MemberInfo {
-  id: number;
-  account: string;
-  email: string;
-  nickName: string;
-  avatarPath: string;
-  isSuper: string;
-  errorCount: string;
-  errorDatetime: string;
-  isLock: string;
-  unlockDatetime: string;
-}
-
-export class UserInfo {
-  id: number;
-  account: string;
-  email: string;
-  nickName: string;
-  avatar: URL | null;
-  isLocked: boolean;
-  isSuper: boolean;
-  payload: any;
-
-  roles: Role[];
-  permissionPoints: PermissionPoint[];
-
-  constructor(
-    msAppClient: MSAppClient,
-    payload: MemberInfo,
-    roles: Role[],
-    permissionPoints: PermissionPoint[]
-  ) {
-    this.id = payload.id;
-    this.account = payload.account;
-    this.email = payload.email;
-    this.nickName = payload.nickName;
-    this.isLocked = payload.isLock === "1";
-    this.isSuper = payload.isSuper === "1";
-    this.roles = roles;
-    this.permissionPoints = permissionPoints;
-
-    try {
-      this.avatar = payload.avatarPath
-        ? new URL(payload.avatarPath, msAppClient.origin)
-        : null;
-    } catch (e) {
-      this.avatar = null;
-    }
-
-    this.payload = payload;
-  }
-
-  hasRole(name: Role["name"]): boolean {
-    return !!this.roles.find((role) => role.name === name);
-  }
-
-  hasPermissionPoint(key: PermissionPoint["key"]) {
-    return !!this.permissionPoints.find(
-      (permissionPoint) => permissionPoint.key === key
-    );
-  }
-}