@maketribe/ms-app 3.0.0 → 3.0.1

package/src/components/role-permission-config/role-permission-config.tsx

@@ -1,280 +0,0 @@
-import {
-  Fragment,
-  computed,
-  defineComponent,
-  reactive,
-  unref,
-  watch,
-} from "vue";
-import {
-  ElTable,
-  ElTableColumn,
-  ElCheckbox,
-  ElTooltip,
-  ElCard,
-  ElButton,
-  ElAlert,
-} from "element-plus";
-import { postTraverse } from "@maketribe/utils";
-import {
-  RoleMenuNode,
-  RolePermissionPointDefine,
-  RoleTable,
-} from "../../dataview";
-import { MKDataSelect, useI18n } from "@maketribe/dm-ui";
-import {
-  rolePermissionConfigEmits,
-  rolePermissionConfigProps,
-} from "./role-permission-config-options";
-
-type RowInfo = {
-  roleMenus: RoleMenuNode[];
-  permissionPoints: RolePermissionPointDefine[];
-};
-
-type CellInfo = { row: RowInfo; rowIndex: number; columnIndex: number };
-
-export default defineComponent({
-  name: "MKRolePermissionConfig",
-  props: rolePermissionConfigProps,
-  emits: rolePermissionConfigEmits,
-  setup(props, { emit }) {
-    const i18n = useI18n()!;
-
-    const roleTable = reactive(new RoleTable()) as RoleTable;
-
-    const rolePermissionConfigTable = computed(
-      () => props.rolePermissionConfigTable
-    );
-
-    const loading = computed(() => unref(rolePermissionConfigTable).loading);
-
-    const rootRoleMenuNodes = computed(() =>
-      unref(rolePermissionConfigTable).getRootRoleMenuNodes()
-    );
-
-    const list = computed(() => {
-      const _rootRoleMenuNodes = unref(rootRoleMenuNodes);
-
-      const list: RowInfo[] = [];
-
-      postTraverse<RoleMenuNode>(_rootRoleMenuNodes, (roleMenu, ancestors) => {
-        if (!roleMenu.children.length) {
-          list.push({
-            roleMenus: [...ancestors],
-            permissionPoints: roleMenu.permissionPoints,
-          });
-        }
-      });
-
-      return list;
-    });
-
-    const maxMenuColumns = computed(() => {
-      const _list = unref(list);
-
-      return Math.max(..._list.map((item) => item.roleMenus.length), 0);
-    });
-
-    const handleSpanMethod = ({
-      row,
-      rowIndex,
-      columnIndex,
-    }: CellInfo): [number, number] => {
-      const _maxMenuColumns = unref(maxMenuColumns);
-
-      let columnSpan = 1;
-
-      if (row.roleMenus.length < _maxMenuColumns) {
-        if (row.roleMenus.length - 1 === columnIndex) {
-          columnSpan = _maxMenuColumns - columnIndex;
-        } else if (
-          columnIndex < _maxMenuColumns &&
-          columnIndex >= row.roleMenus.length
-        ) {
-          columnSpan = 0;
-        }
-      }
-
-      let rowSpan = 1;
-
-      const _list = unref(list);
-
-      if (columnIndex < _maxMenuColumns) {
-        const bothExisting: boolean = !!(
-          _list[rowIndex]?.roleMenus?.[columnIndex] &&
-          _list[rowIndex - 1]?.roleMenus?.[columnIndex]
-        );
-
-        if (
-          // 第一行
-          rowIndex === 0 ||
-          // 两条记录都存在，且前一条和当前记录不一致
-          (bothExisting &&
-            _list[rowIndex].roleMenus[columnIndex].id !==
-              _list[rowIndex - 1].roleMenus[columnIndex].id)
-        ) {
-          let count = 1;
-
-          for (let i = rowIndex + 1; i < _list.length; i++) {
-            if (
-              _list[rowIndex].roleMenus[columnIndex]?.id !==
-              _list[i].roleMenus[columnIndex]?.id
-            ) {
-              break;
-            }
-            count++;
-          }
-
-          rowSpan = count;
-        } else if (bothExisting) {
-          // 两条记录都存在切记录一致
-          rowSpan = 0;
-        }
-      }
-
-      return [rowSpan, columnSpan];
-    };
-
-    const saveRolePermission = async () => {
-      props.rolePermissionConfigTable.submitPermission();
-    };
-
-    watch(
-      computed(() => props.rolePermissionConfigTable),
-      async (rolePermissionConfigTable) => {
-        await rolePermissionConfigTable.init();
-        await rolePermissionConfigTable.load();
-      },
-      { immediate: true }
-    );
-
-    return () => {
-      const menuColumnVnodes = new Array(unref(maxMenuColumns))
-        .fill(0)
-        .map((_, i) => {
-          return (
-            <ElTableColumn
-              label={i18n.translate("mk.rolePermissionConfig.tableMenuHeader", {
-                level: i + 1,
-              })}
-              v-slots={{
-                default: ({ row }: { row: RowInfo }) => {
-                  const roleMenu = row.roleMenus[i];
-
-                  if (!roleMenu) {
-                    return null;
-                  }
-
-                  return (
-                    <ElTooltip content={roleMenu.title} placement="top">
-                      <ElCheckbox
-                        class="role-permission-config__menu"
-                        modelValue={roleMenu.selected}
-                        indeterminate={roleMenu.indeterminate}
-                        onUpdate:modelValue={() =>
-                          unref(rolePermissionConfigTable).toggleRoleMenu(
-                            roleMenu
-                          )
-                        }
-                      >
-                        {roleMenu.title}
-                      </ElCheckbox>
-                    </ElTooltip>
-                  );
-                },
-              }}
-            />
-          );
-        });
-
-      return (
-        <ElCard
-          v-slots={{
-            header: () => {
-              return (
-                <div class="header-box">
-                  <div class="header-box-main">
-                    <ElAlert
-                      title={
-                        props.rolePermissionConfigTable.hasChange()
-                          ? "当前权限已发生改变，保存后生效！"
-                          : "当前权限无任何改变！"
-                      }
-                      showIcon
-                      type={
-                        props.rolePermissionConfigTable.hasChange()
-                          ? "warning"
-                          : "info"
-                      }
-                      closable={false}
-                    />
-                    <MKDataSelect
-                      modelValue={props.rolePermissionConfigTable.currentRoleId}
-                      onUpdate:model-value={(v) => emit("roleChange", v)}
-                      dataTable={roleTable}
-                    />
-                  </div>
-                  <div class="header-box-tools">
-                    <ElButton
-                      onClick={saveRolePermission}
-                      type="primary"
-                      disabled={!props.rolePermissionConfigTable.hasChange()}
-                    >
-                      {i18n.translate("mk.dataForm.saveButton")}
-                    </ElButton>
-                  </div>
-                </div>
-              );
-            },
-          }}
-        >
-          <ElTable
-            class="role-permission-config"
-            data={unref(list)}
-            border
-            spanMethod={handleSpanMethod}
-            v-loading={unref(loading)}
-          >
-            {menuColumnVnodes}
-
-            <ElTableColumn
-              label={i18n.translate(
-                "mk.rolePermissionConfig.tablePermissionPointHeader"
-              )}
-              minWidth="300px"
-              v-slots={{
-                default: ({ row }: { row: RowInfo }) => {
-                  const permissionPointVnodes = row.permissionPoints.map(
-                    (permissionPoint) => {
-                      return (
-                        <ElTooltip
-                          content={permissionPoint.name}
-                          placement="top"
-                        >
-                          <ElCheckbox
-                            class="role-permission-config__permission-point"
-                            modelValue={permissionPoint.selected}
-                            onUpdate:modelValue={() => {
-                              unref(
-                                rolePermissionConfigTable
-                              ).toggleRolePermissionPoint(permissionPoint);
-                            }}
-                          >
-                            {permissionPoint.name}
-                          </ElCheckbox>
-                        </ElTooltip>
-                      );
-                    }
-                  );
-
-                  return <Fragment>{permissionPointVnodes}</Fragment>;
-                },
-              }}
-            />
-          </ElTable>
-        </ElCard>
-      );
-    };
-  },
-});

