@maketribe/ms-app 3.0.37 → 3.0.39

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>

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

@@ -1,32 +0,0 @@
-<template>
-  <DefaultSingleListDialogPage :data-table="roleTable" />
-
-  <ElDialog v-model="isShowDialog" appendToBody width="80%">
-    <MKRolePermissionConfig
-      :rolePermissionConfigTable="rolePermissionConfigTable"
-    />
-  </ElDialog>
-</template>
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { ElDialog } from "element-plus";
-import DefaultSingleListDialogPage from "../default/single/list/dialog.vue";
-import { RoleTable, RolePermissionConfigTable } from "../../../../dataview";
-import { MKRolePermissionConfig } from "../../../../components";
-import { DataModelDefines } from "../../../../core";
-
-const roleTable = reactive(
-  DataModelDefines.instance.getDataTable("ms-role")!
-) as RoleTable;
-const rolePermissionConfigTable = reactive(
-  new RolePermissionConfigTable()
-) as RolePermissionConfigTable;
-
-const isShowDialog = ref(false);
-
-roleTable.configRolePermissionEvent.on(({ item }) => {
-  rolePermissionConfigTable.selectRolePermission(item);
-
-  isShowDialog.value = true;
-});
-</script>

package/src/page/index/material/index.vue

@@ -1,16 +0,0 @@
-<template>
-  <MKMaterialList :material-man="materialMan" />
-</template>
-<script setup lang="ts">
-import { reactive } from "vue";
-import { MaterialMan } from "../../../dataview";
-import { MKMaterialList } from "../../../components";
-import { MSAppClient, MaterialComponents } from "../../../core";
-
-const materialMan = reactive(
-  new MaterialMan({
-    components: new MaterialComponents(),
-    httpRequest: MSAppClient.instance!.httpRequest,
-  })
-) as MaterialMan;
-</script>

package/src/page/index.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import { MKLayout } from "../layouts";
-</script>
-
-<template>
-  <MKLayout>
-    <RouterView />
-  </MKLayout>
-</template>

package/src/page/login/index.vue

