@maketribe/ms-app 3.0.6 → 3.0.8

package/dist/style/src/layouts/manager-system/logo.scss

@@ -1,26 +0,0 @@
-.mk-logo {
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  height: 54px;
-  font-size: 18px;
-  color: white;
-
-  &__logo {
-    flex-shrink: 0;
-    width: 32px;
-    height: 32px;
-    font-size: 0;
-    background-size: contain;
-    background-position: center center;
-  }
-
-  span {
-    margin-left: 12px;
-    display: inline-block;
-    white-space: nowrap;
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}

package/dist/style/src/layouts/manager-system/manager-system.scss

@@ -1,70 +0,0 @@
-.mk-manager-system {
-  position: relative;
-  display: flex;
-  height: 100%;
-  background-color: rgb(246, 248, 249);
-
-  &__mask {
-    display: none;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 999;
-    opacity: 0.3;
-    background-color: black;
-
-    @media screen and (max-width: 1000px) {
-      display: block;
-    }
-  }
-
-  &__aside {
-    height: 100%;
-    z-index: 1001;
-
-    @media screen and (max-width: 1000px) {
-      left: 0;
-      top: 0;
-      position: fixed;
-    }
-  }
-
-  &__main {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    width: 0;
-    z-index: 0;
-  }
-
-  &__header {
-    z-index: 1;
-  }
-
-  &__content {
-    flex: 1;
-    height: 0;
-  }
-
-  @media screen and (max-width: 1000px) {
-    .mk-manager-system__aside {
-      transition: var(--el-transition-all);
-    }
-
-    &__bar {
-      &--visible {
-        .mk-manager-system__aside {
-          transform: translate(0px, 0);
-        }
-      }
-
-      &--hidden {
-        .mk-manager-system__aside {
-          transform: translate(-200px, 0);
-        }
-      }
-    }
-  }
-}

package/dist/style/src/layouts/manager-system/menu.scss

@@ -1,229 +0,0 @@
-@mixin menuVars {
-  --el-menu-bg-color: #001428;
-  --el-menu-text-color: rgb(192, 196, 204);
-  --el-menu-hover-bg-color: rgba(64, 158, 255, 0.06);
-  --el-menu-active-color: white;
-  --el-menu-item-height: 40px;
-  --el-menu-sub-item-height: 40px;
-}
-
-@mixin commonMenu {
-  user-select: none;
-
-  .el-menu-item {
-    & + .el-menu-item {
-      margin-top: 4px;
-    }
-
-    & + .el-sub-menu {
-      .el-sub-menu__title {
-        margin-top: 4px;
-      }
-    }
-  }
-
-  .el-sub-menu {
-    & + .el-menu-item {
-      margin-top: 4px;
-    }
-
-    & + .el-sub-menu {
-      .el-sub-menu__title {
-        margin-top: 4px;
-      }
-    }
-
-    &.is-active {
-      > .el-sub-menu__title {
-        color: var(--el-menu-active-color);
-        background-color: var(--el-me nu-hover-bg-color);
-      }
-    }
-  }
-}
-
-.mk-menu {
-  @include menuVars();
-
-  display: flex;
-  flex-direction: column;
-  width: 200px;
-  height: 100%;
-  background-color: var(--el-menu-bg-color);
-
-  @include commonMenu();
-
-  @at-root {
-    .mk-menu__popper {
-      @include menuVars();
-      @include commonMenu();
-
-      .mk-svg-icon {
-        margin-right: 8px;
-      }
-
-      .el-menu-item {
-        &.is-active {
-          background-color: var(--el-menu-hover-bg-color);
-        }
-      }
-    }
-  }
-
-  .el-menu {
-    flex: 1;
-    border: none;
-
-    .mk-svg-icon {
-      margin-right: 8px;
-    }
-
-    .el-menu-item {
-      &.is-active {
-        background-color: var(--el-menu-hover-bg-color);
-      }
-    }
-
-    .el-sub-menu.is-opened {
-      .el-sub-menu__title {
-        margin-bottom: 4px;
-      }
-    }
-
-    > .el-sub-menu,
-    > .el-menu-item {
-      position: relative;
-    }
-  }
-
-  > .el-menu {
-    > .is-active {
-      &::before {
-        content: "";
-        position: absolute;
-        width: 2px;
-        left: 0;
-        top: 50%;
-        height: 0%;
-        transform: translate(0, -50%);
-        background-color: var(--el-color-primary);
-      }
-    }
-  }
-
-  &__footer {
-    --el-fill-color: var(--el-menu-hover-bg-color);
-    --el-fill-color-light: var(--el-menu-hover-bg-color);
-
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    border-top: 1px solid rgb(30, 50, 60);
-    padding: 0 20px;
-    height: 56px;
-
-    .el-button {
-      color: var(--el-menu-text-color);
-      width: 32px;
-      font-size: 16px;
-    }
-  }
-
-  &--collapse {
-    width: 54px;
-
-    .el-menu {
-      &--collapse {
-        width: 54px;
-      }
-
-      .mk-svg-icon {
-        margin-right: 0;
-      }
-
-      .el-menu-item,
-      .el-sub-menu__title {
-        padding: 0;
-        justify-content: center;
-      }
-
-      > .is-active {
-        &::before {
-          height: 100%;
-        }
-      }
-    }
-
-    .mk-logo {
-      padding: 0;
-      justify-content: center;
-
-      &__logo {
-        margin-right: 0;
-      }
-
-      span {
-        display: none;
-      }
-    }
-
-    .mk-menu__footer {
-      padding: 0;
-      justify-content: center;
-    }
-  }
-
-  @media screen and (max-width: 1000px) {
-    .mk-menu__footer {
-      display: none;
-    }
-  }
-}
-
-// .mk-menu {
-//   border: none;
-
-//   --el-menu-item-height: 50px;
-//   --el-menu-level-padding: 17px;
-//   --el-menu-icon-width: 14px;
-
-//   .el-sub-menu {
-//     & + .el-menu-item,
-//     & + .el-sub-menu,
-//     .el-menu-item:first-child,
-//     .el-sub-menu:first-child {
-//       margin-top: 5px;
-//     }
-
-//     &__title {
-//       &:hover {
-//         color: var(--el-color-primary);
-//       }
-//     }
-//   }
-
-//   .el-menu-item {
-//     border-radius: 5px;
-
-//     & + .el-menu-item,
-//     & + .el-sub-menu {
-//       margin-top: 5px;
-//     }
-
-//     &.is-active {
-//       background-color: var(--el-color-primary-light-9);
-//     }
-
-//     &:hover {
-//       color: var(--el-color-primary);
-//     }
-//   }
-
-//   &-item {
-//     & &__icon {
-//       margin-right: 3px;
-//       width: 1em;
-//       font-size: inherit;
-//     }
-//   }
-// }

package/src/components/data-model/data-table/views/table/search/composables/index.ts

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

package/src/components/data-model/data-table/views/table/search/composables/use-condition.ts

@@ -1,65 +0,0 @@
-import { Operator } from "@maketribe/dm";
-import { computed, inject, unref, watch } from "vue";
-
-import { BETWEEN_OPTION, OperatorOption } from "../operator-options";
-import { TABLE_SEARCH_ITEM_CONTEXT_KEY } from "../token";
-import { buildProps } from "@maketribe/utils";
-
-export const conditionProps = buildProps({
-  defaultValue: {
-    default: null,
-  },
-} as const);
-
-export type ConditionOptions = {
-  operator: Operator;
-  operatorOptions: OperatorOption[];
-  defaultValue: any;
-};
-
-export function useCondition(options: ConditionOptions) {
-  const tableSearchItemContext = inject(TABLE_SEARCH_ITEM_CONTEXT_KEY)!;
-  const tableSearchItem = tableSearchItemContext.tableSearchItem;
-
-  tableSearchItem.setOperatorOptions(options.operatorOptions);
-
-  tableSearchItem.setOperator(options.operator);
-  if (options.defaultValue !== void 0) {
-    tableSearchItem.column.defaultValue = options.defaultValue;
-  }
-
-  const value = computed({
-    get: () => tableSearchItem.getValue(),
-    set: (v: any) => tableSearchItem.setValue(v === "" ? null : v),
-  });
-
-  const isBetween = computed(
-    () => unref(currentOperator.value) === BETWEEN_OPTION.value
-  );
-
-  const currentOperator = computed(() => tableSearchItem.currentOperator);
-
-  watch(
-    currentOperator,
-    () => {
-      const defaultValue = options.defaultValue;
-
-      if (unref(isBetween)) {
-        tableSearchItem.column.defaultValue = [defaultValue, defaultValue];
-        value.value = [defaultValue, defaultValue];
-        return;
-      }
-
-      tableSearchItem.column.defaultValue = defaultValue;
-      value.value = defaultValue;
-    },
-    { immediate: true }
-  );
-
-  return {
-    isBetween,
-    tableSearchItem,
-    currentOperator,
-    value,
-  };
-}

package/src/components/data-model/data-table/views/table/search/index.ts

@@ -1,9 +0,0 @@
-import TableSearch from "./search";
-
-export const MKTableSearch = TableSearch;
-
-export default MKTableSearch;
-
-export * from "./composables";
-export * from "./token";
-export * from "./operator-options";

package/src/components/data-model/data-table/views/table/search/operator-options.ts

@@ -1,69 +0,0 @@
-import { Operator } from "@maketribe/dm";
-
-export type OperatorOption = { value: Operator; label: string; tag: string };
-
-export const EQUAL_OPTION: OperatorOption = {
-  value: Operator.EQUAL,
-  label: "mk.operator.equal",
-  tag: "mk.operator.equalTag",
-};
-
-export const CONTAIN_OPTION: OperatorOption = {
-  value: Operator.CONTAIN,
-  label: "mk.operator.contain",
-  tag: "mk.operator.containTag",
-};
-
-export const IN_OPTION: OperatorOption = {
-  value: Operator.IN,
-  label: "mk.operator.in",
-  tag: "mk.operator.inTag",
-};
-
-export const NOT_IN_OPTION: OperatorOption = {
-  value: Operator.NOT_IN,
-  label: "mk.operator.notIn",
-  tag: "mk.operator.notInTag",
-};
-
-export const LESS_THAN_OPTION: OperatorOption = {
-  value: Operator.LESS_THAN,
-  label: "mk.operator.lessThan",
-  tag: "mk.operator.lessThanTag",
-};
-
-export const LESS_THAN_EQUAL_OPTION: OperatorOption = {
-  value: Operator.LESS_THAN_EQUAL,
-  label: "mk.operator.lessThanEqual",
-  tag: "mk.operator.lessThanEqualTag",
-};
-
-export const GREATER_THAN_OPTION: OperatorOption = {
-  value: Operator.GREATER_THAN,
-  label: "mk.operator.greaterThan",
-  tag: "mk.operator.greaterThanTag",
-};
-
-export const GREATER_THAN_EQUAL_OPTION: OperatorOption = {
-  value: Operator.GREATER_THAN_EQUAL,
-  label: "mk.operator.greaterThanEqual",
-  tag: "mk.operator.greaterThanEqualTag",
-};
-
-export const BETWEEN_OPTION: OperatorOption = {
-  value: Operator.BETWEEN,
-  label: "mk.operator.between",
-  tag: "mk.operator.betweenTag",
-};
-
-export const OPERATOR_OPTIONS = [
-  EQUAL_OPTION,
-  CONTAIN_OPTION,
-  IN_OPTION,
-  NOT_IN_OPTION,
-  LESS_THAN_OPTION,
-  LESS_THAN_EQUAL_OPTION,
-  GREATER_THAN_OPTION,
-  GREATER_THAN_EQUAL_OPTION,
-  BETWEEN_OPTION,
-];

package/src/components/data-model/data-table/views/table/search/search-drawer/index.ts

@@ -1,5 +0,0 @@
-import TableSearchDrawer from "./search-drawer";
-
-export const MKTableSearchDrawer = TableSearchDrawer;
-
-export default MKTableSearchDrawer;

package/src/components/data-model/data-table/views/table/search/search-drawer/search-drawer-options.ts

@@ -1,17 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { DataFilter } from "@maketribe/dm";
-import { buildProps } from "@maketribe/utils";
-
-export const searchDrawerProps = buildProps({
-  dataFilter: { type: DataFilter, required: true },
-  visible: { type: Boolean, default: false },
-} as const);
-
-export type SearchDrawerProps = ExtractPropTypes<typeof searchDrawerProps>;
-
-export const searchDrawerEmits = {
-  "update:visible": (visible: any) => true,
-  confirm: (result: any) => true,
-};
-
-export type SearchDrawerEmits = typeof searchDrawerEmits;

package/src/components/data-model/data-table/views/table/search/search-drawer/search-drawer.tsx

@@ -1,130 +0,0 @@
-import { ElButton, ElDrawer } from "element-plus";
-import {
-  Fragment,
-  Ref,
-  computed,
-  defineComponent,
-  ref,
-  unref,
-  watch,
-} from "vue";
-import { searchDrawerEmits, searchDrawerProps } from "./search-drawer-options";
-import MKTableSearchItem from "../search-item";
-import { FilterColumn, Operator, isWhereFilter } from "@maketribe/dm";
-import { cloneDeep } from "lodash-es";
-
-export default defineComponent({
-  name: "MKTableSearchDrawer",
-  props: searchDrawerProps,
-  emits: searchDrawerEmits,
-  setup(props, { emit }) {
-    const visible = computed({
-      get: () => props.visible,
-      set: (v: boolean) => emit("update:visible", v),
-    });
-
-    const columns = computed(() => props.dataFilter.getColumns());
-
-    const params: Ref<Record<string, any>> = ref({});
-    const operators: Ref<Record<string, Operator>> = ref({});
-
-    const handleConfirm = () => {
-      const _params = unref(params);
-
-      const _operators = unref(operators);
-
-      const result: Record<string, { operator?: Operator; value: any }> = {};
-
-      for (const key of Object.keys(_params)) {
-        let value = _params[key];
-        const operator = _operators[key];
-
-        if (value == null) {
-          continue;
-        }
-
-        if (isWhereFilter(props.dataFilter)) {
-          if ([Operator.IN, Operator.NOT_IN].includes(operator)) {
-            value = Array.isArray(value) ? value : [value];
-
-            if (value.length === 0) {
-              continue;
-            }
-          }
-
-          if (operator === Operator.BETWEEN) {
-            if (value[0] == null || value[1] == null) {
-              continue;
-            }
-          }
-        }
-
-        result[key] = { operator, value };
-      }
-
-      visible.value = false;
-
-      emit("confirm", result);
-    };
-
-    const handleCancel = () => {
-      visible.value = false;
-    };
-
-    const handleOperatorChange = (column: FilterColumn, operator: Operator) => {
-      unref(operators)[column.name] = operator;
-    };
-
-    watch(
-      visible,
-      (visible) => {
-        if (!visible) {
-          return;
-        }
-
-        const dataFilter = props.dataFilter;
-
-        params.value = cloneDeep(dataFilter.getParams());
-
-        if (isWhereFilter(dataFilter)) {
-          operators.value = cloneDeep(dataFilter.getParamOperators());
-        }
-      },
-      { immediate: true }
-    );
-
-    return () => {
-      const searchItems = unref(columns).map((column) => (
-        <MKTableSearchItem
-          name={column.name}
-          modelValue={unref(params)[column.name]}
-          onOperatorChange={(operator: Operator) =>
-            handleOperatorChange(column, operator)
-          }
-          onUpdate:modelValue={(v: any) => (unref(params)[column.name] = v)}
-        />
-      ));
-
-      return (
-        <ElDrawer
-          title="多条件筛选"
-          appendToBody
-          modelValue={unref(visible)}
-          onUpdate:modelValue={(v) => (visible.value = v)}
-          v-slots={{
-            footer: () => (
-              <Fragment>
-                <ElButton type="primary" onClick={handleConfirm}>
-                  确定
-                </ElButton>
-                <ElButton onClick={handleCancel}>取消</ElButton>
-              </Fragment>
-            ),
-          }}
-        >
-          <div class="mk-data-table-search__drawer">{searchItems}</div>
-        </ElDrawer>
-      );
-    };
-  },
-});

package/src/components/data-model/data-table/views/table/search/search-item/index.ts

@@ -1,5 +0,0 @@
-import TableSearchItem from "./search-item";
-
-export const MKTableSearchItem = TableSearchItem;
-
-export default MKTableSearchItem;

package/src/components/data-model/data-table/views/table/search/search-item/search-item-options.ts

@@ -1,16 +0,0 @@
-import { ExtractPropTypes } from "vue";
-import { buildProps } from "@maketribe/utils";
-
-export const searchItemProps = buildProps({
-  name: { type: String, required: true },
-  modelValue: { type: null },
-} as const);
-
-export type SearchItemProps = ExtractPropTypes<typeof searchItemProps>;
-
-export const searchItemEmits = {
-  operatorChange: (operator: any) => true,
-  "update:modelValue": (modelValue: any) => true,
-};
-
-export type SearchItemEmits = typeof searchItemEmits;