@maketribe/ms-app 3.0.57 → 3.0.58

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

@@ -0,0 +1,117 @@
+.mk-upload-image {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  line-height: 0;
+
+  &-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-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;
+    }
+
+    &__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/verify-dialog.scss

@@ -0,0 +1,71 @@
+.mk-verify-dialog {
+  &__wrapper {
+    position: relative;
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    overflow: hidden;
+    margin: auto;
+  }
+
+  &__coordinate {
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    position: absolute;
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcoAAAHLBAMAAAC67sVKAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAzGcNwPRatBpQE/jnAAACgUlEQVR42uzZMW5TURRF0a9kAtyIAfAYQYpMABgBRXqUKdBQMnSeaaCMhWLjc9ZqXFpb1tH9Xz4ACPLzKHD//Shw93AUeHr/eORb8+GId/9pvhzx7mYKhvk0UzDMNZM/zD3LyR/mnmXBMPcsC4a5ZvKHeZpl/jD3LAuGuWdZMMw1kz/M0yzzh7lnWTDMPcuCYa6Z/GGeZpk/zD3LgmHuWRYMc83kD/M0y/xh7lkWDHPPsmCYa6ZgmC8fT2Yefn9+O5LNvDvydVQCgHupUmUalTk6KgHAvVSpMo3KHB2VAOBeqlSZRmWOjkoAcC9VqkyjMkdHJQC4lypVplGZo6MSANxLlSrTqMzRUQkA7qVKlWlU5uioBAD3UqXKNCpzdFQCgHupUmUalTk6KgHAvVSpMo3KHB2VAOBeqlSZRmWOjkoAcC9VqkyjMkdHJQC4lypVprlA5cvjcbbbq1yfr555icq5fubbW9OQuaYhc01D5pqGzDUNmWsaMtdcPfMi9/LqmZes/JM5+2sv+fH8/PXtv+jvzIbKndlQOT8aKit+y9ybuRoi/4d7+QoBzz6v4DnWO0nh++U/Rt7G0/q5kTdZeXbkLVaeH3mDlVeP9D9JkI5KAHAvVapMozJHRyXwq706qAEAgIEQ5t/1ZCzhWge8APxSpcoalR0blQDglypV1qjs2KgEAL9UqbJGZcdGJQD4pUqVNSo7NioBwC9VqqxR2bFRCQB+qVJljcqOjUoA8EuVKmtUdmxUAoBfqlRZo7JjoxIA/FKlyhqVHRuVAOCXKlXWqOzYqAQAv1SpskZlx0YlAPilSpU1Kjs2KgHAL1WqrFHZsVEJAH6pUmWNyo6NyhcHG9iGwGNCx5QAAAAASUVORK5CYII=);
+    background-size: contain;
+    z-index: 1;
+  }
+
+  &__image {
+    width: 100%;
+    height: 100%;
+    background-position: center center;
+    background-size: 320px 320px;
+  }
+
+  .mk-verify-switch {
+    margin-top: 30px;
+    padding: 2px;
+    border-radius: 24px;
+    background-color: var(--el-bg-color-page);
+
+    &.is-error {
+      .mk-verify-switch__button-grand {
+        background-color: var(--el-color-error);
+      }
+
+      .mk-verify-switch__button {
+        background-color: var(--el-color-error);
+      }
+    }
+
+    &__wrapper {
+      position: relative;
+      height: 48px;
+    }
+
+    &__button-grand {
+      position: absolute;
+      height: 100%;
+      width: 48px;
+      border-radius: 24px;
+      background-color: var(--el-color-primary);
+      opacity: 0.2;
+      z-index: 0;
+    }
+
+    &__button {
+      position: relative;
+      z-index: 1;
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAACLCAMAAABmx5rNAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMA3eHZ7efk6c2t17HJ9PHD0bu4tb7Uxvv4wKiqOX1XZWFdBXRuTmklHUAwEwuORJxEXzexAAACiElEQVR42u2Z7XaiMBCGZ6EWi58gKlL8olXUtnbv/+o2jtKRk3X5kewJP97nCp7zziSZJAQAAAAAAAAAAAAAAAAAgJZT5Jv1saA2cIp+KZIzuecU+hcXz1s6j+Yz8n2fXbz4QG7Jw8rl+dnfkVPWIauwy3Pn65McsvzJxVMunUVJjtBdOt6KnLGUGrFLEHy7qJOeC7sE3RO5QFw4F1Z5egrW5ASpkVe5KLIPMsXcpXN1GYY5mWFeo1swQ8UbWeRw3m43zJrZX3iveLvxUrlIjdhlMOjZq9Mqe1H0er3JJI7jKIqSJFksRqPZbNbv97uK8Xg6nYZ/r5FyGXhHssMue72osMuEXa4qozuV8UWFc2GVuositXN0F5lyUdRcEnapZMb1XHSXNE0XBzKnVC6vVS6xopaLuIQ3F71fWGYe7MiYnFVE5j4XVpFctH33Lpf5fP5VmLuwjNToX7n4eo1Yhl1+d0tjl3q/xLKOHtRIzgBRucoMVxZq1JCLViNtHbGK4t1uLuIiDTN95CK9e5PZWciFW7ehd6VGD3JRzKzkwjLampZcGtZRJXOw3rsN60jbX8SltN27Sb1fHu11/zuXqN67rNJ0NqbW+kWat7a/zBr3uuCuRqmddZSJSnO/6OdRTWVpvNcZzi/sYmfftTG/sIv5eWQwv1g/p1s0v5QG84vtua74tjG/WHqqOpvPL96RrF0EDOcXuR+Z85HvVjW2FZu7K1ymu5jfG83fX1p0n5Z15PCdQX9/2ZMBVt9f3L1LiUuL3uuuvettyQ16745KcsdeauT83ft8m1/a8B9QJD97nfN/EsrHrfk/IjotLjLxkVpBvt62xAQAAAAAAAAAAAAAAAAAADX+AJacgXsNbgKZAAAAAElFTkSuQmCC);
+      background-size: contain;
+      background-color: var(--el-color-primary);
+      height: 100%;
+      border-radius: 50%;
+      aspect-ratio: 1;
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+.mk-video-view {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+
+  &__tools {
+    display: none;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, 0.4);
+  }
+
+  &:hover {
+    .mk-video-view__tools {
+      display: flex;
+    }
+  }
+
+  .el-icon {
+    height: 100%;
+  }
+
+  @at-root {
+    &__video {
+      width: 100%;
+      height: 500px;
+    }
+
+    &__dialog-header {
+      text-align: right;
+    }
+  }
+}

package/dist/style/src/index.scss

@@ -0,0 +1,15 @@
+@use "./theme/theme.scss";
+@use "./components/index.scss" as *;
+@use "./layouts" as *;
+@use "./page/index.scss" as *;
+
+:root {
+  --mk-spacing-small: 5px;
+  --mk-spacing-middle: 10px;
+  --mk-spacing-large: 15px;
+
+  --mk-border-color: #cccccc;
+  --mk-border: 1px solid var(--mk-border-color);
+
+  --mk-mask-background-color: rgba(0, 0, 0, 0.1);
+}

package/dist/style/src/layouts/common/index.scss

@@ -0,0 +1 @@
+@use "./lock.scss";

package/dist/style/src/layouts/common/lock.scss

@@ -0,0 +1,27 @@
+.mk-lock {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1999;
+
+  &__overlay {
+    width: 100%;
+    height: 100%;
+  }
+
+  &-entry {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 260px;
+    transform: translate(-50%, -50%);
+
+    &__footer {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 6px;
+    }
+  }
+}

package/dist/style/src/layouts/default/bar.scss

@@ -0,0 +1,125 @@
+.mk-bar {
+  display: flex;
+  flex-direction: column;
+  width: 80px;
+  height: 100%;
+  background-color: #eff5ff;
+  color: white;
+
+  &__logo {
+    overflow: hidden;
+    width: 64px;
+    height: 64px;
+    border-radius: 4px;
+    margin: 8px auto;
+  }
+
+  &__items {
+    flex: 1;
+    color: #276efd;
+  }
+
+  &__footer {
+    font-size: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+  }
+
+  &__item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 64px;
+    margin: 0 auto;
+    flex-direction: column;
+    cursor: pointer;
+    margin-top: 10px;
+    padding: 8px 0;
+
+    &-button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 25px;
+      height: 25px;
+      // background-color: rgba(157, 157, 157, 1);
+      color: #276efd;
+      border-radius: 4px;
+    }
+
+    &-title {
+      font-size: 12px;
+      padding: 5px 5px 0 5px;
+      overflow: hidden;
+      text-overflow: clip;
+      white-space: normal;
+      width: 100%;
+      box-sizing: border-box;
+      text-align: center;
+      color: #276efd;
+    }
+
+    &.is-active {
+      background: white;
+      border-radius: 10px;
+
+      .mk-bar__item-button {
+        // width: 40px;
+        // height: 40px;
+        color: #276efd;
+      }
+
+      // .mk-bar__item-title {
+      //   color: #333;
+      // }
+
+      // &.has-children {
+      //   border-top-right-radius: 0px;
+      //   border-bottom-right-radius: 0px;
+
+      //   &::after {
+      //     content: "";
+      //     position: absolute;
+      //     left: 100%;
+      //     height: 100%;
+      //     width: 8px;
+      //     background-color: white;
+      //   }
+      // }
+    }
+  }
+
+  .mk-logo {
+    width: 65px;
+    height: 65px;
+    margin: 0 auto;
+    background-size: contain;
+    background-position: center center;
+  }
+
+  @at-root {
+    &-settings {
+      &__icon {
+        cursor: pointer;
+      }
+
+      &__item {
+        display: flex;
+        padding: 5px 3px;
+        align-items: center;
+        cursor: pointer;
+
+        &-icon {
+          margin-right: 10px;
+        }
+
+        &:hover {
+          background-color: rgb(236, 245, 255);
+        }
+      }
+    }
+  }
+}

