@maketribe/ms-app 3.0.28 → 3.0.30

package/src/page/index/dv/default/single/list/dialog.vue

@@ -1,155 +0,0 @@
-<template>
-  <MKDataTablePage v-if="dataTable" :data-table="dataTable" selection />
-
-  <ElDialog v-if="dataForm" appendToBody v-model="isShowDialog">
-    <MKDataForm v-loading="dataForm.loading" :dataForm="dataForm">
-      <MKForm :dataForm="dataForm" />
-    </MKDataForm>
-
-    <template #footer>
-      <ElButton
-        type="primary"
-        :loading="dataForm.loading"
-        @click="handleSubmit"
-      >
-        {{ I18n.instance.translate("mk.dataForm.saveButton") }}
-      </ElButton>
-      <ElButton @click="handleCancel">
-        {{ I18n.instance.translate("mk.dataForm.cancelButton") }}
-      </ElButton>
-    </template>
-  </ElDialog>
-</template>
-
-<script setup lang="ts">
-import { unref, computed, watch, ref, Ref, nextTick } from "vue";
-import { useRouter } from "vue-router";
-import { ElMessage, ElDialog, ElButton } from "element-plus";
-import { I18n } from "@maketribe/locale";
-import { DataForm, DataTable, Dialoger, Messager } from "@maketribe/dm";
-import {
-  MKDataTablePage,
-  MKDataForm,
-  MKForm,
-} from "../../../../../../components";
-import { DataModelDefines } from "../../../../../../core";
-
-const props = defineProps({
-  dataTable: { type: DataTable<any> },
-  dataForm: { type: DataForm<any> },
-});
-
-const router = useRouter();
-
-const isShowDialog = ref(false);
-
-const dataTable: Ref<DataTable | null> = ref(null);
-const dataForm: Ref<DataForm | null> = ref(null);
-
-watch(
-  computed(
-    () =>
-      [
-        props.dataTable,
-        props.dataForm,
-        unref(router.currentRoute).meta.name,
-      ] as [DataTable, DataForm, string]
-  ),
-  ([_dataTable, _dataForm, name]) => {
-    isShowDialog.value = false;
-    dataTable.value =
-      _dataTable || DataModelDefines.instance.getDataTable(name);
-    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
-  },
-  { immediate: true }
-);
-
-watch(
-  dataTable,
-  (dataTable, _, onCleanup) => {
-    if (dataTable) {
-      dataTable.addRecordEvent.on(async () => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDialog.value = true;
-
-        _dataForm.addRecord();
-      });
-
-      dataTable.editRecordEvent.on(async ({ item }) => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDialog.value = true;
-
-        try {
-          const response = await _dataForm.editRecord(
-            item[dataTable.primaryKey]
-          );
-
-          if (response.data.code !== 200) {
-            ElMessage.error(response.data.msg);
-            isShowDialog.value = false;
-            return;
-          }
-        } catch (e) {
-          console.error(e);
-          isShowDialog.value = false;
-        }
-      });
-    }
-
-    onCleanup(() => {
-      dataTable?.clearSelection();
-      dataTable?.dispose();
-    });
-  },
-  { immediate: true }
-);
-
-const handleSubmit = async () => {
-  try {
-    const _dataForm = unref(dataForm);
-
-    if (!_dataForm) {
-      return;
-    }
-
-    if (!(await _dataForm.validate())) {
-      return;
-    }
-
-    const response = await _dataForm.submit();
-
-    if (response.data.code !== 200) {
-      ElMessage.error({ message: response.data.msg });
-      return;
-    }
-
-    unref(dataTable)?.load();
-    ElMessage.success({
-      message: I18n.instance.translate("mk.message.saveSuccess"),
-    });
-
-    isShowDialog.value = false;
-  } catch (e) {
-    ElMessage.error({
-      message: I18n.instance.translate("mk.message.saveError"),
-    });
-  }
-};
-
-const handleCancel = () => {
-  unref(dataForm)?.cancel();
-  isShowDialog.value = false;
-};
-</script>

