@maketribe/ms-app 3.0.38 → 3.0.39

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

@@ -1,179 +0,0 @@
-import {
-  computed,
-  defineComponent,
-  unref,
-  ref,
-  onMounted,
-  watch,
-  Ref,
-} from "vue";
-import { ElDialog, ElSlider, ElButton } from "element-plus";
-import { useHttpRequest } from "../../composables";
-import { verifyDialogProps, verifyDialogEmits } from "./verify-dialog-option";
-import { Disposable, createDisposable } from "@maketribe/utils";
-
-export default defineComponent({
-  name: "MKVerifyDialog",
-  props: verifyDialogProps,
-  emits: verifyDialogEmits,
-  // expose: ["fail"],
-  setup(props, { emit, expose }) {
-    const wrapperEl: Ref<HTMLElement | null> = ref(null);
-    const buttonEl: Ref<HTMLElement | null> = ref(null);
-    const grandEl: Ref<HTMLElement | null> = ref(null);
-    // 样式默认宽度是48px
-    let slideWidth: number = 48;
-
-    const isError = ref(false);
-
-    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 handleSwitchConfirm = () => {
-      emit("confirm", unref(deg));
-    };
-
-    const handleMouseDown = (mouseDownEvent: MouseEvent) => {
-      if (unref(isError)) {
-        return;
-      }
-
-      const disposable = new Disposable();
-
-      const totalWidth = unref(wrapperEl)!.getBoundingClientRect().width;
-
-      const handleMouseMove = (event: MouseEvent) => {
-        // 限定宽度范围
-        slideWidth = Math.min(
-          Math.max(event.clientX - mouseDownEvent.clientX + 48, 48),
-          totalWidth
-        );
-
-        deg.value = Math.floor(((slideWidth - 48) / (totalWidth - 48)) * 360);
-
-        unref(grandEl)!.style.width = `${slideWidth}px`;
-        unref(buttonEl)!.style.transform = `translateX(${slideWidth - 48}px)`;
-      };
-
-      const handleMouseUp = (event: MouseEvent) => {
-        if (deg.value !== 0) {
-          handleSwitchConfirm();
-        }
-
-        disposable.dispose();
-      };
-
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-
-      disposable.register(
-        createDisposable(() => {
-          document.removeEventListener("mousemove", handleMouseMove);
-          document.removeEventListener("mouseup", handleMouseUp);
-        })
-      );
-    };
-
-    const reset = () => {
-      unref(grandEl)!.style.width = ``;
-      unref(buttonEl)!.style.transform = ``;
-    };
-
-    expose({
-      fail: () => {
-        isError.value = true;
-
-        setTimeout(() => {
-          isError.value = false;
-
-          reset();
-        }, 1000);
-      },
-    });
-
-    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
-          modelValue={visible.value}
-          onUpdate:modelValue={(v: boolean) => (visible.value = v)}
-          modal-class="mk-verify-dialog"
-          width={props.width}
-          title="请完成下方验证后继续操作"
-          appendToBody
-        >
-          <div class="mk-verify-dialog__wrapper">
-            <div
-              class="mk-verify-dialog__image"
-              ref="imageEl"
-              style={imageStyle.value}
-            />
-            <div class="mk-verify-dialog__coordinate" />
-          </div>
-          <div class={["mk-verify-switch", unref(isError) ? "is-error" : ""]}>
-            <div
-              class="mk-verify-switch__wrapper"
-              ref={((el: HTMLDivElement) => (wrapperEl.value = el)) as any}
-            >
-              <div
-                class="mk-verify-switch__button-grand"
-                ref={((el: HTMLDivElement) => (grandEl.value = el)) as any}
-              />
-              <div
-                class="mk-verify-switch__button"
-                ref={((el: HTMLDivElement) => (buttonEl.value = el)) as any}
-                onMousedown={handleMouseDown}
-              />
-            </div>
-          </div>
-        </ElDialog>
-      );
-    };
-  },
-});

package/src/components/video-view/index.ts

@@ -1,7 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import VideoView from "./video-view";
-
-export const MKVideoView = withInstall(VideoView);
-export default MKVideoView;
-
-export * from "./video-view-options";