package/dist/style/src/layouts/default/header.scss

@@ -0,0 +1,59 @@
+.mk-header {
+  display: flex;
+  height: 56px;
+
+  &__logo {
+    height: 36px;
+    width: auto;
+    margin-left: 30px
+  }
+
+  &__main {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &-tools {
+    height: 100%;
+
+    &__item {
+      cursor: pointer;
+      padding: 0 10px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        background-color: rgb(245, 245, 245);
+      }
+    }
+
+    &__user {
+      height: 100%;
+    }
+
+    &__user-info {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      outline: none;
+    }
+
+    &__avatar {
+      height: 28px;
+      width: 28px;
+      border-radius: 50%;
+      overflow: hidden;
+    }
+
+    &__default-avatar {
+      font-size: 28px;
+    }
+
+    &__nickName {
+      margin-left: 5px;
+    }
+  }
+}

package/dist/style/src/layouts/default/index.scss

@@ -0,0 +1,39 @@
+@use "./bar.scss";
+@use "./menu.scss";
+@use "./header.scss";
+
+.mk-layout-default {
+  height: 100%;
+  background-color: rgba(235, 236, 237, 1);
+
+  > .el-main {
+    --el-main-padding: 0px;
+  }
+
+  &__body {
+    height: 100%;
+
+    > .el-main {
+      --el-main-padding: 0px;
+    }
+  }
+
+  &__header {
+    box-sizing: content-box;
+    --el-header-height: 56px;
+    background-color: white;
+    border-bottom: 1px solid rgba(226, 226, 234, 1);
+  }
+
+  &__main {
+    height: 100%;
+
+    > .el-main {
+      --el-main-padding: 0px;
+    }
+  }
+
+  &__menu {
+    border-right: 1px solid rgba(226, 226, 234, 1);
+  }
+}