@@ -1,196 +0,0 @@
-<template>
-  <div class="login-wrap">
-    <div class="login-bg">
-      <div class="login-bg-block"></div>
-      <div class="login-bg-block"></div>
-    </div>
-    <div class="login-root">
-      <div class="login-main">
-        <div class="form-container">
-          <div class="form-wrap">
-            <div class="form-title" v-if="!forgotPassword">
-              账号登录
-              <span class="notify">
-                没有账号？<ElButton
-                  link
-                  class="operaBtn"
-                  @click="router.push('/signup')"
-                >
-                  申请使用
-                </ElButton>
-              </span>
-            </div>
-            <div class="form-title" v-else>账号重置</div>
-            <ElForm
-              :model="loginFormData"
-              :rules="rules"
-              size="large"
-              ref="formEl"
-              @submit.native.prevent
-            >
-              <ElFormItem prop="account">
-                <ElInput
-                  v-model="loginFormData.account"
-                  placeholder="帐号"
-                  @keyup.enter.native.prevent="verifyHandle"
-                />
-              </ElFormItem>
-              <ElFormItem prop="password" v-if="!forgotPassword">
-                <ElInput
-                  v-model="loginFormData.password"
-                  type="password"
-                  placeholder="密码"
-                  @keyup.enter.native.prevent="verifyHandle"
-                />
-              </ElFormItem>
-              <ElFormItem>
-                <ElRow style="width: 100%">
-                  <ElCol :span="12">
-                    <ElButton
-                      link
-                      class="operaBtn"
-                      @click="forgotPassword = !forgotPassword"
-                      >{{
-                        forgotPassword ? "返回登陆" : "忘记密码？"
-                      }}</ElButton
-                    >
-                  </ElCol>
-                </ElRow>
-              </ElFormItem>
-              <ElFormItem>
-                <ElButton
-                  type="primary"
-                  style="width: 100%"
-                  :loading="loading"
-                  @click="verifyHandle"
-                  :disabled="loginDisabled"
-                  v-if="!forgotPassword"
-                >
-                  登陆
-                </ElButton>
-                <ElButton
-                  type="primary"
-                  style="width: 100%"
-                  :loading="loading"
-                  @click="verifyHandle"
-                  :disabled="resetDisabled"
-                  v-else
-                >
-                  重置
-                </ElButton>
-              </ElFormItem>
-            </ElForm>
-            <ElDivider></ElDivider>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <MKVerifyDialog
-    ref="verifyDialog"
-    :scene="scene"
-    v-model:visible="verifyVisible"
-    v-if="verifyVisible"
-    @confirm="handleLogin"
-  />
-</template>
-
-<script setup lang="ts">
-import { ElMessage, ElForm, ElFormItem } from "element-plus";
-import { useMSAppClient } from "../../composables";
-import { MKVerifyDialog } from "../../components";
-import { Ref, computed, reactive, ref } from "vue";
-import { useRouter } from "vue-router";
-
-defineOptions({
-  mkRoute: {
-    name: "login",
-    path: "/login",
-    meta: {
-      isAuthorization: false,
-    },
-  },
-});
-
-const verifyDialog: Ref<{ fail: () => void } | null> = ref(null);
-
-// 记住登陆状态
-const rememberLoginState = ref(false);
-
-const formEl: Ref<any> = ref(null);
-
-const system = useMSAppClient()!;
-
-const router = useRouter();
-
-const loading = ref(false);
-
-const loginDisabled = computed(
-  () => !loginFormData.account || !loginFormData.password
-);
-const resetDisabled = computed(() => !loginFormData.account);
-
-const forgotPassword = ref(false);
-const scene = computed(() =>
-  forgotPassword.value ? "ModifyPassword" : "Login"
-);
-
-const rules = {
-  account: [{ required: true, message: "账号必填" }],
-  password: [{ required: true, message: "密码必填" }],
-};
-
-const loginFormData = reactive({
-  account: "",
-  password: "",
-  vCode: "code",
-});
-const verifyVisible = ref(false);
-
-const verifyHandle = async () => {
-  const result = await formEl.value?.validate();
-  if (!result) {
-    return;
-  }
-  verifyVisible.value = true;
-};
-
-const handleLogin = async (v: string) => {
-  loginFormData.vCode = v;
-  try {
-    loading.value = true;
-    if (forgotPassword.value) {
-      const { data } = await system.modifyPassword(
-        loginFormData.account,
-        loginFormData.vCode
-      );
-      if (data.code !== 200) {
-        ElMessage.error(data.msg || "重置邮箱失败！");
-        return;
-      }
-      ElMessage.success("重置密码邮件已发送到邮箱");
-      forgotPassword.value = false;
-    } else {
-      const { data } = await system.login(
-        loginFormData.account,
-        loginFormData.password,
-        loginFormData.vCode
-      );
-
-      if (data.code !== 200) {
-        ElMessage.error(data.msg || "登录失败!");
-        return;
-      }
-      verifyVisible.value = false;
-
-      router.push({ path: "/" });
-    }
-  } catch (e) {
-    ElMessage.error("登录失败");
-  } finally {
-    verifyVisible.value = false;
-    loading.value = false;
-  }
-};
-</script>

package/src/page/signup/index.vue