package/src/page/index/dv/default/single/list/normal.vue

@@ -1,128 +0,0 @@
-<template>
-  <MKDataTablePage
-    v-if="dataTable"
-    v-show="!isShowDataForm"
-    :data-table="dataTable"
-    selection
-  />
-  <MKDataFormPage
-    v-if="dataForm"
-    v-show="isShowDataForm"
-    :data-form="dataForm"
-  />
-</template>
-
-<script setup lang="ts">
-import { unref, computed, watch, ref, Ref } from "vue";
-import { useRouter } from "vue-router";
-import { ElMessage } from "element-plus";
-import { DataForm, DataTable, Dialoger, Messager } from "@maketribe/dm";
-import { MKDataTablePage, MKDataFormPage } from "../../../../../../components";
-import { DataModelDefines } from "../../../../../../core";
-
-const props = defineProps({
-  dataTable: { type: DataTable<any> },
-  dataForm: { type: DataForm<any> },
-});
-
-const router = useRouter();
-
-const isShowDataForm = ref(false);
-
-const dataTable: Ref<DataTable | null> = ref(null);
-const dataForm: Ref<DataForm | null> = ref(null);
-
-watch(
-  computed(
-    () =>
-      [
-        props.dataTable,
-        props.dataForm,
-        unref(router.currentRoute).meta.name,
-      ] as [DataTable, DataForm, string]
-  ),
-  ([_dataTable, _dataForm, name]) => {
-    isShowDataForm.value = false;
-    dataTable.value =
-      _dataTable || DataModelDefines.instance.getDataTable(name);
-    dataForm.value = _dataForm || DataModelDefines.instance.getDataForm(name);
-  },
-  { immediate: true }
-);
-
-watch(
-  dataTable,
-  (dataTable, _, onCleanup) => {
-    if (dataTable) {
-      dataTable.addRecordEvent.on(() => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDataForm.value = true;
-
-        _dataForm.addRecord();
-      });
-
-      dataTable.editRecordEvent.on(async ({ item }) => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDataForm.value = true;
-
-        try {
-          const response = await _dataForm.editRecord(
-            item[dataTable.primaryKey]
-          );
-
-          if (response.data.code !== 200) {
-            ElMessage.error(response.data.msg);
-            isShowDataForm.value = false;
-            return;
-          }
-        } catch (e) {
-          console.error(e);
-          isShowDataForm.value = false;
-        }
-      });
-    }
-
-    onCleanup(() => {
-      dataTable?.clearSelection();
-      dataTable?.dispose();
-    });
-  },
-  { immediate: true }
-);
-
-watch(
-  dataForm,
-  (dataForm, _, onCleanup) => {
-    if (dataForm) {
-      dataForm.submittedEvent.on(() => {
-        isShowDataForm.value = false;
-
-        unref(dataTable)?.load();
-      });
-
-      dataForm.cancelEvent.on(() => {
-        isShowDataForm.value = false;
-
-        unref(dataTable)?.load();
-      });
-    }
-
-    onCleanup(() => {
-      dataForm?.dispose();
-    });
-  },
-  { immediate: true }
-);
-</script>

package/src/page/index/dv/default/single/table-tree/dialog.vue