package/dist/style/src/layouts/default/menu.scss

@@ -0,0 +1,41 @@
+.mk-menu {
+  --el-menu-active-color: rgba(0, 98, 255, 1);
+  --el-menu-text-color: rgba(23, 23, 37, 1);
+  width: 200px;
+  height: 100%;
+  background-color: white;
+
+  .el-menu {
+    border: none;
+    padding-top: 10px;
+  }
+
+
+  .is-active {
+    background-color: #eff5ff;
+    border-radius: 8px;
+  }
+
+  .el-sub-menu {
+    background-color: #fff;
+  }
+
+
+  &-item {
+    margin: 10px;
+    padding: 0;
+    box-sizing: border-box;
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &__icon {
+      margin-right: 10px;
+    }
+  }
+}
+
+:root {
+  --el-menu-item-height: 40px;
+}

package/dist/style/src/layouts/index.scss

@@ -0,0 +1,2 @@
+@use "./common/index.scss";
+@use "./default/index.scss" as *;

package/dist/style/src/page/dv/index.scss

@@ -0,0 +1,2 @@
+@use "./local-log.scss";
+@use "./ms-member.scss"

package/dist/style/src/page/dv/local-log.scss

@@ -0,0 +1,13 @@
+.mk-local-log {
+  &__main {
+    height: 100%;
+  }
+
+  &__log {
+    white-space: pre;
+  }
+
+  &__dialog {
+    height: 80%;
+  }
+}

package/dist/style/src/page/dv/ms-member.scss

@@ -0,0 +1,42 @@
+.member-info {
+    height: 80px;
+    display: flex;
+    align-items: center;
+
+    &-img {
+        width: 64px;
+        height: 64px;
+        border-radius: 50%;
+        flex-shrink: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #dbdbdc;
+
+        &__icon {
+            font-size: 28px;
+        }
+    }
+
+    &-text {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        margin-left: 8px;
+
+        &__name {
+            font-size: 18px;
+            font-weight: 700;
+        }
+    }
+
+}
+
+.roles-Info {
+    width: 100%;
+
+    &-tag {
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+}

package/dist/style/src/page/index.scss

@@ -0,0 +1,2 @@
+@use "./dv/index.scss";
+@use "./login.scss";