@maketribe/ms-app 3.0.6 → 3.0.8

package/src/components/data-model/data-tree/data-tree-options.ts

@@ -1,19 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataTable } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-export const dataTreeProps = buildProps({
-  autoLoad: { type: true, default: true },
-  dataTable: {
-    type: DataTable<any>,
-    required: true,
-  },
-  props: {
-    type: Object,
-    default: () => ({ label: "title", children: "children" }),
-  },
-  filterNodeMethod: { type: Function },
-  defaultExpandAll: { type: Boolean, default: true },
-} as const);
-
-export type DataTreeProps = ExtractPropTypes<typeof dataTreeProps>;

package/src/components/data-model/data-tree/data-tree.tsx

@@ -1,176 +0,0 @@
-import {
-  Fragment,
-  computed,
-  defineComponent,
-  onBeforeUnmount,
-  ref,
-  toRefs,
-  unref,
-  useAttrs,
-  useSlots,
-  watch
-} from "vue";
-import { ElButton, ElMessageBox, ElTree } from "element-plus";
-import { DataTable } from "@maketribe/dm";
-import { Disposable, Event } from "@maketribe/utils";
-
-import { useI18n } from "../../../composables";
-import { dataTreeProps } from "./data-tree-options";
-
-export default defineComponent({
-  name: "MKDataTree",
-  inheritAttrs: false,
-  props: dataTreeProps,
-  setup(props, { emit, expose }) {
-    const slots = useSlots();
-    const attrs = useAttrs();
-
-    const { dataTable } = toRefs(props);
-
-    unref(dataTable).dataFilter.setReady();
-
-    if (props.autoLoad) {
-      unref(dataTable).load();
-    }
-
-    const i18n = useI18n()!;
-
-    const data = computed(() => unref(dataTable).getList());
-
-    const primaryKey = computed(() => unref(dataTable).primaryKey);
-
-    const handleEdit = (data: any) => {
-      unref(dataTable).editRecord(data);
-    };
-
-    const handleDelete = async (data: any) => {
-      const confirm = await ElMessageBox.confirm(
-        i18n.translate("mk.dataTablePage.deleteMessage"),
-        i18n.translate("mk.dataTablePage.deleteTitle"),
-        { type: "warning" }
-      ).then(
-        () => true,
-        () => false
-      );
-
-      if (confirm) {
-        unref(dataTable).deleteRecordAfterRefresh(
-          data[unref(dataTable).primaryKey]
-        );
-      }
-    };
-
-    let disposable: Disposable | null = null;
-
-    watch(
-      dataTable,
-      async (dataTable) => {
-        disposable?.dispose();
-
-        disposable = new Disposable();
-
-        const events = Object.keys(dataTable)
-          .filter((key) => dataTable[key as keyof DataTable] instanceof Event)
-          .map((key) => ({
-            eventName: key
-              .replace(/Event$/, "")
-              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
-            event: dataTable[key as keyof DataTable]! as Event,
-          }));
-
-        for (const item of events) {
-          disposable.register(
-            // @ts-ignore
-            item.event.on((event: any) => {
-              // @ts-ignore
-              emit(item.eventName, event);
-            })
-          );
-        }
-
-        await dataTable.init();
-      },
-      { immediate: true }
-    );
-
-    onBeforeUnmount(() => {
-      disposable?.dispose();
-    });
-
-    const handleToolsClick = (e: MouseEvent) => {
-      e.stopPropagation();
-    };
-
-    const treeRef = ref<InstanceType<typeof ElTree>>()
-
-    //筛选方法
-    const filter = (value: string)=>{
-      treeRef.value!.filter(value)
-    }
-
-    expose({ filter })
-
-    return () => {
-      return (
-        <ElTree
-          {...attrs}
-          props={props.props}
-          defaultExpandAll={props.defaultExpandAll}
-          ref = {treeRef}
-          class="mk-data-tree"
-          data={unref(data)}
-          filter-node-method={props.filterNodeMethod}
-          nodeKey={unref(primaryKey)}
-          v-slots={{
-            default: (scope: any) => {
-              let children = slots.default?.(scope);
-
-              if (children) {
-                return children;
-              }
-
-              const { data } = scope;
-
-              const label = data[props.props.label];
-
-              const main = slots["node-main"]?.(scope) || label;
-
-              const tools = slots["node-tools"]?.(scope) || (
-                <Fragment>
-                  {slots["node-tools-prefix"]?.(scope)}
-                  <ElButton
-                    type="primary"
-                    link
-                    onClick={() => handleEdit(data)}
-                  >
-                    编辑
-                  </ElButton>
-                  <ElButton
-                    type="danger"
-                    link
-                    onClick={() => handleDelete(data)}
-                  >
-                    删除
-                  </ElButton>
-                </Fragment>
-              );
-
-              return (
-                <div class="mk-data-tree-node">
-                  <div class="mk-data-tree-node_main">{main}</div>
-
-                  <div
-                    class="mk-data-tree-node__tools"
-                    onClick={handleToolsClick}
-                  >
-                    {tools}
-                  </div>
-                </div>
-              );
-            },
-          }}
-        />
-      );
-    };
-  },
-});