package/src/components/system-provider/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import SystemProvider from "./system-provider";
-
-export const MKSystemProvider = withInstall(SystemProvider);
-export default MKSystemProvider;

package/src/components/system-provider/system-provider.tsx

@@ -1,93 +0,0 @@
-import { computed, defineComponent, renderSlot, unref, useSlots } from "vue";
-import { useRouter } from "vue-router";
-import { Components } from "@maketribe/dm";
-import { UserSession } from "../../UserSession";
-import { MSAppClient } from "../../MSAppClient";
-import { RouteType } from "../../constants";
-import { MKConfigProvider } from "@maketribe/dm-ui";
-
-export default defineComponent({
-  name: "MKSystemProvider",
-  setup() {
-    const vueRouter = useRouter();
-
-    const msAppClient = MSAppClient.instance!;
-
-    const ready = computed(() => msAppClient.ready);
-
-    const slots = useSlots();
-
-    function initUserSession(userSession: UserSession) {
-      const tabs = userSession.tabs;
-
-      const router = userSession.router;
-
-      router.beforeRouteChange.on(async ({ routeInfo }) => {
-        const currentTab = tabs.getCurrentTab();
-
-        if (
-          currentTab?.route.type === RouteType.ROUTE &&
-          (await currentTab.beforeSwitchEvent.emitAsync()) === false
-        ) {
-          return false;
-        }
-
-        switch (routeInfo.type) {
-          case RouteType.LINK:
-            let a = document.createElement("a");
-            a.href = routeInfo.path;
-
-            window.open(a.href, "_blank");
-
-            return false;
-          case RouteType.ROUTE:
-            if (routeInfo.name === currentTab?.route.name) {
-              return false;
-            }
-
-            break;
-        }
-      });
-
-      tabs.currentTabChangeEvent.on(({ currentTab }) => {
-        if (!currentTab) {
-          return;
-        }
-
-        try {
-          vueRouter.push(
-            currentTab.realRoute ?? { name: currentTab.route.name }
-          );
-        } catch (e) {
-          console.error(e);
-        }
-      });
-    }
-
-    if (msAppClient.userSession) {
-      initUserSession(msAppClient.userSession);
-    }
-
-    msAppClient.userSessionChangeEvent.on(({ userSession }) => {
-      if (userSession) {
-        initUserSession(userSession);
-      }
-    });
-
-    return () => {
-      return (
-        <MKConfigProvider
-          dataTableComponents={msAppClient.dataTableComponents as Components}
-          dataFormComponents={msAppClient.dataFormComponents as Components}
-          dataFilterComponents={msAppClient.dataFilterComponents as Components}
-          whereFilterComponents={
-            msAppClient.whereFilterComponents as Components
-          }
-          i18n={msAppClient.i18n}
-        >
-          {renderSlot(slots, "default")}
-        </MKConfigProvider>
-      );
-    };
-  },
-});