@@ -1,157 +0,0 @@
-<template>
-  <div class="login-wrap">
-    <div class="login-bg">
-      <div class="login-bg-block"></div>
-      <div class="login-bg-block"></div>
-    </div>
-    <div class="login-root">
-      <div class="login-main">
-        <div class="form-container">
-          <div class="form-wrap">
-            <div class="form-title" v-if="!forgotPassword">
-              账号注册
-              <span class="notify">
-                已有账号？<ElButton
-                  link
-                  class="operaBtn"
-                  @click="router.push('/login')"
-                >
-                  返回登录
-                </ElButton>
-              </span>
-            </div>
-            <div class="form-title" v-else>账号重置</div>
-            <ElForm
-              :model="signFormData"
-              :rules="rules"
-              size="large"
-              ref="formEl"
-            >
-              <ElFormItem prop="account">
-                <ElInput v-model="signFormData.account" placeholder="帐号" />
-              </ElFormItem>
-              <ElFormItem prop="email">
-                <ElInput v-model="signFormData.email" placeholder="邮箱" />
-              </ElFormItem>
-              <ElFormItem prop="name">
-                <ElInput v-model="signFormData.name" placeholder="姓名" />
-              </ElFormItem>
-              <ElFormItem prop="nickName">
-                <ElInput v-model="signFormData.nickName" placeholder="昵称" />
-              </ElFormItem>
-              <ElFormItem prop="phone">
-                <ElInput v-model="signFormData.phone" placeholder="手机号" />
-              </ElFormItem>
-
-              <ElFormItem>
-                <ElButton
-                  type="primary"
-                  style="width: 100%"
-                  :loading="loading"
-                  @click="verifyHandle"
-                >
-                  提交申请
-                </ElButton>
-              </ElFormItem>
-            </ElForm>
-            <ElDivider></ElDivider>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <MKVerifyDialog
-    :scene="scene"
-    v-model:visible="verifyVisible"
-    v-if="verifyVisible"
-    @verifySuccessful="handleSign"
-  />
-</template>
-
-<script setup lang="ts">
-import { Ref, computed, reactive, ref } from "vue";
-import { useRouter } from "vue-router";
-import { FormRules } from "element-plus";
-import { Messager } from "@maketribe/dm";
-import { useHttpRequest } from "../../composables";
-import { MKVerifyDialog } from "../../components";
-
-defineOptions({
-  mkRoute: {
-    name: "signup",
-    path: "/signup",
-    meta: {
-      isAuthorization: false,
-    },
-  },
-});
-
-const formEl: Ref<any> = ref(null);
-
-const router = useRouter();
-
-const httpRequest = useHttpRequest()!;
-
-const loading = ref(false);
-
-const verifyVisible = ref(false);
-
-const forgotPassword = ref(false);
-const scene = computed(() =>
-  forgotPassword.value ? "ModifyPassword" : "Login"
-);
-const rules: FormRules = {
-  account: [{ required: true, message: "账号必填" }],
-  email: [
-    {
-      required: true,
-      trigger: "change",
-      validator: (rule, value, callback) => {
-        if (!value) {
-          callback(new Error("邮箱必填"));
-        } else if (
-          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value)
-        ) {
-          callback(new Error("邮箱规则不符"));
-        } else {
-          callback();
-        }
-      },
-    },
-  ],
-  name: [{ required: true, message: "姓名必填" }],
-};
-
-const verifyHandle = async () => {
-  const result = await formEl.value.validate();
-  if (!result) {
-    return;
-  }
-  verifyVisible.value = true;
-};
-
-const signFormData = reactive({
-  account: "",
-  email: "",
-  name: "",
-  nickName: "",
-  phone: "",
-});
-
-const handleSign = async (v: string) => {
-  const result = await httpRequest.post(
-    "/api/dv/ms-member/apply/account",
-    signFormData
-  );
-  if (result.data.code != 200) {
-    Messager.instance.error(result.data.msg || "注册失败");
-    return;
-  }
-  verifyVisible.value = false;
-  Messager.instance.success({ message: "注册成功,请联系管理员通过验证" });
-};
-
-// 记住登陆状态
-const rememberLoginState = ref(false);
-</script>

package/src/router-middleware/auth.ts

@@ -1,31 +0,0 @@
-import { RouteLocationNormalized, RouteLocationRaw } from "vue-router";
-import type { MSAppClient } from "../core";
-
-export const authBeforeEach = async (
-  msAppClient: MSAppClient,
-  to: RouteLocationNormalized,
-  from: RouteLocationNormalized
-): Promise<RouteLocationRaw | void> => {
-  if (to.meta.isAuthorization === false) {
-    return;
-  }
-
-  let userSession = msAppClient.userSession;
-
-  if (!userSession) {
-    try {
-      await msAppClient.loadCurrentUserSession();
-
-      userSession = msAppClient.userSession;
-
-      if (!userSession) {
-        return { name: "login" };
-      }
-
-      // 因为登陆成功会添加用户可以访问的路由，这里给到vue-router去重新resolve
-      return { path: to.fullPath };
-    } catch (e) {
-      return { name: "login" };
-    }
-  }
-};

package/src/router-middleware/index.ts

@@ -1 +0,0 @@
-export * from "./auth";

package/src/tokens/index.ts

@@ -1 +0,0 @@
-export * from "./ms-app-client";

package/src/tokens/ms-app-client.ts

@@ -1,10 +0,0 @@
-import { InjectionKey } from "vue";
-import { MSAppClient } from "../core";
-
-export interface MSAppClientContext {
-  msAppClient: MSAppClient;
-}
-
-export const MSAPPCLIENT_CONTEXT_KEY: InjectionKey<MSAppClientContext> = Symbol(
-  "msAppClientContextKey"
-);