@maketribe/ms-app 3.0.0

package/src/dataview/material/MaterialTable.ts

@@ -0,0 +1,123 @@
+import {
+  Component,
+  DataTable,
+  DataTableOptions,
+  IComponents,
+  TableColumn,
+  defineDataTable,
+} from "@maketribe/dm";
+import { Material } from "./MaterialForm";
+import { ConfigTable } from "../config";
+import { ITypeResolver } from "../../resolver/ITypeResolver";
+
+export type MaterialType = {
+  value: string;
+  accept: string;
+  label: string;
+  limit: number;
+};
+
+export type MaterialTableOptions = DataTableOptions & {
+  materialComponents: IComponents;
+};
+
+export class MaterialTable
+  extends DataTable<Material>
+  implements ITypeResolver<Material>
+{
+  materialTypes: MaterialType[] = [];
+
+  materialComponents: IComponents;
+
+  constructor(options: MaterialTableOptions) {
+    super({ name: "ms-material", ...options });
+
+    this.materialComponents = options.materialComponents;
+  }
+
+  getMaterialTypes(): MaterialType[] {
+    return this.materialTypes;
+  }
+
+  async loadMaterialTypes() {
+    const configResponse = await ConfigTable.loadConfig<MaterialType[]>(
+      "ms-material-types"
+    );
+
+    if (configResponse.data.code !== 200 || !configResponse.data.data) {
+      throw new Error();
+    }
+
+    const config = configResponse.data.data;
+
+    this.materialTypes = config.value || [];
+  }
+
+  protected async initialize() {
+    const loadingManager = this.getLoadingManager();
+
+    try {
+      loadingManager.startLoading();
+
+      this.materialTypes = [
+        { value: "1", accept: "image/*", limit: 10, label: "图片" },
+        { value: "2", accept: "video/*", limit: 500, label: "视频" },
+        { value: "4", accept: "*", limit: 100, label: "文档" },
+      ];
+
+      const mapping = this.materialTypes.reduce((result, item) => {
+        result[item.value] = result.label;
+
+        return result;
+      }, {} as Record<any, any>);
+
+      this.setColumns([
+        new TableColumn({ name: "id", label: "编号", visible: false }),
+        new TableColumn({
+          name: "type",
+          label: "类型",
+          componentInfo: "MKColumnObjectMappingText",
+          componentProps: {
+            mapping,
+          },
+        }),
+        new TableColumn({ name: "desc", label: "描述" }),
+        new TableColumn({ name: "path", label: "路径" }),
+      ]);
+    } finally {
+      loadingManager.completeLoading();
+    }
+  }
+  formatItem(item: Material): Material {
+    return {
+      id: item.id,
+      materialGroupId: item.materialGroupId || null,
+      type: item.type || "string",
+      desc: item.desc || "",
+      path: item.path || "",
+    };
+  }
+
+  resolveType(type: string): string {
+    switch (type) {
+      case "1":
+        return "MKImageView";
+      case "2":
+        return "MKVideoView";
+      case "3":
+        return "MKAudioView";
+      default:
+        return "MKDocumentView";
+    }
+  }
+
+  resolveItemType(item: Material): string {
+    return this.resolveType(item.type);
+  }
+
+  resolveMaterialComponent(item: Material): Component | null {
+    return this.materialComponents.resolveComponent(this.resolveItemType(item));
+  }
+}
+
+defineDataTable(MaterialTable);

package/src/dataview/material/index.ts

@@ -0,0 +1,4 @@
+export * from "./material-group";
+export * from "./MaterialForm";
+export * from "./MaterialTable";
+export * from "./MaterialMan";

package/src/dataview/material/material-group/MaterialGroupForm.ts

@@ -0,0 +1,30 @@
+import {
+  DataForm,
+  DataFormOptions,
+  FormColumn,
+  defineDataForm,
+} from "@maketribe/dm";
+
+export type MaterialGroup = {
+  id: string;
+  desc: string;
+  parentGroupId: string | null;
+};
+
+export class MaterialGroupForm extends DataForm<MaterialGroup> {
+  constructor(options: DataFormOptions = {}) {
+    super({ name: "ms-material-group", ...options });
+  }
+
+  protected async initialize() {
+    this.setColumns([
+      new FormColumn({ name: "desc", label: "分组名称", required: true }),
+      new FormColumn({
+        name: "parentGroupId",
+        label: "父材质组ID",
+        defaultValue: null,
+        visible: false,
+      }),
+    ]);
+  }
+}

package/src/dataview/material/material-group/MaterialGroupTable.ts