@@ -1,60 +0,0 @@
-<template>
-  <MKDataTablePage :data-table="dataTree" selection>
-    <MKTableView :data-table="dataTree">
-      <MKTableTree :data-tree="dataTree" />
-    </MKTableView>
-  </MKDataTablePage>
-</template>
-<script setup lang="ts">
-import { unref, computed, watch, ref, Ref } from "vue";
-import { useRouter } from "vue-router";
-import { DataTree } from "@maketribe/dm";
-import { DataModelDefines } from "../../../../../../core";
-import {
-  MKDataTablePage,
-  MKTableView,
-  MKTableTree,
-} from "../../../../../../components";
-
-const router = useRouter();
-
-const props = defineProps({
-  dataTree: { type: DataTree<any> },
-});
-
-const dataTree: Ref<DataTree | null> = ref(null);
-
-watch(
-  computed(() => [props.dataTree, unref(router.currentRoute).meta.name]),
-  ([_dataTree, name]) => {
-    dataTree.value =
-      (_dataTree as DataTree) ||
-      DataModelDefines.instance.getDataTree(name as string);
-  },
-  { immediate: true }
-);
-
-watch(
-  dataTree,
-  (dataTree, _, onCleanup) => {
-    // if (dataTree) {
-    //   dataTree.addRecordEvent.on(() => {
-    //     router.push({ name: `dv/${unref(dataTree).name}/add` });
-    //   });
-
-    //   dataTree.editRecordEvent.on(({ item }) => {
-    //     router.push({
-    //       name: `dv/${unref(dataTree).name}/edit`,
-    //       params: { id: item[unref(dataTree)?.primaryKey as string] },
-    //     });
-    //   });
-    // }
-
-    onCleanup(() => {
-      // dataTree?.clearSelection();
-      // dataTree?.dispose();
-    });
-  },
-  { immediate: true }
-);
-</script>

package/src/page/index/dv/default/single/tree/dialog.vue

@@ -1,174 +0,0 @@
-<template>
-  <MKDataTablePage v-if="dataTree" :data-table="dataTree">
-    <MKTreeView :data-tree="dataTree" />
-  </MKDataTablePage>
-  <!-- <MKDataTreePage
-    v-if="dataTree && dataForm"
-    :data-tree="dataTree"
-    :data-form="dataForm"
-    :props="{ label: 'name', children: 'children' }"
-  /> -->
-  <ElDialog appendToBody v-if="dataForm" v-model="isShowDialog">
-    <MKDataForm v-loading="dataForm.loading" :dataForm="dataForm">
-      <MKForm :dataForm="dataForm" />
-    </MKDataForm>
-    <template #footer>
-      <ElButton
-        type="primary"
-        :loading="dataForm.loading"
-        @click="handleSubmit"
-      >
-        {{ I18n.instance.translate("mk.dataForm.saveButton") }}
-      </ElButton>
-      <ElButton @click="handleCancel">
-        {{ I18n.instance.translate("mk.dataForm.cancelButton") }}
-      </ElButton>
-    </template>
-  </ElDialog>
-</template>
-
-<script setup lang="ts">
-import { computed, unref, Ref, ref, watch } from "vue";
-import { useRouter } from "vue-router";
-import { ElMessage, ElDialog, ElButton } from "element-plus";
-import { I18n } from "@maketribe/locale";
-import { DataForm, DataTree, Dialoger, Messager } from "@maketribe/dm";
-import {
-  MKDataTablePage,
-  MKTreeView,
-  MKDataForm,
-  MKForm,
-} from "../../../../../../components";
-import { DataModelDefines } from "../../../../../../core";
-
-const router = useRouter();
-
-const dataTree: Ref<DataTree | null> = ref(null);
-const dataForm: Ref<DataForm | null> = ref(null);
-
-(window as any).dataTree = dataTree;
-
-const isShowDialog = ref(false);
-
-watch(
-  computed(() => unref(router.currentRoute).meta.name as string),
-  (name) => {
-    dataTree.value = DataModelDefines.instance.getDataTree(name);
-    dataForm.value = DataModelDefines.instance.getDataForm(name);
-  },
-  { immediate: true }
-);
-
-watch(
-  dataTree,
-  (dataTree, _, onCleanup) => {
-    if (dataTree) {
-      dataTree.addRecordEvent.on(async ({ item }) => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTree.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDialog.value = true;
-
-        const parentKey = unref(dataTree.parentKey);
-
-        _dataForm.addRecord(item ? { [parentKey]: item[parentKey] } : {});
-      });
-
-      dataTree.editRecordEvent.on(async ({ item }) => {
-        const _dataForm = unref(dataForm);
-
-        if (!_dataForm) {
-          console.warn(`没有对应的 (${dataTree.name}) DataForm 实现`);
-          return;
-        }
-
-        isShowDialog.value = true;
-
-        try {
-          const response = await _dataForm.editRecord(item);
-
-          if (response.data.code !== 200) {
-            ElMessage.error(response.data.msg);
-            isShowDialog.value = false;
-            return;
-          }
-        } catch (e) {
-          console.error(e);
-          isShowDialog.value = false;
-        }
-      });
-
-      dataTree.deleteRecordEvent.on(async ({ item }) => {
-        const i18n = I18n.instance;
-
-        const isConfirm = await Dialoger.instance.confirm({
-          title: i18n.translate("mk.dataTablePage.deleteTitle"),
-          message: i18n.translate("mk.dataTablePage.deleteMessage"),
-          type: "warning",
-        });
-
-        if (!isConfirm) {
-          return;
-        }
-
-        const response = await dataTree.deleteAfterRefresh(
-          item[dataTree.primaryKey]
-        );
-
-        if (response.data.code !== 200) {
-          Messager.instance.error({ message: response.data.msg });
-          return;
-        }
-
-        Messager.instance.success({ message: "删除成功" });
-      });
-    }
-
-    onCleanup(() => {
-      dataTree?.dispose();
-    });
-  },
-  { immediate: true }
-);
-
-const handleSubmit = async () => {
-  try {
-    const _dataForm = unref(dataForm);
-
-    if (!_dataForm) {
-      return;
-    }
-
-    if (!(await _dataForm.validate())) {
-      return;
-    }
-
-    const response = await _dataForm.submit();
-
-    if (response.data.code !== 200) {
-      ElMessage.error({ message: response.data.msg });
-      return;
-    }
-
-    unref(dataTree)?.load();
-    ElMessage.success({
-      message: I18n.instance.translate("mk.message.saveSuccess"),
-    });
-
-    isShowDialog.value = false;
-  } catch (e) {
-    ElMessage.error({
-      message: I18n.instance.translate("mk.message.saveError"),
-    });
-  }
-};
-
-const handleCancel = () => {
-  unref(dataForm)?.cancel();
-  isShowDialog.value = false;
-};
-</script>