package/src/components/video-view/video-view-options.ts

@@ -1,10 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const videoViewProps = buildProps({
-  src: { type: String, required: true },
-  poster: { type: String, required: false },
-  dialogWidth: { type: String, default: "800px" },
-} as const);
-
-export type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;

package/src/components/video-view/video-view.tsx

@@ -1,115 +0,0 @@
-import { Fragment, Ref, defineComponent, ref, unref, watch } from "vue";
-import { ElButton, ElDialog, ElIcon } from "element-plus";
-import { Film, View, Download, Close } from "@element-plus/icons-vue";
-import MKImageView from "../image-view";
-import { videoViewProps } from "./video-view-options";
-
-export default defineComponent({
-  name: "MKVideoView",
-  props: videoViewProps,
-  setup(props) {
-    const isShowVideoDialog = ref(false);
-
-    const videoEl: Ref<HTMLVideoElement | null> = ref(null);
-
-    const handleViewClick = () => {
-      isShowVideoDialog.value = true;
-    };
-
-    const handleDownloadClick = () => {
-      if (!props.src) {
-        return;
-      }
-
-      const a = document.createElement("a");
-      a.setAttribute("download", new Date().getTime().toString());
-      a.target = "_blank";
-      a.href = props.src;
-      Object.assign(a.style, { width: "1px", height: "1px" });
-
-      document.body.append(a);
-      a.click();
-
-      setTimeout(() => {
-        document.body.removeChild(a);
-      });
-    };
-
-    watch(isShowVideoDialog, (isShowVideoDialog) => {
-      if (!unref(videoEl)) {
-        return;
-      }
-
-      if (!isShowVideoDialog) {
-        unref(videoEl)!.pause();
-        unref(videoEl)!.currentTime = 0;
-      }
-    });
-
-    return () => (
-      <div class="mk-video-view">
-        <MKImageView
-          src={props.src}
-          showPreview={false}
-          v-slots={{
-            error: () => {
-              return (
-                <Fragment>
-                  <ElIcon size="20">
-                    <Film />
-                  </ElIcon>
-                  <div class="mk-video-view__tools">
-                    <ElButton
-                      type="primary"
-                      icon={View}
-                      onClick={handleViewClick}
-                    />
-                    <ElButton
-                      type="primary"
-                      icon={Download}
-                      onClick={handleDownloadClick}
-                    />
-                  </div>
-                </Fragment>
-              );
-            },
-          }}
-        />
-        <ElDialog
-          appendToBody
-          showClose={false}
-          width={props.dialogWidth}
-          modelValue={unref(isShowVideoDialog)}
-          onUpdate:modelValue={(v) => {
-            isShowVideoDialog.value = v;
-          }}
-          v-slots={{
-            header: (scope: any) => {
-              return (
-                <div class="mk-video-view__dialog-header">
-                  <ElButton
-                    type="primary"
-                    icon={Download}
-                    onClick={handleDownloadClick}
-                  >
-                    下载
-                  </ElButton>
-                  <ElButton icon={Close} onClick={scope.close} />
-                </div>
-              );
-            },
-          }}
-        >
-          <video
-            class="mk-video-view__video"
-            src={props.src}
-            draggable="false"
-            preload="true"
-            controls
-            ref={(el: any) => (videoEl.value = el)}
-          />
-        </ElDialog>
-      </div>
-    );
-  },
-});

package/src/composables/create-data-form.ts

@@ -1,6 +0,0 @@
-import { reactive } from "vue";
-import { DataForm, DataFormOptions } from "@maketribe/dm";
-
-export const createDataForm = (dataFormOptions: DataFormOptions): DataForm => {
-  return reactive(new DataForm(dataFormOptions)) as DataForm;
-};

package/src/composables/create-data-table.ts

@@ -1,8 +0,0 @@
-import { reactive } from "vue";
-import { DataTable, DataTableOptions } from "@maketribe/dm";
-
-export const createDataTable = (
-  dataTableOptions: DataTableOptions
-): DataTable => {
-  return reactive(new DataTable(dataTableOptions)) as DataTable;
-};

package/src/composables/index.ts