@@ -0,0 +1,60 @@
+import {
+  DataTable,
+  DataTableOptions,
+  TableColumn,
+  defineDataTable,
+} from "@maketribe/dm";
+import { MaterialGroup } from "./MaterialGroupForm";
+
+export type MaterialGroupNode = MaterialGroup & {
+  children: MaterialGroupNode[];
+};
+
+export class MaterialGroupTable extends DataTable<
+  MaterialGroup,
+  MaterialGroupNode
+> {
+  constructor(options: Omit<DataTableOptions, "name"> = {}) {
+    super({
+      name: "ms-material-group",
+      ...options,
+      interfaceURL: { list: "/api/dv/ms-material-group/allList" },
+    });
+  }
+
+  protected async initialize() {
+    this.setColumns([
+      new TableColumn({ name: "id", label: "编号", visible: false }),
+      new TableColumn({ name: "desc", label: "描述" }),
+    ]);
+  }
+
+  formatItem(item: MaterialGroup): MaterialGroupNode {
+    return {
+      id: item.id,
+      desc: item.desc,
+      parentGroupId: item.parentGroupId,
+      children: [],
+    };
+  }
+
+  setList(list: MaterialGroup[]): void {
+    const rootMaterialGroups: MaterialGroupNode[] = [];
+
+    const materialGroups = list as MaterialGroupNode[];
+
+    for (const materialGroup of materialGroups) {
+      if (!materialGroup.parentGroupId) {
+        rootMaterialGroups.push(materialGroup);
+      }
+
+      for (const item of materialGroups) {
+        if (materialGroup.id === item.parentGroupId) {
+          materialGroup.children.push(item);
+        }
+      }
+    }
+
+    super.setList(rootMaterialGroups);
+  }
+}

package/src/dataview/material/material-group/index.ts

@@ -0,0 +1,2 @@
+export * from "./MaterialGroupForm";
+export * from "./MaterialGroupTable";

package/src/dataview/member/MemberForm.ts

@@ -0,0 +1,122 @@
+import {
+  DataForm,
+  DataFormOptions,
+  FormColumn,
+  defineDataForm,
+} from "@maketribe/dm";
+import { RoleTable } from "../role";
+import { DepartmentTable } from "../department";
+import { WebFileUpload } from "@maketribe/request";
+export type MemberResult = {
+  id: string;
+  name: string;
+  wechatNo: string;
+  nickName: string;
+  email: string;
+  phone: string;
+  account: string;
+  // password: string;
+  avatar: string;
+  roles: any[];
+  depts: any[];
+  valid: number;
+};
+
+export type Member = {
+  id: string;
+  name: string;
+  wechatNo: string;
+  nickName: string;
+  email: string;
+  phone: string;
+  account: string;
+  // password: string;
+  // confirmPassword: string;
+  avatar: string | null;
+  roles: any[];
+  depts: any[];
+  valid: number;
+};
+
+export class MemberForm<
+  T extends MemberResult = MemberResult,
+  F extends Member = Member
+> extends DataForm<T, F> {
+  constructor(options: DataFormOptions = {}) {
+    super({ name: "ms-member", ...options });
+  }
+
+  protected async initialize() {
+    this.setColumns([
+      new FormColumn({ name: "id", label: "编号" }),
+      new FormColumn({ name: "name", label: "姓名", required: true }),
+      new FormColumn({ name: "wechatNo", label: "微信号", defaultValue: null }),
+      new FormColumn({ name: "nickName", label: "昵称", required: true }),
+      new FormColumn({ name: "email", label: "邮箱", required: true }),
+      new FormColumn({ name: "phone", label: "手机号", defaultValue: null }),
+      new FormColumn({ name: "account", label: "账号", required: true }),
+      new FormColumn({
+        name: "avatar",
+        label: "头像",
+        defaultValue: null,
+        componentInfo: "MKFormImageUpload",
+        componentProps: {
+          upload: new WebFileUpload({ httpRequest: this.httpRequest }),
+        },
+      }),
+      new FormColumn({
+        name: "roles",
+        label: "角色",
+        defaultValue: null,
+        componentInfo: "MKFormDataTableSelect",
+        componentProps: {
+          multiple: true,
+          labelFieldName: "name",
+          dataTable: new RoleTable(),
+        },
+      }),
+      new FormColumn({
+        name: "depts",
+        label: "部门",
+        defaultValue: null,
+        componentInfo: "MKFormDataTableSelect",
+        componentProps: {
+          multiple: true,
+          labelFieldName: "name",
+          dataTable: new DepartmentTable(),
+        },
+      }),
+      new FormColumn({ name: "memo", label: "备注" }),
+    ]);
+  }
+
+  formatSubmitData(data: any) {
+    const { roles, depts, ...rest } = data;
+
+    const rolesArr = roles?.map((item: any) => {
+      return { roleId: item };
+    });
+    const deptsArr = depts?.map((item: any) => {
+      return { deptId: item };
+    });
+    return { ...rest, roles: rolesArr, depts: deptsArr };
+  }
+
+  formatItem(item: T): F {
+    return {
+      id: item.id,
+      name: item.name || "",
+      wechatNo: item.wechatNo || "",
+      nickName: item.nickName || "",
+      email: item.email || "",
+      phone: item.phone || "",
+      account: item.account || "",
+      avatar: item.avatar,
+      roles: item.roles?.map((role) => role.roleId),
+      depts: item.depts?.map((department) => department.deptId),
+      valid: item.valid,
+    } as F;
+  }
+}
+
+defineDataForm(MemberForm);