package/src/page/index/dv/default/table.vue

@@ -1,52 +0,0 @@
-<template>
-  <MKDataTablePage :data-table="dataTable" selection />
-</template>
-<script setup lang="ts">
-import { unref, computed, watch, ref, Ref } from "vue";
-import { useRouter } from "vue-router";
-import { DataTable } from "@maketribe/dm";
-import { DataModelDefines } from "../../../../core";
-import { MKDataTablePage } from "../../../../components";
-
-const router = useRouter();
-
-const props = defineProps({
-  dataTable: { type: DataTable<any> },
-});
-
-const dataTable: Ref<DataTable | null> = ref(null);
-
-watch(
-  computed(() => [props.dataTable, unref(router.currentRoute).meta.name]),
-  ([_dataTable, name]) => {
-    dataTable.value =
-      (_dataTable as DataTable) ||
-      DataModelDefines.instance.getDataTable(name as string);
-  },
-  { immediate: true }
-);
-
-watch(
-  dataTable,
-  (dataTable, _, onCleanup) => {
-    if (dataTable) {
-      dataTable.addRecordEvent.on(() => {
-        router.push({ name: `dv/${unref(dataTable).name}/add` });
-      });
-
-      dataTable.editRecordEvent.on(({ item }) => {
-        router.push({
-          name: `dv/${unref(dataTable).name}/edit`,
-          params: { id: item[unref(dataTable)?.primaryKey as string] },
-        });
-      });
-    }
-
-    onCleanup(() => {
-      dataTable?.clearSelection();
-      dataTable?.dispose();
-    });
-  },
-  { immediate: true }
-);
-</script>

package/src/page/index/dv/local-log/index.vue

