@maketribe/ms-app 3.2.46 → 4.0.0-alpha.2

package/dist/style/src/components/member-table.scss

@@ -1,9 +0,0 @@
-// .dialogClass {
-//   height: 70%;
-//   display: flex;
-//   flex-direction: column;
-
-//   .el-dialog__body {
-//     height: 100%;
-//   }
-// }

package/dist/style/src/components/menu-permission-table.scss

@@ -1,43 +0,0 @@
-.mk-menu-permission {
-  display: flex;
-  height: 100%;
-
-  &__permission {
-    width: 0;
-    flex: 1;
-
-    &-table {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-
-      .el-table {
-        flex: 1;
-      }
-    }
-  }
-
-  &__menu {
-    width: 370px;
-    display: flex;
-    flex-direction: column;
-
-    &-main {
-      flex: 1;
-      height: 0;
-    }
-
-    &-footer {
-      margin-top: 10px;
-      text-align: center;
-    }
-  }
-}
-.dataFormPageDialog{
-  height: 70%;
-  display: flex;
-  flex-direction: column;
-  .el-dialog__body{
-    height: 100%;
-  }
-}

package/dist/style/src/components/page-container.scss

@@ -1,21 +0,0 @@
-.mk-page-container {
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  box-sizing: border-box;
-
-  > .mk-data-table {
-    width: 100%;
-    height: 100%;
-
-    .el-table {
-      flex: 1 0 0px;
-    }
-  }
-
-  > .mk-data-form {
-    width: 100%;
-    height: 100%;
-    background-color: white;
-  }
-}

package/dist/style/src/components/pagination.scss

@@ -1,21 +0,0 @@
-.mk-pagination {
-  display: flex;
-
-  @at-root {
-    .el-table + & {
-      margin-top: 8px;
-    }
-  }
-
-  &__left {
-    display: flex;
-    align-items: center;
-    flex: 1;
-    font-size: 12px;
-
-    b {
-      padding: 0 3px;
-      color: #40a9ff;
-    }
-  }
-}

package/dist/style/src/components/role-permission-config.scss