package/src/components/verify-dialog/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import VerifyDialog from "./verify-dialog";
-
-export const MKVerifyDialog = withInstall(VerifyDialog);
-export default MKVerifyDialog;

package/src/components/verify-dialog/verify-dialog-option.ts

@@ -1,23 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const verifyDialogProps = buildProps({
-  visible: {
-    type: Boolean,
-    required: true,
-  },
-  scene: {
-    type: String,
-    required: true,
-  },
-  width: {
-    type: String,
-    default: "300px",
-  },
-} as const);
-
-export const verifyDialogEmits = {
-  "update:visible": (modelValue: any) => true,
-  verifySuccessful: (modelValue: any) => true,
-};
-export type VerifyDialogProps = ExtractPropTypes<typeof verifyDialogProps>;

package/src/components/verify-dialog/verify-dialog.tsx

@@ -1,113 +0,0 @@
-import {
-  computed,
-  defineComponent,
-  unref,
-  Fragment,
-  ref,
-  onMounted,
-  watch,
-} from "vue";
-import { useHttpRequest } from "../../composables";
-import { verifyDialogProps, verifyDialogEmits } from "./verify-dialog-option";
-import { ElDialog, ElSlider, ElButton } from "element-plus";
-
-export default defineComponent({
-  name: "MKVerifyDialog",
-  props: verifyDialogProps,
-  emit: verifyDialogEmits,
-  setup(props, { emit }) {
-    const deg = ref(0);
-
-    const httpRequest = useHttpRequest();
-
-    const imageUrl = ref("");
-
-    const imageStyle = computed(() => {
-      return {
-        backgroundImage: `url(${unref(imageUrl)})`,
-        transform: `rotate(-${unref(deg)}deg)`,
-      };
-    });
-
-    const visible = computed({
-      get: () => props.visible,
-      set: (v) => emit("update:visible", v),
-    });
-
-    const getImage = async () => {
-      const params = { scene: props.scene };
-
-      const response = await httpRequest!.get(
-        "/api/open/verification/rotation/image",
-        {
-          params,
-          responseType: "blob",
-        }
-      );
-
-      return response.data ?? null;
-    };
-
-    const verifyConfirm = async () => {
-      emit("verifySuccessful", deg.value.toString());
-    };
-    onMounted(() => {
-      watch(
-        visible,
-        async (visible, _, onCleanup) => {
-          if (visible) {
-            const blob = await getImage();
-
-            const url = URL.createObjectURL(blob);
-            imageUrl.value = url;
-
-            onCleanup(() => {
-              URL.revokeObjectURL(url);
-            });
-          }
-        },
-        { immediate: true }
-      );
-    });
-    return () => {
-      return (
-        <ElDialog
-          model-value={visible.value}
-          modal-class="mk-verify-dialog"
-          width={props.width}
-          showClose={false}
-          appendToBody
-          v-slots={{
-            footer: () => {
-              return (
-                <Fragment>
-                  <ElButton type={"primary"} onClick={verifyConfirm}>
-                    确定
-                  </ElButton>
-                  <ElButton onClick={() => (visible.value = false)}>
-                    取消
-                  </ElButton>
-                </Fragment>
-              );
-            },
-          }}
-        >
-          <div class="mk-verify-dialog__wrapper">
-            <div
-              class="mk-verify-dialog__image"
-              ref="imageEl"
-              style={imageStyle.value}
-            />
-          </div>
-          <ElSlider
-            model-value={deg.value}
-            onUpdate:modelValue={(v) => (deg.value = v as number)}
-            show-tooltip={false}
-            min={0}
-            max={360}
-          />
-        </ElDialog>
-      );
-    };
-  },
-});