@@ -1,17 +0,0 @@
-export * from "./create-data-table";
-export * from "./create-data-form";
-export * from "./use-column-component";
-export * from "./use-i18n";
-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 "../core/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 "../core";
-
-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 "../core";
-
-export const onTabRefresh = (callback: EventCallback<undefined>) => {
-  MSAppClient.instance!.userSession!.tabs.getCurrentTab()?.beforeSwitchEvent.on(
-    callback
-  );
-};

package/src/composables/use-column-component.ts

@@ -1,184 +0,0 @@
-import { unref, computed, Ref, MaybeRef, ComputedRef, watch, ref } from "vue";
-import {
-  Column,
-  Component,
-  ComponentsCombine,
-  DataForm,
-  DataTable,
-  FilterColumn,
-  DataFilter,
-  FormColumn,
-  IComponents,
-  TableColumn,
-  isWhereFilter,
-} from "@maketribe/dm";
-import { useGlobalConfig } from "../components/config-provider";
-
-export const useComponent = (
-  componentName: MaybeRef<string>,
-  components: MaybeRef<IComponents>
-): {
-  componentInfo: ComputedRef<Component | null>;
-  component: ComputedRef<any>;
-  componentProps: ComputedRef<Record<string, any> | null>;
-} => {
-  const componentInfo = computed(() =>
-    unref(components).resolveComponent(unref(componentName))
-  );
-
-  const component = computed(() => unref(componentInfo)?.component ?? null);
-
-  const componentProps = computed(() => {
-    const componentProps = unref(componentInfo)?.defaultProps ?? null;
-
-    return componentProps ? { ...componentProps } : null;
-  });
-
-  return { componentInfo, component, componentProps };
-};
-
-export const useComponentWithDefault = (
-  componentInfo: ReturnType<typeof useComponent>,
-  defaultComponentInfo: ReturnType<typeof useComponent>
-) => {
-  const _componentInfo = computed(() =>
-    unref(componentInfo.componentInfo)
-      ? unref(componentInfo.componentInfo)
-      : unref(defaultComponentInfo.componentInfo)
-  );
-
-  const _componentProps = computed(() =>
-    unref(componentInfo.componentInfo)
-      ? unref(componentInfo.componentProps)
-      : unref(defaultComponentInfo.componentProps)
-  );
-
-  const _component = computed(() =>
-    unref(componentInfo.componentInfo)
-      ? unref(componentInfo.component)
-      : unref(defaultComponentInfo.component)
-  );
-
-  return {
-    componentInfo: _componentInfo,
-    componentProps: _componentProps,
-    component: _component,
-  };
-};
-
-export const useColumnComponent = (
-  column: Ref<Column | null> | Column,
-  components: Ref<IComponents> | IComponents
-) => {
-  const columnComponentInfo = computed(
-    () => unref(column)?.componentInfo || ""
-  );
-
-  const componentInfo: Ref<Component | null> = ref(null);
-  watch(
-    columnComponentInfo,
-    (columnComponentInfo) => {
-      if (typeof columnComponentInfo === "string") {
-        const { componentInfo: _componentInfo } = useComponent(
-          columnComponentInfo,
-          components
-        );
-
-        componentInfo.value = unref(_componentInfo);
-        return;
-      }
-
-      componentInfo.value = columnComponentInfo;
-    },
-    { immediate: true }
-  );
-
-  const component = computed(() => unref(componentInfo)?.component ?? null);
-  const componentProps = computed(() => {
-    const _componentInfo = unref(componentInfo);
-
-    if (!_componentInfo) {
-      return null;
-    }
-
-    return {
-      ..._componentInfo.defaultProps,
-      ...unref(column)?.componentProps,
-    };
-  });
-
-  return {
-    componentInfo: computed(() => unref(componentInfo)),
-    component,
-    componentProps,
-  };
-};
-
-export const useTableColumnComponent = (
-  column: Ref<TableColumn | null> | TableColumn,
-  dataTable: Ref<DataTable | null> | DataTable
-) => {
-  const defaultDataTableComponents = useGlobalConfig("dataTableComponents");
-
-  const componentCombine = computed(() => {
-    const _defaultDataTableComponents = unref(defaultDataTableComponents);
-
-    const componentsList = ([unref(dataTable)] as IComponents[]).concat(
-      _defaultDataTableComponents ? [_defaultDataTableComponents] : []
-    );
-
-    return new ComponentsCombine({ componentsList });
-  });
-
-  return useComponentWithDefault(
-    useColumnComponent(column, componentCombine),
-    useComponent("MKColumnText", componentCombine)
-  );
-};
-
-export const useFormColumnComponent = (
-  column: Ref<FormColumn | null> | FormColumn,
-  dataForm: Ref<DataForm | null> | DataForm
-) => {
-  const defaultDataFormComponents = useGlobalConfig("dataFormComponents");
-
-  const componentCombine = computed(() => {
-    const _defaultDataFormComponents = unref(defaultDataFormComponents);
-
-    const componentsList = ([unref(dataForm)] as IComponents[]).concat(
-      _defaultDataFormComponents ? [_defaultDataFormComponents] : []
-    );
-
-    return new ComponentsCombine({ componentsList });
-  });
-
-  return useComponentWithDefault(
-    useColumnComponent(column, componentCombine),
-    useComponent("MKFormInput", componentCombine)
-  );
-};
-
-export const useFilterColumnComponent = (
-  column: Ref<FilterColumn | null> | FilterColumn,
-  dataFilter: Ref<DataFilter | null> | DataFilter
-) => {
-  const defaulDataFilterComponents = useGlobalConfig("dataFilterComponents");
-  const defaulWhereFilterComponents = useGlobalConfig("whereFilterComponents");
-
-  const componentCombine = computed(() => {
-    const systemComponents = isWhereFilter(unref(dataFilter))
-      ? unref(defaulWhereFilterComponents)
-      : unref(defaulDataFilterComponents);
-
-    const componentsList = ([unref(dataFilter)] as IComponents[]).concat(
-      systemComponents ? [systemComponents] : []
-    );
-
-    return new ComponentsCombine({ componentsList });
-  });
-
-  return useComponentWithDefault(
-    useColumnComponent(column, componentCombine),
-    useComponent("MKConditionInput", componentCombine)
-  );
-};

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

