@maketribe/ms-app 3.0.38 → 3.0.39

package/src/dataview/menu/permission-point/index.ts

@@ -1,2 +0,0 @@
-export * from "./PermissionPointDefineForm";
-export * from "./PermissionPointDefineTable";

package/src/dataview/region/RegionForm.ts

@@ -1,52 +0,0 @@
-import { DataForm, DataFormOptions, FormColumn } from "@maketribe/dm";
-import { defineDataForm } from "../../define-data-form";
-import { RegionLevel } from "../../constants";
-
-export type Region = {
-  id: string;
-  code: string;
-  desc: string;
-  level: number;
-  postalCode: string;
-  firstchar: string;
-  jianpin: string;
-  pinyin: string;
-};
-
-export class RegionForm extends DataForm<Region> {
-  constructor(options: DataFormOptions = {}) {
-    super({ name: "ms-region", ...options });
-  }
-
-  protected async initialize(): Promise<void> {
-    await super.initialize();
-
-    this.setColumns([
-      new FormColumn({ name: "id", label: "编号" }),
-      new FormColumn({ name: "code", label: "地区编号" }),
-      new FormColumn({ name: "desc", label: "描述" }),
-      new FormColumn({
-        name: "level",
-        label: "层级",
-        componentInfo: "MKFormDataSelect",
-        componentProps: {
-          options: [
-            { value: RegionLevel.Province, label: "省份" },
-            { value: RegionLevel.City, label: "城市" },
-            { value: RegionLevel.District, label: "地区" },
-            { value: RegionLevel.Town, label: "城镇" },
-          ],
-        },
-      }),
-      new FormColumn({ name: "postalCode", label: "邮政编码" }),
-      new FormColumn({ name: "telAreaCode", label: "电话区号" }),
-      new FormColumn({ name: "lat", label: "纬度" }),
-      new FormColumn({ name: "lng", label: "经度" }),
-      new FormColumn({ name: "firstchar", label: "首拼" }),
-      new FormColumn({ name: "jianpin", label: "简拼" }),
-      new FormColumn({ name: "pinyin", label: "拼音" }),
-    ]);
-  }
-}
-
-defineDataForm(RegionForm);

package/src/dataview/region/RegionTable.ts

@@ -1,64 +0,0 @@
-import {
-  DataTable,
-  DataTableOptions,
-  FilterColumn,
-  TableActionColumn,
-  TableColumn,
-} from "@maketribe/dm";
-import { defineDataTable } from "../../define-data-table";
-import { RegionLevel } from "../../constants";
-import { Region } from "./RegionForm";
-
-export class RegionTable extends DataTable<Region> {
-  constructor(options: DataTableOptions = {}) {
-    super({ name: "ms-region", ...options });
-  }
-
-  protected async initialize(): Promise<void> {
-    await super.initialize();
-
-    this.dataFilter.setColumns([
-      new FilterColumn({ name: "code", label: "地区编号" }),
-      new FilterColumn({ name: "desc", label: "描述" }),
-      new FilterColumn({ name: "postalCode", label: "邮政编码" }),
-      new FilterColumn({ name: "telAreaCode", label: "电话区号" }),
-    ]);
-
-    this.setColumns([
-      new TableColumn({ name: "code", label: "地区编号", width: "120px" }),
-      new TableColumn({ name: "desc", label: "描述", minWidth: "200px" }),
-      new TableColumn({
-        name: "level",
-        label: "层级",
-        componentInfo: "MKColumnObjectMappingText",
-        componentProps: {
-          mapping: {
-            [RegionLevel.Province]: "省份",
-            [RegionLevel.City]: "城市",
-            [RegionLevel.District]: "地区",
-            [RegionLevel.Town]: "城镇",
-          },
-        },
-        width: "80px",
-      }),
-      new TableColumn({
-        name: "postalCode",
-        label: "邮政编码",
-        width: "100px",
-      }),
-      new TableColumn({
-        name: "telAreaCode",
-        label: "电话区号",
-        width: "100px",
-      }),
-      new TableColumn({ name: "firstchar", label: "首拼", width: "80px" }),
-      new TableColumn({ name: "jianpin", label: "简拼", width: "150px" }),
-      new TableColumn({ name: "pinyin", label: "拼音", width: "220px" }),
-      new TableActionColumn(),
-    ]);
-  }
-}
-
-(window as any).RegionTable = RegionTable;
-
-defineDataTable(RegionTable);

package/src/dataview/region/index.ts

@@ -1,2 +0,0 @@
-export * from "./RegionForm";
-export * from "./RegionTable";

package/src/dataview/role/RoleForm.ts