package/src/composables/index.ts

@@ -1,13 +0,0 @@
-export * from "./on-tab-before-close";
-export * from "./on-tab-refresh";
-export * from "./on-tab-before-switch";
-export * from "./use-current-tab";
-export * from "./use-http-request";
-export * from "./use-ms-app-client";
-export * from "./use-user-info";
-export * from "./on-tab-before-close";
-export * from "./on-tab-refresh";
-export * from "./use-current-tab";
-export * from "./use-http-request";
-export * from "./use-ms-app-client";
-export * from "./use-user-info";

package/src/composables/on-tab-before-close.ts

@@ -1,8 +0,0 @@
-import { EventCallback } from "@maketribe/utils";
-import { MSAppClient } from "../MSAppClient";
-
-export const onTabBeforeClose = (callback: EventCallback<undefined>) => {
-  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.once(
-    callback
-  );
-};

package/src/composables/on-tab-before-switch.ts

@@ -1,8 +0,0 @@
-import { EventCallback } from "@maketribe/utils";
-import { MSAppClient } from "../MSAppClient";
-
-export const onTabBeforeSwitch = (callback: EventCallback<undefined>) => {
-  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeCloseEvent.on(
-    callback
-  );
-};

package/src/composables/on-tab-refresh.ts

@@ -1,8 +0,0 @@
-import { EventCallback } from "@maketribe/utils";
-import { MSAppClient } from "../MSAppClient";
-
-export const onTabRefresh = (callback: EventCallback<undefined>) => {
-  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeSwitchEvent.on(
-    callback
-  );
-};

package/src/composables/use-current-tab.ts

@@ -1,5 +0,0 @@
-import { MSAppClient } from "../MSAppClient";
-import type { Tab } from "../tabs";
-
-export const useCurrentTab = (): Tab | null =>
-  MSAppClient.instance!.userSession!.tabs.getCurrentTab() ?? null;

package/src/composables/use-http-request.ts

@@ -1,5 +0,0 @@
-import { HttpRequest } from "@maketribe/request";
-import { MSAppClient } from "../MSAppClient";
-
-export const useHttpRequest = (): HttpRequest =>
-  MSAppClient.instance!.httpRequest;

package/src/composables/use-ms-app-client.ts

@@ -1,10 +0,0 @@
-import { inject } from "vue";
-import { MSAppClient } from "../MSAppClient";
-
-import { MSAPPCLIENT_CONTEXT_KEY } from "../tokens";
-
-export const useMSAppClient = (): MSAppClient | null => {
-  const msAppClientContext = inject(MSAPPCLIENT_CONTEXT_KEY);
-
-  return msAppClientContext?.msAppClient ?? null;
-};

package/src/composables/use-user-info.ts

@@ -1,4 +0,0 @@
-import { MSAppClient } from "../MSAppClient";
-
-export const useUserInfo = () =>
-  MSAppClient.instance?.userSession?.userInfo ?? null;

package/src/constants/index.ts

@@ -1,2 +0,0 @@
-export * from "./token";
-export * from "./route";

package/src/constants/route.ts

@@ -1,4 +0,0 @@
-export enum RouteType {
-  ROUTE = "0",
-  LINK = "1",
-}

package/src/constants/token.ts

@@ -1,5 +0,0 @@
-export const AUTHORIZATION_PREFIX = "Bearer";
-export const AUTHORIZATION = "Authorization";
-export const X_AUTHORIZATION = "X-Authorization";
-export const ACCESS_TOKEN_HEADER = "access-token";
-export const X_ACCESS_TOKEN_HEADER = "x-access-token";