@@ -1,4 +0,0 @@
-import { MSAppClient, Tab } from "../core";
-
-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 "../core";
-
-export const useHttpRequest = (): HttpRequest | null =>
-  MSAppClient.instance?.httpRequest ?? null;

package/src/composables/use-i18n.ts

@@ -1,7 +0,0 @@
-import { unref } from "vue";
-import { I18n } from "@maketribe/locale";
-import { useGlobalConfig } from "../components/config-provider";
-
-export const useI18n = (): I18n | null => {
-  return unref(useGlobalConfig("i18n")) ?? null;
-};

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

@@ -1,10 +0,0 @@
-import { inject } from "vue";
-import { MSAppClient } from "../core";
-
-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 "../core";
-
-export const useUserInfo = () =>
-  MSAppClient.instance?.userSession?.userInfo ?? null;

package/src/constants/index.ts

@@ -1,6 +0,0 @@
-export * from "./pattern";
-export * from "./token";
-export * from "./route";
-export * from "./menu";
-export * from "./region";
-export * from "./log";

package/src/constants/log.ts

@@ -1,5 +0,0 @@
-export enum LoginLogType {
-  SUCCESS = 1,
-  FAILURE = 2,
-  LOCK = 3,
-}

package/src/constants/menu.ts

@@ -1,5 +0,0 @@
-export enum MenuType {
-  Container = "1",
-  Menu = "2",
-  SystemSettings = "3",
-}

package/src/constants/pattern.ts

@@ -1,4 +0,0 @@
-export const IP_PATTERN =
-  /^(1\d\d|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.(1\d\d|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.(1\d\d|2[0-4]\d|25[0-5]|[1-9]\d|\d)\.(1\d\d|2[0-4]\d|25[0-5]|[1-9]\d|\d)$/;
-
-export const EMAIL_PATTERN = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;

package/src/constants/region.ts

@@ -1,6 +0,0 @@
-export enum RegionLevel {
-  Province = 1,
-  City = 2,
-  District = 3,
-  Town = 4,
-}

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";