package/src/components/data-model/data-tree/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import DataTree from "./data-tree";
-
-export const MKDataTree = withInstall(DataTree);
-export default MKDataTree;
-
-export * from "./data-tree-options";

package/src/components/data-model/data-tree-page/data-tree-page-options.ts

@@ -1,20 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataForm, DataTable } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-import { dataTreeProps } from "../data-tree";
-
-export const dataTreePageProps = buildProps({
-  ...dataTreeProps,
-  dataTable: {
-    type: DataTable<any>,
-    required: true,
-  },
-  dataForm: {
-    type: DataForm<any>,
-    required: true,
-  },
-  defaultExpandAll: { type: Boolean, default: true },
-} as const);
-
-export type DataTreePageProps = ExtractPropTypes<typeof dataTreePageProps>;

package/src/components/data-model/data-tree-page/data-tree-page.tsx

@@ -1,205 +0,0 @@
-import {
-  Fragment,
-  computed,
-  watch,
-  defineComponent,
-  nextTick,
-  ref,
-  unref,
-  useAttrs,
-  useSlots,
-} from "vue";
-import { ElButton, ElDialog, ElMessage, ElCard } from "element-plus";
-import { Search } from "@element-plus/icons-vue";
-import { useI18n } from "../../../composables";
-import { MKForm } from "../data-form";
-import MKDataTree from "../data-tree/data-tree";
-import MKDataForm from "../data-form/data-form";
-import { dataTreePageProps } from "./data-tree-page-options";
-
-export default defineComponent({
-  name: "MKDataTreePage",
-  inheritAttrs: false,
-  props: dataTreePageProps,
-  setup(props) {
-    const attrs = useAttrs();
-    const slots = useSlots();
-
-    const { dataTable, dataForm } = unref(props);
-
-    const i18n = useI18n()!;
-
-    const isShowForm = ref(false);
-
-    const tableLoading = computed(() => unref(dataTable)?.loading);
-    const formLoading = computed(() => unref(dataForm)?.loading);
-    const allowFormSubmit = computed(() => {
-      const _dataForm = unref(dataForm);
-      if (_dataForm) {
-        return _dataForm.allowSubmit;
-      }
-      return false;
-    });
-
-    const handleEdit = async (item: any) => {
-      isShowForm.value = true;
-
-      // 等待form组件渲染完成
-      await nextTick();
-
-      unref(dataForm).editRecord(item.item);
-    };
-
-    const handleAdd = async () => {
-      isShowForm.value = true;
-
-      // 等待form组件渲染完成
-      await nextTick();
-
-      unref(dataForm).addRecord();
-    };
-
-    const handleSubmit = async () => {
-      try {
-        const response = await unref(dataForm).submit();
-
-        if (response.data.code !== 200) {
-          ElMessage.error({ message: response.data.msg });
-          return;
-        }
-
-        unref(dataTable).load();
-        ElMessage.success({
-          message: i18n.translate("mk.message.saveSuccess"),
-        });
-
-        isShowForm.value = false;
-      } catch (e) {
-        ElMessage.error({
-          message: i18n.translate("mk.message.saveError"),
-        });
-      }
-    };
-
-    const handleCancel = () => {
-      unref(dataForm).cancel();
-      isShowForm.value = false;
-    };
-
-    const dataTreeSlots = computed(() => {
-      let keys = Object.keys(slots);
-
-      keys = keys.filter((key) => key.startsWith("tree-"));
-
-      const dataTreeSlots: Record<string, any> = {
-        default: slots["tree-node"],
-      };
-
-      for (const key of keys) {
-        dataTreeSlots[key.replace(/^tree-/, "")] = slots[key];
-      }
-
-      return dataTreeSlots;
-    });
-
-    const dataFormSlots = computed(() => {
-      let keys = Object.keys(slots);
-
-      keys = keys.filter((key) => key.startsWith("form-"));
-
-      const dataFormSlots: Record<string, any> = {
-        default: slots.form,
-      };
-
-      for (const key of keys) {
-        dataFormSlots[key.replace(/^form-/, "")] = slots[key];
-      }
-
-      return dataFormSlots;
-    });
-
-    const dataTreeRef = ref<any>();
-
-    // 节点搜索
-    const searchInputValue = ref("");
-    watch(searchInputValue, (value) => {
-      dataTreeRef.value!.filter(value);
-    });
-    const filterNodeMethodFn = (value: string, data: any) => {
-      if (!searchInputValue.value) return true;
-      return data[props.props.label].includes(searchInputValue.value);
-    };
-
-    return () => {
-      return (
-        <ElCard
-          class="mk-data-tree-page"
-          v-slots={{
-            header: () => {
-              return (
-                <div class="header-box">
-                  <div class="header-box-main">
-                    <el-input
-                      modelValue={unref(searchInputValue)}
-                      clearable={true}
-                      onUpdate:modelValue={(v: string) =>
-                        (searchInputValue.value = v)
-                      }
-                      prefix-icon={Search}
-                    />
-                  </div>
-                  <div class="header-box-tools">
-                    <ElButton onClick={handleAdd} type="primary">
-                      {i18n.translate("mk.dataTreePage.addButton")}
-                    </ElButton>
-                  </div>
-                </div>
-              );
-            },
-          }}
-        >
-          <MKDataTree
-            ref={dataTreeRef}
-            {...unref(attrs)}
-            {...props}
-            v-loading={unref(tableLoading)}
-            filterNodeMethod={filterNodeMethodFn}
-            dataTable={unref(dataTable)}
-            onEdit-record={handleEdit}
-            v-slots={unref(dataTreeSlots)}
-          />
-          <ElDialog
-            appendToBody
-            modelValue={unref(isShowForm)}
-            onUpdate:modelValue={(v: boolean) => (isShowForm.value = v)}
-            v-slots={{
-              footer: () => (
-                <Fragment>
-                  <ElButton
-                    type="primary"
-                    loading={unref(formLoading) || unref(allowFormSubmit)}
-                    onClick={handleSubmit}
-                  >
-                    {i18n.translate("mk.dataForm.saveButton")}
-                  </ElButton>
-                  <ElButton onClick={handleCancel}>
-                    {i18n.translate("mk.dataForm.cancelButton")}
-                  </ElButton>
-                </Fragment>
-              ),
-            }}
-          >
-            <MKDataForm
-              {...unref(attrs)}
-              dataForm={unref(dataForm)}
-              v-slots={{
-                ...unref(dataFormSlots),
-                default: () => <MKForm dataForm={unref(dataForm)} />,
-              }}
-            />
-          </ElDialog>
-        </ElCard>
-      );
-    };
-  },
-});