package/src/dataview/member/MemberTable.tsx

@@ -0,0 +1,242 @@
+import {
+  TableColumn,
+  DataTable,
+  DataTableOptions,
+  FilterColumn,
+  TableActionColumn,
+  ActionButton,
+  DeleteButton,
+  EditButton,
+  Messager,
+  Dialoger,
+  defineDataTable,
+  FormColumn,
+} from "@maketribe/dm";
+import { Event } from "@maketribe/utils";
+import { Member, MemberForm, MemberResult } from "./MemberForm";
+
+export type MemberTableItem = Omit<Member, "password" | "confirmPassword">;
+
+export class MemberTable extends DataTable<MemberResult, MemberTableItem> {
+  activeMemberForm: MemberForm;
+
+  activeMemberEvent: Event<MemberTableItem> = this.register(new Event());
+
+  constructor(options: DataTableOptions = {}) {
+    super({ name: "ms-member", ...options });
+
+    this.activeMemberForm = new MemberForm();
+  }
+
+  protected async initialize() {
+    await this.initActiveMemberForm();
+
+    this.dataFilter.setColumns([
+      new FilterColumn({
+        name: "name",
+        label: "姓名",
+        componentInfo: "MKConditionInput",
+      }),
+      new FilterColumn({
+        name: "wechatNo",
+        label: "微信号",
+        componentInfo: "MKConditionInput",
+      }),
+      new FilterColumn({
+        name: "nickName",
+        label: "昵称",
+        componentInfo: "MKConditionInput",
+      }),
+      new FilterColumn({
+        name: "email",
+        label: "邮箱",
+        componentInfo: "MKConditionInput",
+      }),
+      new FilterColumn({
+        name: "phone",
+        label: "手机号",
+        componentInfo: "MKConditionInput",
+      }),
+      new FilterColumn({
+        name: "account",
+        label: "账号",
+        componentInfo: "MKConditionInput",
+      }),
+    ]);
+
+    this.setColumns([
+      new TableColumn({
+        name: "id",
+        label: "编号",
+        width: "190px",
+        visible: false,
+      }),
+      new TableColumn({ name: "name", label: "姓名", minWidth: "100px" }),
+      new TableColumn({ name: "nickName", label: "昵称", minWidth: "150px" }),
+      new TableColumn({
+        name: "avatar",
+        label: "头像",
+        componentInfo: "MKColumnImage",
+        width: "80px",
+      }),
+      new TableColumn({ name: "account", label: "账号", minWidth: "150px" }),
+      new TableColumn({ name: "email", label: "邮箱", minWidth: "180px" }),
+      new TableColumn({ name: "phone", label: "手机号", minWidth: "120px" }),
+      new TableColumn({ name: "wechatNo", label: "微信号", minWidth: "140px" }),
+      new TableColumn({
+        name: "valid",
+        label: "微信号",
+        minWidth: "140px",
+        visible: false,
+      }),
+      new TableActionColumn({
+        width: "200px",
+        buttons: [
+          new ActionButton({
+            label: "激活用户",
+            handler: async (row) => {
+              this.activeMemberEvent.emit(row);
+            },
+            predicate: (member: MemberTableItem) => member.valid === 0,
+          }),
+          new ActionButton({
+            label: "重置密码",
+            handler: async (row) => {
+              const isConfirm = await Dialoger.instance.confirm({
+                title: "重置密码",
+                message: "是否重置密码",
+                type: "warning",
+                cancelButtonText: "取消",
+                confirmButtonText: "确定",
+              });
+              if (!isConfirm) {
+                return;
+              }
+              this.loadingManager.startLoading();
+              const result = await this.httpRequest.post(
+                `/api/dv/ms-member/${row.id}/password/reset`
+              );
+              this.loadingManager.completeLoading();
+              if (result.data.code !== 200) {
+                Messager.instance.error({
+                  message: result.data.msg || "重置密码失败",
+                });
+                return;
+              }
+
+              const res = await Dialoger.instance.confirm({
+                title: "重置密码成功",
+                message: (
+                  <p>
+                    <span>你的新密码为{result.data.data}</span>
+                  </p>
+                ),
+                type: "warning",
+                cancelButtonText: "取消",
+                confirmButtonText: "复制",
+              });
+              if (!res) {
+                return;
+              }
+
+              navigator.clipboard.writeText(result.data.data);
+              Messager.instance.success({ message: "复制成功" });
+            },
+            predicate: (member: MemberTableItem) => member.valid === 1,
+          }),
+          new EditButton({
+            predicate: (member: MemberTableItem) => member.valid === 1,
+          }),
+          new DeleteButton(),
+        ],
+      }),
+    ]);
+  }
+
+  protected async initActiveMemberForm() {
+    const activeMemberForm = this.activeMemberForm;
+
+    await activeMemberForm.init();
+
+    activeMemberForm.setColumns([
+      activeMemberForm.getColumn("id")!,
+      new FormColumn({
+        name: "approveResult",
+        label: "是否通过",
+        defaultValue: "0",
+        componentInfo: "MKFormRadioBox",
+        required: true,
+        componentProps: {
+          options: [
+            { label: "通过", value: "1" },
+            { label: "不通过", value: "0" },
+          ],
+        },
+      }),
+      activeMemberForm.getColumn("roles")!,
+      activeMemberForm.getColumn("depts")!,
+      activeMemberForm.getColumn("memo")!,
+    ]);
+  }
+
+  async approveMember() {
+    try {
+      this.activeMemberForm.getLoadingManager().startLoading();
+      const result = await this.activeMemberForm.httpRequest?.post(
+        "/api/dv/ms-member/apply/account/approve",
+        {
+          ...this.activeMemberForm.formatSubmitData(this.activeMemberForm.data),
+        }
+      );
+      this.activeMemberForm.getLoadingManager().completeLoading();
+
+      if (result?.data.code != 200) {
+        Messager.instance.error(result?.data.msg || "请求失败");
+        return;
+      }
+
+      Messager.instance.success({
+        message: "激活通过，密码已发送到邮箱",
+      });
+
+      this.load();
+    } catch (e) {
+      console.error(e);
+      Messager.instance.error({ message: "网络异常" });
+    }
+  }
+
+  formatItem(item: MemberResult): MemberTableItem {
+    let avatar: string | null;
+    try {
+      avatar = item.avatar ? new URL(item.avatar).toString() : null;
+    } catch (e) {
+      avatar = null;
+    }
+
+    return {
+      id: item.id,
+      name: item.name || "",
+      wechatNo: item.wechatNo || "",
+      nickName: item.nickName || "",
+      email: item.email || "",
+      phone: item.phone || "",
+      account: item.account || "",
+      avatar,
+      roles: item.roles?.map((role) => ({
+        id: role.id,
+        name: role.name || "",
+        desc: role.desc || "",
+      })),
+      depts: item.depts?.map((department) => ({
+        id: department.id,
+        name: department.name || "",
+        // memberID: department.memberID || null,
+        pid: department.pid || null,
+      })),
+      valid: item.valid,
+    };
+  }
+}
+
+defineDataTable(MemberTable);

package/src/dataview/member/index.ts

@@ -0,0 +1,2 @@
+export * from "./MemberForm";
+export * from "./MemberTable";

package/src/dataview/member/member-role/MemberRoleTable.ts

@@ -0,0 +1,21 @@
+import { DataFormOptions, DataTable, TableColumn } from "@maketribe/dm";
+
+export type MemberRole = {
+  id: string;
+  memberId: string;
+  roleId: string;
+};
+
+export class MemberRoleTable extends DataTable {
+  constructor(options: DataFormOptions = {}) {
+    super({ name: "ms-member-role", ...options });
+  }
+
+  protected async initialize() {
+    this.setColumns([
+      new TableColumn({ name: "id", label: "编号", visible: false }),
+      new TableColumn({ name: "memberId", label: "成员ID" }),
+      new TableColumn({ name: "roleId", label: "角色ID" }),
+    ]);
+  }
+}