@@ -1,34 +0,0 @@
-import { DataForm, DataFormOptions, FormColumn } from "@maketribe/dm";
-import { defineDataForm } from "../../define-data-form";
-
-export type Role = {
-  id: string;
-  name: string;
-  desc: string;
-};
-
-export class RoleForm extends DataForm<Role> {
-  constructor(options: DataFormOptions = {}) {
-    super({ name: "ms-role", ...options });
-  }
-
-  protected async initialize() {
-    await super.initialize();
-
-    this.setColumns([
-      new FormColumn({ name: "id", label: "编号" }),
-      new FormColumn({ name: "name", label: "角色名", required: true }),
-      new FormColumn({ name: "desc", label: "角色描述", required: true }),
-    ]);
-  }
-
-  formatItem(item: Role): Role {
-    return {
-      id: item.id,
-      name: item.name || "",
-      desc: item.desc || "",
-    };
-  }
-}
-
-defineDataForm(RoleForm);

package/src/dataview/role/RolePermissionConfigTable.ts

@@ -1,476 +0,0 @@
-import { Group } from "@maketribe/request";
-import { DataTableOptions, WhereFilter } from "@maketribe/dm";
-import {
-  MenuItem,
-  MenuResult,
-  MenuTable,
-  PermissionPointDefine,
-  PermissionPointDefineTable,
-} from "../menu";
-import { Role } from "./RoleForm";
-import { RoleRouteTable } from "./role-route";
-import { RolePermissionPointTable } from "./role-permission-point";
-import { Route, RouteTable } from "../route";
-import { postTraverse } from "@maketribe/utils";
-
-export type RolePermissionPointDefine = PermissionPointDefine & {
-  originalSelected: boolean;
-  selected: boolean;
-};
-
-export type RoleMenuNode = {
-  permissionPoints: RolePermissionPointDefine[];
-  routes: Route[];
-  originalSelected: boolean;
-  selected: boolean;
-  indeterminate: boolean;
-  children: RoleMenuNode[];
-} & MenuItem;
-
-export class RolePermissionConfigTable extends MenuTable<RoleMenuNode> {
-  roleRouteTable: RoleRouteTable;
-  roleRouteConditionGroup: Group;
-
-  rolePermissionPointTable: RolePermissionPointTable;
-  rolePermissionPointConditionGroup: Group;
-
-  permissionPointDefineTable: PermissionPointDefineTable<RolePermissionPointDefine>;
-  routeDefineTable: RouteTable;
-
-  initd: boolean = false;
-  initing: boolean = false;
-
-  rootRoleMenuNodes: RoleMenuNode[] = [];
-  currentRole: Role | undefined;
-  currentRoleId: Role["id"] = "";
-  currentRoleDesc: Role["desc"] = "";
-
-  constructor(options: Omit<DataTableOptions, "name"> = {}) {
-    super({
-      ...options,
-      interfaceURL: {
-        list: "/api/dv/ms-menu/allList",
-        ...options.interfaceURL,
-      },
-    });
-
-    this.roleRouteTable = new RoleRouteTable();
-    this.roleRouteTable.dataFilter.setReady();
-
-    this.rolePermissionPointTable = new RolePermissionPointTable();
-    this.rolePermissionPointTable.dataFilter.setReady();
-
-    this.roleRouteConditionGroup = new Group();
-    this.rolePermissionPointConditionGroup = new Group();
-
-    (this.roleRouteTable.dataFilter as WhereFilter)
-      .getWhere()
-      .addGroup(this.roleRouteConditionGroup);
-
-    (this.rolePermissionPointTable.dataFilter as WhereFilter)
-      .getWhere()
-      .addGroup(this.rolePermissionPointConditionGroup);
-
-    const permissionPointDefineTable =
-      new (class extends PermissionPointDefineTable<RolePermissionPointDefine> {
-        formatItem(item: PermissionPointDefine): RolePermissionPointDefine {
-          return {
-            ...super.formatItem(item),
-            originalSelected: false,
-            selected: false,
-          };
-        }
-      })({
-        interfaceURL: { list: "/api/dv/ms-permission-point-def/allList" },
-      });
-    permissionPointDefineTable.dataFilter.setReady();
-    this.permissionPointDefineTable = permissionPointDefineTable;
-
-    const routeDefineTable = new RouteTable({
-      interfaceURL: { list: "/api/dv/ms-route/allList" },
-    });
-    routeDefineTable.dataFilter.setReady();
-    this.routeDefineTable = routeDefineTable;
-
-    this.dataFilter.setReady();
-  }
-
-  protected async initialize() {
-    await super.initialize();
-
-    [
-      this.roleRouteTable.getLoadingManager(),
-      this.rolePermissionPointTable.getLoadingManager(),
-      this.permissionPointDefineTable.getLoadingManager(),
-      this.routeDefineTable.getLoadingManager(),
-    ].forEach((loadingManager) => {
-      this.getLoadingManager().addLoadingManager(loadingManager);
-    });
-
-    await this.roleRouteTable.init();
-    await this.rolePermissionPointTable.init();
-
-    await this.permissionPointDefineTable.init();
-    await this.routeDefineTable.init();
-
-    await super.init();
-  }
-
-  formatItem(item: MenuResult): RoleMenuNode {
-    const permissionPointDefines = this.permissionPointDefineTable.getList();
-
-    const routeDefines = this.routeDefineTable.getList();
-
-    return {
-      ...super.formatItem(item),
-      routes: routeDefines.filter(
-        (routeDefine) => routeDefine.menuId === item.id
-      ) as RoleMenuNode["routes"],
-      permissionPoints: permissionPointDefines.filter(
-        (permissionPointDefine) => permissionPointDefine.menuId === item.id
-      ),
-      originalSelected: false,
-      selected: false,
-      indeterminate: false,
-      children: [],
-    };
-  }
-
-  setList(list: RoleMenuNode[]): void {
-    super.setList(list);
-
-    const rootRoleMenuNodes = [];
-
-    for (const roleMenuNode of list) {
-      if (!roleMenuNode.pid) {
-        rootRoleMenuNodes.push(roleMenuNode);
-      }
-
-      for (const item of list) {
-        if (item.pid === roleMenuNode.id) {
-          roleMenuNode.children.push(item);
-        }
-      }
-    }
-
-    this.rootRoleMenuNodes = this.calculateNotEmptyNode(rootRoleMenuNodes);
-  }
-
-  calculateNotEmptyNode(list: RoleMenuNode[]) {
-    const result = list.filter(
-      (item) => item.routes.length || item.children.length
-    );
-
-    let nodes = [...result];
-
-    for (let i = 0; i < nodes.length; i++) {
-      const node = nodes[i];
-
-      node.children = node.children.filter(
-        (item) => item.routes.length || item.children.length
-      );
-
-      nodes = nodes.concat(node.children);
-    }
-
-    return result;
-  }
-
-  getRootRoleMenuNodes() {
-    return this.rootRoleMenuNodes;
-  }
-
-  async load(params?: Record<string, any>) {
-    await Promise.all([
-      this.permissionPointDefineTable.load(),
-      this.routeDefineTable.load(),
-    ]);
-
-    const loadResult = await super.load(params);
-
-    if (loadResult.data.code === 200) {
-      this.restoreDefaultSelect();
-    }
-
-    return loadResult;
-  }
-
-  async selectRolePermission(role: Role | undefined) {
-    this.currentRole = role;
-    this.currentRoleId = role?.id || "";
-    this.currentRoleDesc = role?.desc || "";
-
-    this.roleRouteConditionGroup.clear();
-    this.rolePermissionPointConditionGroup.clear();
-
-    this.roleRouteConditionGroup.addCondition("roleId", "=", this.currentRoleId);
-    this.rolePermissionPointConditionGroup.addCondition("roleId", "=", this.currentRoleId);
-
-    const [roleRouteTableResult, rolePermissionPointTableResult] =
-      await Promise.all([
-        this.roleRouteTable.load(),
-        this.rolePermissionPointTable.load(),
-      ]);
-
-    if (roleRouteTableResult.data.code !== 200) {
-      return;
-    }
-
-    if (rolePermissionPointTableResult.data.code !== 200) {
-      return;
-    }
-
-    this.restoreDefaultSelect();
-  }
-
-  clearSelected() {
-    for (const roleMenu of this.getList()) {
-      roleMenu.indeterminate = roleMenu.selected = false;
-    }
-
-    for (const rolePermissionPoint of this.permissionPointDefineTable.getList()) {
-      rolePermissionPoint.selected = false;
-    }
-  }
-
-  protected calcSelect() {
-    postTraverse<RoleMenuNode>(this.getRootRoleMenuNodes(), (roleMenu) => {
-      // 如果自叶级菜单
-      if (roleMenu.children.length === 0) {
-        // 选中的权限点
-        const selectedPermissionPoints = roleMenu.permissionPoints.filter(
-          (permissionPointDefine) => permissionPointDefine.selected
-        );
-
-        // 如果有权限点选择就赋予路由权限
-        roleMenu.selected =
-          roleMenu.permissionPoints.length === 0
-            ? roleMenu.selected
-            : !!selectedPermissionPoints.length || roleMenu.selected;
-        // 如果不是所有权限点都激活就标识是部分选择
-        roleMenu.indeterminate =
-          roleMenu.permissionPoints.length === 0 ||
-          selectedPermissionPoints.length === 0
-            ? false
-            : selectedPermissionPoints.length <
-              roleMenu.permissionPoints.length;
-
-        return;
-      }
-
-      // 选中的子菜单
-      const selectedChildren = roleMenu.children.filter(
-        (item) => item.selected
-      );
-      // 如果有子菜单选中就路由权限
-      roleMenu.selected = !!selectedChildren.length;
-      // 如果不是所有子菜单都激活就标识是部分选择
-      roleMenu.indeterminate =
-        selectedChildren.length === 0
-          ? false
-          : selectedChildren.length < roleMenu.children.length;
-    });
-  }
-
-  restoreDefaultSelect() {
-    this.clearSelected();
-
-    const permissionPointDefineList = this.permissionPointDefineTable.getList();
-    const rolePermissionList = this.rolePermissionPointTable.getList();
-
-    for (const permissionPointDefine of permissionPointDefineList) {
-      permissionPointDefine.originalSelected = permissionPointDefine.selected =
-        false;
-    }
-
-    if (permissionPointDefineList.length) {
-      for (const rolePermission of rolePermissionList) {
-        const permissionPointDefine = permissionPointDefineList.find(
-          (permissionPointDefine) =>
-            permissionPointDefine.id === rolePermission.permissionPointDefId
-        );
-
-        if (permissionPointDefine) {
-          permissionPointDefine.originalSelected =
-            permissionPointDefine.selected = true;
-        }
-      }
-    }
-
-    const menuList = this.getList();
-    const roleRouteList = this.roleRouteTable.getList();
-
-    for (const menu of menuList) {
-      menu.originalSelected = menu.selected = false;
-    }
-
-    if (menuList.length) {
-      for (const roleRoute of roleRouteList) {
-        const menu = menuList.find((menu) =>
-          menu.routes.find(
-            (routeDefine) => routeDefine.id === roleRoute.routeId
-          )
-        );
-
-        if (menu) {
-          menu.originalSelected = menu.selected = true;
-        }
-      }
-    }
-
-    this.calcSelect();
-  }
-
-  toggleRoleMenu(
-    roleMenu: RoleMenuNode,
-    selected: boolean = !roleMenu.selected
-  ) {
-    postTraverse<RoleMenuNode>([roleMenu], (roleMenu) => {
-      // 如果自叶级菜单
-      if (roleMenu.children.length === 0) {
-        for (const permissionPointDefine of roleMenu.permissionPoints) {
-          permissionPointDefine.selected = selected;
-        }
-
-        roleMenu.selected = selected;
-        return;
-      }
-
-      roleMenu.selected = selected;
-    });
-
-    this.calcSelect();
-  }
-
-  toggleRolePermissionPoint(
-    permissionPointDefine: RolePermissionPointDefine,
-    selected: boolean = !permissionPointDefine.selected
-  ) {
-    permissionPointDefine.selected = selected;
-
-    this.calcSelect();
-  }
-
-  async submitPermission() {
-    const permissionPointDefines = this.permissionPointDefineTable.getList();
-    const removePermissionPointDefines = permissionPointDefines.filter(
-      (permissionPointDefine) =>
-        permissionPointDefine.originalSelected &&
-        !permissionPointDefine.selected
-    );
-
-    const addPermissionPointDefine = permissionPointDefines.filter(
-      (permissionPointDefine) =>
-        !permissionPointDefine.originalSelected &&
-        permissionPointDefine.selected
-    );
-
-    const menus = this.getList();
-    const removeRoutes = menus
-      .filter((menu) => menu.originalSelected && !menu.selected)
-      .flatMap((menu) => menu.routes);
-    const addRoutes = menus
-      .filter((menu) => !menu.originalSelected && menu.selected)
-      .flatMap((menu) => menu.routes);
-
-    if (removePermissionPointDefines.length) {
-      const rolePermissionPoints = this.rolePermissionPointTable.getList();
-      const deleteRolePermissionPointResult =
-        await this.rolePermissionPointTable.batchDelete(
-          removePermissionPointDefines
-            .map(
-              (permissionPointDefine) =>
-                rolePermissionPoints.find(
-                  (rolePermissionPoint) =>
-                    rolePermissionPoint.permissionPointDefId ===
-                    permissionPointDefine.id
-                )!
-            )
-            .filter(Boolean)
-        );
-
-      if (deleteRolePermissionPointResult.data.code !== 200) {
-        return deleteRolePermissionPointResult;
-      }
-    }
-
-    if (removeRoutes.length) {
-      const roleRoutes = this.roleRouteTable.getList();
-      const deleteRoleRouteResult = await this.roleRouteTable.batchDelete(
-        removeRoutes
-          .map(
-            (route) =>
-              roleRoutes.find((roleRoute) => roleRoute.routeId === route.id)!
-          )
-          .filter(Boolean)
-      );
-
-      if (deleteRoleRouteResult.data.code !== 200) {
-        return deleteRoleRouteResult;
-      }
-    }
-
-    if (addPermissionPointDefine.length) {
-      const addRolePermissionPointResult =
-        await this.rolePermissionPointTable.batchAdd(
-          addPermissionPointDefine.map((item) => ({
-            id: "",
-            roleId: this.currentRoleId,
-            permissionPointDefId: item.id,
-          }))
-        );
-
-      if (addRolePermissionPointResult.data.code !== 200) {
-        return addRolePermissionPointResult;
-      }
-    }
-
-    if (addRoutes.length) {
-      const addRoleRouteResult = await this.roleRouteTable.batchAdd(
-        addRoutes.map((item) => ({
-          id: "",
-          roleId: this.currentRoleId,
-          routeId: item.id,
-        }))
-      );
-
-      if (addRoleRouteResult.data.code !== 200) {
-        return addRoleRouteResult;
-      }
-    }
-
-    await this.selectRolePermission(this.currentRole);
-  }
-
-  /**
-   * 是否发生变更
-   */
-  hasChange() {
-    const permissionPointDefines = this.permissionPointDefineTable.getList();
-    const removePermissionPointDefines = permissionPointDefines.filter(
-      (permissionPointDefine) =>
-        permissionPointDefine.originalSelected &&
-        !permissionPointDefine.selected
-    );
-
-    const addPermissionPointDefine = permissionPointDefines.filter(
-      (permissionPointDefine) =>
-        !permissionPointDefine.originalSelected &&
-        permissionPointDefine.selected
-    );
-
-    const menus = this.getList();
-    const removeRoutes = menus
-      .filter((menu) => menu.originalSelected && !menu.selected)
-      .flatMap((menu) => menu.routes);
-    const addRoutes = menus
-      .filter((menu) => !menu.originalSelected && menu.selected)
-      .flatMap((menu) => menu.routes);
-    return !!(
-      removePermissionPointDefines.length ||
-      removeRoutes.length ||
-      addPermissionPointDefine.length ||
-      addRoutes.length
-    );
-  }
-}