package/src/components/data-model/data-tree-page/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import DataTreePage from "./data-tree-page";
-
-export const MKDataTreePage = withInstall(DataTreePage);
-export default MKDataTreePage;

package/src/components/member-table/index.ts

@@ -1,6 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import MemberTable from "./member-table.vue";
-
-export const MKMemberTable = withInstall(MemberTable);
-
-export default MKMemberTable;

package/src/components/member-table/member-table.vue

@@ -1,220 +0,0 @@
-<script setup lang="ts">
-import { Group } from "@maketribe/request";
-import {
-  WhereFilter,
-  FormColumn,
-  DataForm,
-  DataSource,
-  Messager,
-  Dialoger,
-} from "@maketribe/dm";
-import { MKDataTablePage, MKDataForm } from "../data-model";
-import { useHttpRequest } from "../../composables";
-import {
-  MemberTable,
-  MemberForm,
-  RoleTable,
-  DepartmentTable,
-} from "../../dataview";
-import { ElDialog } from "element-plus";
-import { reactive, ref, watch } from "vue";
-const emit = defineEmits(["add-record", "edit-record"]);
-const httpRequest = useHttpRequest();
-const memberTable = reactive(new MemberTable()) as MemberTable;
-const memberForm = reactive(
-  new (class extends MemberForm {
-    constructor() {
-      super();
-    }
-    protected async initialize() {
-      this.setColumns([
-        new FormColumn({ name: "id", label: "id" }),
-        new FormColumn({
-          name: "approveResult",
-          label: "是否通过",
-          defaultValue: "0",
-          componentInfo: "MKFormRadioBox",
-          required: true,
-          componentProps: {
-            options: {
-              type: DataSource.DATA,
-              value: [
-                { label: "通过", value: "1" },
-                { label: "不通过", value: "0" },
-              ],
-            },
-          },
-        }),
-        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 };
-    }
-  })()
-) as DataForm;
-memberForm.init();
-const memberDialogVisible = ref(false);
-const group = new Group();
-const changeValue = ref(2);
-const editId = ref(null);
-const where = (memberTable.dataFilter as WhereFilter).getWhere();
-const dialogLoading = ref(false);
-where.addCondition(group);
-
-const validateHandel = async (v: any) => {
-  memberTable.getLoadingManager().startLoading();
-  await memberForm.editRecord(v.id);
-  memberTable.getLoadingManager().completeLoading();
-  editId.value = v.id;
-  memberDialogVisible.value = true;
-};
-
-const confirmHandle = async () => {
-  dialogLoading.value = true;
-  const result = await httpRequest?.post(
-    "/api/dv/ms-member/apply/account/approve",
-    { ...memberForm.formatSubmitData(memberForm.data), id: editId.value }
-  );
-  dialogLoading.value = false;
-  if (result?.data.code != 200) {
-    Messager.instance.error(result?.data.msg || "请求失败");
-    return;
-  }
-  memberDialogVisible.value = false;
-  Messager.instance.success({
-    message: "激活通过，密码已发送到邮箱",
-  });
-  memberTable.load();
-};
-
-const deleteHandle = async (row: any) => {
-  const isConfirm = await Dialoger.instance.confirm({
-    title: "是否确认删除",
-    message: "是否确认删除",
-    type: "warning",
-    cancelButtonText: "取消",
-    confirmButtonText: "确定",
-  });
-  if (!isConfirm) {
-    return;
-  }
-
-  await memberTable.deleteRecordAfterRefresh(row[memberTable.primaryKey]);
-};
-
-const resetPasswordHandle = async (row: any) => {
-  const isConfirm = await Dialoger.instance.confirm({
-    title: "重置密码",
-    message: "是否重置密码",
-    type: "warning",
-    cancelButtonText: "取消",
-    confirmButtonText: "确定",
-  });
-  if (!isConfirm) {
-    return;
-  }
-  memberTable.getLoadingManager().startLoading();
-
-  const result = await memberTable.httpRequest.post(
-    `/api/dv/ms-member/${row.id}/password/reset`
-  );
-  memberTable.getLoadingManager().completeLoading();
-
-  if (result.data.code !== 200) {
-    Messager.instance.error({
-      message: result.data.msg || "重置密码失败",
-    });
-  } else {
-    const res = await Dialoger.instance.confirm({
-      title: "重置密码成功",
-      message: `你的新密码为${result.data.data}`,
-      type: "warning",
-      cancelButtonText: "取消",
-      confirmButtonText: "复制",
-    });
-    if (!res) {
-      return;
-    }
-    navigator.clipboard.writeText(result.data.data);
-    Messager.instance.success({ message: "复制成功" });
-  }
-};
-
-watch(changeValue, () => {
-  group.clear();
-  group.addCondition("valid", "not in", `(${changeValue.value})`);
-  memberTable.load();
-});
-</script>
-<template>
-  <MKDataTablePage :data-table="memberTable" @add-record="emit('add-record')">
-    <template #headerLeft>
-      <ElSelect v-model="changeValue">
-        <ElOption :value="2" label="全部"></ElOption>
-        <ElOption :value="0" label="已通过"></ElOption>
-        <ElOption :value="1" label="待通过"></ElOption>
-      </ElSelect>
-    </template>
-
-    <template #table-col-$action-content="{ row }">
-      <ElButton
-        link
-        type="primary"
-        v-if="row.valid == 0"
-        @click="validateHandel(row)"
-        >激活用户</ElButton
-      >
-      <ElButton
-        link
-        type="primary"
-        v-if="row.valid == 1"
-        @click="resetPasswordHandle(row)"
-        >重置密码</ElButton
-      >
-      <ElButton
-        link
-        type="primary"
-        @click="emit('edit-record', row)"
-        v-if="row.valid == 1"
-        >编辑</ElButton
-      >
-      <ElButton link type="danger" @click="deleteHandle(row)">删除</ElButton>
-    </template>
-  </MKDataTablePage>
-  <ElDialog v-model="memberDialogVisible" class="dialogClass">
-    <MKDataForm :data-form="memberForm" v-loading="dialogLoading" />
-    <template #footer>
-      <ElButton @click="confirmHandle" type="primary">确定</ElButton>
-    </template>
-  </ElDialog>
-</template>

package/src/components/menu-permission-table/index.ts

@@ -1,6 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import MenuPermissionTable from "./menu-permission-table.vue";
-
-export const MKMenuPermissionTable = withInstall(MenuPermissionTable);
-
-export default MKMenuPermissionTable;