@@ -1,98 +0,0 @@
-<template>
-  <MKDataTablePage
-    v-if="localLogTree"
-    :auto-load="false"
-    :data-table="localLogTree"
-  >
-    <div class="mk-local-log__main">
-      <ElCard>
-        <ElScrollbar height="100%">
-          <MKTree
-            v-loading="localLogTree.loading"
-            lazy
-            :data-tree="localLogTree"
-            :defaultExpandAll="false"
-            ref="treeRef"
-          >
-            <template #node-tools="{ node, data }">
-              <ElButton
-                v-if="!data.data.isDirectory"
-                type="primary"
-                link
-                @click="handleViewLogClick(data)"
-              >
-                下载
-              </ElButton>
-              <ElButton
-                v-else-if="node.expanded"
-                type="primary"
-                link
-                @click="handleRefresh(node, data)"
-              >
-                刷新
-              </ElButton>
-            </template>
-          </MKTree>
-        </ElScrollbar>
-      </ElCard>
-    </div>
-  </MKDataTablePage>
-</template>
-
-<script setup lang="ts">
-import { reactive, onMounted, ref, unref, Ref, nextTick } from "vue";
-import { ElScrollbar, ElCard, ElMessage } from "element-plus";
-import { DataModelDefines } from "../../../../core";
-import { LocalLogTree } from "../../../../dataview";
-import { MKDataTablePage, MKTree } from "../../../../components";
-
-const treeRef: Ref<InstanceType<typeof MKTree> | null> = ref(null);
-
-const localLogTree = reactive(
-  DataModelDefines.instance.getDataTree("local-log")!
-) as LocalLogTree;
-
-const handleRefresh = (node: any, dataTreeNode: any) => {
-  for (let i = node.childNodes.length - 1; i >= 0; i--) {
-    node.childNodes[i].remove();
-  }
-
-  dataTreeNode.load();
-};
-
-const handleViewLogClick = async (node: any) => {
-  try {
-    const response = await localLogTree.httpRequest.get(
-      "/api/ms/system/view-local-log-file",
-      {
-        params: { filename: node.data!.path },
-        responseType: "blob",
-      }
-    );
-    const url = URL.createObjectURL(response.data);
-
-    const a = document.createElement("a");
-    a.target = "_blank";
-    a.download = node.data.name;
-    a.href = url;
-
-    a.click();
-  } catch (e) {
-    console.error(e);
-
-    ElMessage.error("网络异常");
-  }
-};
-
-onMounted(() => {
-  localLogTree.initdEvent.once(async () => {
-    setTimeout(() => {
-      const node = unref(treeRef)?.treeRef?.getNode(localLogTree.rootNode!.id);
-
-      if (node) {
-        node.expand();
-      }
-    });
-  });
-});
-</script>

package/src/page/index/dv/ms-member/index.vue

@@ -1,33 +0,0 @@
-<template>
-  <DefaultSingleListPage :data-table="memberTable" />
-
-  <ElDialog v-model="memberTable.isShowActiveMemberForm" class="dialogClass">
-    <MKDataForm :data-form="activeMemberForm" />
-    <template #footer>
-      <ElButton @click="handleActiveMemberConfirm" type="primary">
-        确定
-      </ElButton>
-    </template>
-  </ElDialog>
-</template>
-
-<script setup lang="ts">
-import { computed, reactive, ref } from "vue";
-import { ElButton, ElDialog } from "element-plus";
-import { DataModelDefines } from "../../../../core";
-import { MKDataForm } from "../../../../components";
-import { MemberTable } from "../../../../dataview";
-import DefaultSingleListPage from "../default/single/list/normal.vue";
-import { MKUploadImage } from "../../../../components/upload-file";
-
-const src = ref("");
-
-const memberTable = reactive(
-  DataModelDefines.instance.getDataTable("ms-member")!
-) as MemberTable;
-const activeMemberForm = computed(() => memberTable.activeMemberForm);
-
-const handleActiveMemberConfirm = async () => {
-  memberTable.approveMember();
-};
-</script>