package/src/dataview/role/RoleTable.ts

@@ -1,70 +0,0 @@
-import {
-  DataTable,
-  DataTableOptions,
-  TableColumn,
-  FilterColumn,
-  TableActionColumn,
-  ActionButton,
-  EditButton,
-  DeleteButton,
-} from "@maketribe/dm";
-import { defineDataTable } from "../../define-data-table";
-import { Role } from "./RoleForm";
-import { Event } from "@maketribe/utils";
-
-export class RoleTable<
-  F extends Role = Role,
-  T extends Role = Role
-> extends DataTable<T, F> {
-  configRolePermissionEvent: Event<{ item: Role }> = new Event();
-
-  constructor(options: DataTableOptions = {}) {
-    super({ name: "ms-role", ...options });
-  }
-
-  protected async initialize() {
-    await super.initialize();
-
-    this.dataFilter.setColumns([
-      new FilterColumn({
-        name: "name",
-        label: "角色名",
-        componentInfo: "MKConditionInput",
-      }),
-      new FilterColumn({
-        name: "desc",
-        label: "角色描述",
-        componentInfo: "MKConditionInput",
-      }),
-    ]);
-
-    this.setColumns([
-      new TableColumn({ name: "id", label: "编号", visible: false }),
-      new TableColumn({ name: "name", label: "角色名" }),
-      new TableColumn({ name: "desc", label: "角色描述" }),
-      new TableActionColumn({
-        width: "160px",
-        buttons: [
-          new ActionButton({
-            label: "权限",
-            handler: (row: Role) => {
-              this.configRolePermissionEvent.emit({ item: row });
-            },
-          }),
-          new EditButton(),
-          new DeleteButton(),
-        ],
-      }),
-    ]);
-  }
-
-  formatItem(item: T): F {
-    return {
-      id: item.id,
-      name: item.name || "",
-      desc: item.desc || "",
-    } as F;
-  }
-}
-
-defineDataTable(RoleTable);