@@ -1,18 +0,0 @@
-.role-permission-config {
-  &__permission-point,
-  &__menu {
-    .el-checkbox__label {
-      flex: 1;
-      width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-
-  &__permission-point {
-    width: 100px;
-  }
-  &__menu {
-    width: 100%;
-  }
-}

package/dist/style/src/components/svg-icon.scss

@@ -1,15 +0,0 @@
-.mk-svg-icon {
-  display: inline-flex;
-
-  svg {
-    width: 1em;
-    height: 1em;
-    fill: currentColor;
-    overflow: hidden;
-    vertical-align: -0.15em;
-  }
-
-  .el-icon {
-    display: inline;
-  }
-}

package/dist/style/src/components/table/column-json.scss

@@ -1,7 +0,0 @@
-.mk-column-json {
-  @at-root {
-    &__dialog {
-      height: 80%;
-    }
-  }
-}

package/dist/style/src/components/table/column-select.scss

@@ -1,41 +0,0 @@
-.mk-column-selection {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-
-  @at-root {
-    &-header {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      .el-checkbox {
-        height: auto;
-      }
-    }
-  }
-
-  &__selection {
-    display: none;
-
-    .el-checkbox {
-      height: auto;
-    }
-  }
-
-  &:hover,
-  &.is-selected {
-    .mk-column-selection__selection {
-      display: inline-flex;
-    }
-
-    .mk-column-selection__index {
-      display: none;
-    }
-  }
-}

package/dist/style/src/components/table/column-sort.scss

@@ -1,17 +0,0 @@
-.mk-column-sort {
-  &__drag {
-    cursor: move;
-  }
-
-  &__switch {
-    vertical-align: middle;
-    display: inline-flex;
-    gap: 5px;
-    font-size: 16px;
-    color: var(--el-color-primary);
-
-    .mk-svg-icon {
-      cursor: pointer;
-    }
-  }
-}

package/dist/style/src/components/table/column-text.scss

@@ -1,3 +0,0 @@
-.mk-column-text {
-  white-space: nowrap;
-}

package/dist/style/src/components/table/index.scss

@@ -1,6 +0,0 @@
-@use "./column-select.scss";
-@use "./record-column.scss";
-@use "./column-text.scss";
-@use "./column-json.scss";
-@use "./column-sort.scss";
-@use "./table-filter.scss";

package/dist/style/src/components/table/record-column.scss

@@ -1,33 +0,0 @@
-.mk-record-column {
-  text-align: left;
-
-  &-field {
-    display: flex;
-
-    &__left {
-      width: var(--mk-record-column-label-width);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      padding-right: 20px;
-    }
-
-    &__right {
-      width: 0;
-      flex: 1;
-    }
-
-    .mk-column-selection {
-      position: relative;
-      justify-content: flex-start;
-
-      &__index {
-        display: none;
-      }
-
-      &__selection {
-        display: inline-flex;
-      }
-    }
-  }
-}

package/dist/style/src/components/table/table-filter.scss

@@ -1,12 +0,0 @@
-.mk-table-filter {
-  display: flex;
-
-  &__search {
-    margin-right: 12px;
-    width: 240px;
-  }
-
-  &__hidden {
-    display: none;
-  }
-}

package/dist/style/src/components/table-view.scss

@@ -1,78 +0,0 @@
-.mk-table-view {
-  &__header {
-    padding: 10px;
-    width: 100%;
-    display: flex;
-    box-sizing: border-box;
-    justify-content: space-between !important;
-
-    &-item {
-      + .mk-table-view__header-item {
-        margin-left: 12px;
-      }
-    }
-
-    &-main {
-      display: flex;
-      flex: 1;
-    }
-
-    &-tools {
-      display: flex;
-      flex-shrink: 0;
-      align-items: flex-end;
-    }
-  }
-
-  &__selection-tip {
-    display: flex;
-    width: 100%;
-    height: 32px;
-    line-height: 32px;
-    justify-content: space-between;
-
-    padding: 0 10px;
-    font-size: 14px;
-    color: var(--el-text-color-regular);
-    background: #e6f7ff;
-    box-sizing: border-box;
-    border: 1px solid #91d5ff;
-
-    .selection-count {
-      color: #40a9ff;
-    }
-
-    &-left {
-      display: flex;
-      align-items: center;
-      flex: 1;
-    }
-
-    &-right {
-      display: flex;
-      align-items: center;
-    }
-
-    .el-button {
-      height: 30px;
-    }
-  }
-
-  .el-table {
-    z-index: 0;
-    height: 100%;
-  }
-
-  .el-card {
-    &__header {
-      padding: 0;
-    }
-
-    &__body {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      box-sizing: border-box;
-    }
-  }
-}

package/dist/style/src/components/upload-file-ui.scss

@@ -1,89 +0,0 @@
-.mk-upload-file-ui {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    line-height: 0;
-
-    .mk-upload-file-ui-item {
-        display: inline-block;
-        width: 180px;
-        height: 180px;
-        border: 1px dashed var(--el-border-color);
-        border-radius: 6px;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-        transition: var(--el-transition-duration-fast);
-
-
-        &:hover {
-            border-color: var(--el-color-primary);
-
-            .mk-upload-file-ui-item__mask {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-        }
-
-        .mk-upload-file-ui-item__mask {
-            display: none;
-            position: absolute;
-            gap: 15px;
-            font-size: 18px;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.3);
-            color: white;
-        }
-
-        .mk-upload-file {
-            width: 100%;
-            height: 100%;
-        }
-
-        .mk-upload-file-ui-item__wrapper {
-            width: 100%;
-            height: 100%;
-
-            .mk-upload-file-ui-item__wrapper__desc {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                flex-direction: column;
-                width: 100%;
-                height: 100%;
-                font-size: 28px;
-                color: #8c939d;
-
-                .mk-upload-file-ui-item__wrapper__desc__text {
-                    font-size: 16px;
-                    margin-top: 10px;
-                }
-            }
-        }
-
-        .mk-upload-file-ui-item__file {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-size: 60px;
-            flex-direction: column;
-
-            .mk-upload-file-ui-item__file__name {
-                font-size: 12px;
-                margin-top: 10px;
-                width: 80%;
-                line-height: 12px;
-                //超出省略
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-    }
-
-}

package/dist/style/src/components/upload-file.scss

@@ -1,3 +0,0 @@
-.mk-upload-file {
-  display: inline-block;
-}

package/dist/style/src/components/upload-image.scss

@@ -1,118 +0,0 @@
-.mk-upload-image {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  line-height: 0;
-
-  &-item {
-    display: inline-block;
-    // width: 180px;
-    max-height: 180px;
-    border: 1px dashed var(--el-border-color);
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    transition: var(--el-transition-duration-fast);
-
-    &:hover {
-      border-color: var(--el-color-primary);
-
-      .mk-upload-image-item__mask {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-
-    .mk-upload-file {
-      width: 100%;
-      height: 100%;
-    }
-
-    &__wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-      font-size: 28px;
-      color: #8c939d;
-      z-index: 10000;
-    }
-
-    &__image {
-      width: 100%;
-      height: 100%;
-    }
-
-    &__mask {
-      display: none;
-      position: absolute;
-      gap: 15px;
-      font-size: 18px;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      background-color: rgba(0, 0, 0, 0.3);
-      color: white;
-    }
-  }
-}
-
-// .mk-upload-image {
-//   position: relative;
-//   width: var(--mk-upload-image-size);
-//   height: var(--mk-upload-image-size);
-
-//   &__upload {
-//     width: 100%;
-//     height: 100%;
-//   }
-
-//   &__select {
-//     width: var(--mk-upload-image-size);
-//     height: var(--mk-upload-image-size);
-//     display: flex;
-//     justify-content: center;
-//     align-items: center;
-//     font-size: 20px;
-//   }
-
-//   &__image {
-//     display: flex;
-//     width: 100%;
-//     height: 100%;
-//     justify-content: center;
-//     align-content: center;
-//   }
-
-//   .el-image {
-//     width: 100%;
-//     height: 100%;
-//   }
-
-//   &__mask {
-//     display: none;
-//     position: absolute;
-//     left: 0;
-//     top: 0;
-//     width: calc(100% - 2px);
-//     height: calc(100% - 2px);
-//     background-color: rgba(0, 0, 0, 0.5);
-//     font-size: 20px;
-//     color: white;
-//     justify-content: center;
-//     align-items: center;
-//     border-radius: 6px;
-
-//     .mk-svg-icon {
-//       cursor: pointer;
-//     }
-//   }
-
-//   &.is-image:hover &__mask {
-//     display: flex;
-//   }
-// }

package/dist/style/src/components/upload-video-ui.scss

@@ -1,139 +0,0 @@
-.mk-upload-video {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    line-height: 0;
-
-    .mk-upload-video-viewer {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        .mk-upload-video-viewer__close {
-
-            position: absolute;
-            top: 40px;
-            right: 40px;
-
-            display: block;
-            width: 44px;
-            height: 44px;
-            font-size: 24px;
-            color: #fff;
-            border-radius: 50%;
-
-            opacity: .8;
-            background-color: var(--el-text-color-regular);
-            // border-color: #fff;
-            z-index: 1;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            cursor: pointer;
-
-        }
-
-        .mk-upload-video-viewer__mask {
-            width: 100%;
-            height: 100%;
-            background-color: #000;
-            opacity: 0.5;
-            position: absolute;
-            top: 0;
-            left: 0;
-        }
-
-        .mk-upload-video-viewer__video {
-            width: 60%;
-            z-index: 1;
-        }
-    }
-
-    .mk-upload-video-item {
-        display: inline-block;
-        width: 180px;
-        height: 180px;
-        border: 1px dashed var(--el-border-color);
-        border-radius: 6px;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-        transition: var(--el-transition-duration-fast);
-
-
-        &:hover {
-            border-color: var(--el-color-primary);
-
-            .mk-upload-video-item__mask {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-            }
-        }
-
-        .mk-upload-video-item__mask {
-            display: none;
-            position: absolute;
-            gap: 15px;
-            font-size: 18px;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.3);
-            color: white;
-        }
-
-        .mk-upload-file {
-            width: 100%;
-            height: 100%;
-        }
-
-        .mk-upload-video-item__wrapper {
-            width: 100%;
-            height: 100%;
-
-            .mk-upload-video-item__wrapper__desc {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                flex-direction: column;
-                width: 100%;
-                height: 100%;
-                font-size: 28px;
-                color: #8c939d;
-
-                .mk-upload-video-item__wrapper__desc__text {
-                    font-size: 16px;
-                    margin-top: 10px;
-                }
-            }
-        }
-
-        .mk-upload-video-item__file {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            font-size: 60px;
-            flex-direction: column;
-
-            .mk-upload-video-item__file__name {
-                font-size: 12px;
-                margin-top: 10px;
-                width: 80%;
-                line-height: 12px;
-                //超出省略
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-    }
-
-}