@maketribe/ms-app 3.0.4 → 3.0.6

package/dist/style/layouts/default/bar.css

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__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}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-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}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}

package/dist/style/layouts/default/index.css

@@ -1 +1 @@
-.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.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:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__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}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-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}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.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:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

package/dist/style/layouts/index.css

@@ -1 +1 @@
-.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{padding:8px 0}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__item{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:64px;margin:0 auto}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{width:40px;height:40px;background-color:#ff844b}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar__setting{cursor:pointer}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.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:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}
+.mk-lock{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1999}.mk-lock__overlay{width:100%;height:100%}.mk-lock-entry{position:absolute;top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}.mk-lock-entry__footer{display:flex;justify-content:space-between;margin-top:6px}.mk-bar{display:flex;flex-direction:column;width:80px;height:100%;background-color:#001428;color:#fff}.mk-bar__logo{overflow:hidden;width:64px;height:64px;border-radius:4px;margin:8px auto}.mk-bar__items{flex:1}.mk-bar__footer{font-size:18px;color:#9d9d9d;height:40px;display:flex;align-items:center;justify-content:center}.mk-bar__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}.mk-bar__item-button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#9d9d9d;border-radius:4px}.mk-bar__item-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}.mk-bar__item.is-active{background:#fff;border-radius:4px}.mk-bar__item.is-active .mk-bar__item-button{background-color:#ff844b}.mk-bar__item.is-active .mk-bar__item-title{color:#333}.mk-bar__item.is-active.has-children{border-top-right-radius:0;border-bottom-right-radius:0}.mk-bar__item.is-active.has-children::after{content:"";position:absolute;left:100%;height:100%;width:8px;background-color:#fff}.mk-bar .mk-logo{width:65px;height:65px;margin:0 auto;background-size:contain;background-position:center center}.mk-bar-settings__icon{cursor:pointer}.mk-bar-settings__item{display:flex;padding:5px 3px;align-items:center;cursor:pointer}.mk-bar-settings__item-icon{margin-right:10px}.mk-bar-settings__item:hover{background-color:#ecf5ff}.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:#fff}.mk-menu .el-menu{border:none}.mk-menu-item__icon{margin-right:10px}.mk-layout-default{height:100%;background-color:#ebeced}.mk-layout-default>.el-main{--el-main-padding:0px}.mk-layout-default__body{height:100%}.mk-layout-default__body>.el-main{--el-main-padding:0px}.mk-layout-default__header{--el-header-height:56px;background-color:#fff;border-bottom:1px solid #e2e2ea}.mk-layout-default__main{height:100%}.mk-layout-default__main>.el-main{--el-main-padding:0px}.mk-layout-default__menu{border-right:1px solid #e2e2ea}

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

@@ -0,0 +1,5 @@
+.mk-button {
+  [class*="mk-svg-icon"] + span {
+    margin-left: 6px;
+  }
+}

package/dist/style/src/components/classify-search.scss

@@ -0,0 +1,27 @@
+.mk-classify-search {
+  padding: 10px;
+  &-item {
+    display: flex;
+
+    &-title {
+      text-align: right;
+      font-size: 14px;
+      line-height: 24px;
+      margin-right: 10px;
+    }
+
+    > .el-tag {
+      cursor: pointer;
+
+      + .el-tag {
+        margin-left: 5px;
+      }
+    }
+
+    & + div {
+      margin-top: 10px;
+    }
+  }
+
+  border-bottom: 1px solid var(--el-card-border-color);
+}

package/dist/style/src/components/data-filter/condition-date.scss

@@ -0,0 +1,13 @@
+.mk-condition-date {
+  width: 100% !important;
+
+  &.el-input {
+    .el-input__wrapper {
+      box-shadow: none !important;
+    }
+  }
+
+  &.el-date-editor {
+    box-shadow: none !important;
+  }
+}

package/dist/style/src/components/data-filter/condition-input.scss

@@ -0,0 +1,3 @@
+.mk-condition-input {
+  
+}

package/dist/style/src/components/data-filter/condition-number.scss

@@ -0,0 +1,34 @@
+.mk-condition-number {
+  .el-input {
+    .el-input__wrapper {
+      box-shadow: none !important;
+    }
+  }
+
+  .el-input-number {
+    width: 100%;
+
+    .el-input__inner {
+      text-align: left;
+    }
+
+    .el-input-number__decrease,
+    .el-input-number__increase {
+      border: none !important;
+      opacity: 0;
+    }
+
+    &:hover {
+      .el-input-number__decrease,
+      .el-input-number__increase {
+        opacity: 1;
+      }
+    }
+  }
+
+  &.is-between {
+    .el-input-number {
+      width: 45%;
+    }
+  }
+}

package/dist/style/src/components/data-filter/condition-select.scss

@@ -0,0 +1,15 @@
+.mk-condition-select {
+  width: 100%;
+
+  .el-input {
+    .el-input__wrapper {
+      box-shadow: none !important;
+    }
+
+    &.is-focus {
+      .el-input__wrapper {
+        box-shadow: none !important;
+      }
+    }
+  }
+}

package/dist/style/src/components/data-filter/index.scss

@@ -0,0 +1,4 @@
+@use "./condition-date.scss";
+@use "./condition-input.scss";
+@use "./condition-number.scss";
+@use "./condition-select.scss";

package/dist/style/src/components/data-filter-popover.scss

@@ -0,0 +1,9 @@
+.mk-data-filter-popover {
+  &__footer {
+    display: flex;
+    justify-content: space-between;
+    border-top: var(--ps-border);
+    padding-top: var(--ps-spacing-middle);
+    margin-top: var(--ps-spacing-large);
+  }
+}

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

@@ -0,0 +1,79 @@
+.mk-data-filter-form {
+  height: 100%;
+
+  &-item {
+    display: flex;
+    white-space: nowrap;
+    height: 30px;
+    line-height: 30px;
+    // border: 1px solid var(--el-input-border-color, var(--el-border-color));
+
+    &__label {
+      flex-shrink: 0;
+      padding: 0 10px;
+      color: var(--el-input-text-color, var(--el-text-color-regular));
+      font-size: 14px;
+      box-sizing: border-box;
+      text-align: right;
+      &::after{
+        content: " :";
+      }
+    }
+
+    &__content{
+      width: 100%;
+    }
+
+    &__operator {
+      width: 90px;
+      // border-left: 1px solid
+      //   var(--el-input-border-color, var(--el-border-color));
+      // border-right: 1px solid
+ //   var(--el-input-border-color, var(--el-border-color));
+    }
+
+
+    // &__input {
+    //   width: 180px;
+    //   display: flex;
+    // }
+
+    // .el-input__wrapper {
+    //   padding: 1px 0px;
+    //   border: none;
+    //   box-shadow: none !important;
+    //   background-color: transparent;
+    // }
+
+    // .el-select {
+    //   vertical-align: top;
+    //   .el-input {
+    //     .el-input__wrapper {
+    //       box-shadow: none !important;
+    //       // border: none;
+
+    //       &.is-focus {
+    //         box-shadow: none !important;
+    //         border: none;
+    //       }
+    //     }
+
+    //     &.is-focus {
+    //       .el-input__wrapper {
+    //         box-shadow: none !important;
+    //         border: none;
+
+    //         &.is-focus {
+    //           box-shadow: none !important;
+    //           border: none;
+    //         }
+    //       }
+    //     }
+    //   }
+    // }
+
+    + .mk-data-filter-form-item {
+      margin-top: 10px;
+    }
+  }
+}

package/dist/style/src/components/data-form-page.scss

@@ -0,0 +1,9 @@
+.data-form-page {
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+
+  .mk-data-form {
+    height: 100%;
+  }
+}

package/dist/style/src/components/data-select.scss

@@ -0,0 +1,3 @@
+.data-select {
+  width: 100%;
+}

package/dist/style/src/components/data-table-page.scss

@@ -0,0 +1,21 @@
+.mk-data-table-page {
+  display: flex;
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+
+  &__tools {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .mk-data-table {
+    flex: 1 0 0px;
+    display: flex;
+    flex-direction: column;
+
+    .el-table {
+      flex: 1 0 0px;
+    }
+  }
+}

package/dist/style/src/components/data-table-search.scss

@@ -0,0 +1,166 @@
+.mk-data-table-search {
+  height: 100%;
+  display: flex;
+  align-items: center;
+
+  &__input {
+    display: inline-flex;
+    margin-right: 12px;
+    border: 1px solid var(--el-input-border-color, var(--el-border-color));
+  }
+
+  &__reset {
+    height: 32px;
+    vertical-align: top;
+  }
+
+  &__conditions {
+    display: flex;
+    width: 100%;
+    vertical-align: top;
+
+    .el-tabs {
+      &.el-tabs--top {
+        display: flex;
+        flex: 1;
+        width: 0;
+      }
+
+      &__header {
+        margin-bottom: 0;
+      }
+
+      &__active-bar {
+        display: none;
+      }
+
+      &__nav-wrap::after {
+        display: none;
+      }
+
+      .el-tabs__nav-next,
+      .el-tabs__nav-prev {
+        line-height: 34px;
+        color: white;
+        background: var(--el-color-primary);
+        vertical-align: -1px;
+        font-size: 14px;
+      }
+
+      &__item {
+        color: white;
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 32px;
+        padding: 0 10px;
+        height: auto;
+        background: var(--el-color-primary);
+
+        &.is-active {
+          color: white;
+        }
+
+        &.is-top:nth-child(2) {
+          padding-left: 10px;
+        }
+
+        &.is-top:last-child {
+          padding-right: 10px;
+        }
+        + .el-tabs__item {
+          margin-left: 5px;
+        }
+      }
+    }
+  }
+
+  &-item {
+    display: flex;
+    white-space: nowrap;
+    height: 30px;
+    line-height: 30px;
+    border: 1px solid var(--el-input-border-color, var(--el-border-color));
+
+    &__label {
+      width: 100px;
+      color: var(--el-input-text-color, var(--el-text-color-regular));
+      font-size: 14px;
+    }
+
+    &__operator {
+      width: 90px;
+      border-left: 1px solid
+        var(--el-input-border-color, var(--el-border-color));
+      border-right: 1px solid
+        var(--el-input-border-color, var(--el-border-color));
+    }
+
+    &__input {
+      width: 180px;
+      display: flex;
+    }
+
+    .el-input__wrapper {
+      border: none;
+      box-shadow: none !important;
+      background-color: transparent;
+    }
+
+    .el-select {
+      vertical-align: top;
+      .el-input {
+        .el-input__wrapper {
+          box-shadow: none !important;
+          border: none;
+
+          &.is-focus {
+            box-shadow: none !important;
+            border: none;
+          }
+        }
+
+        &.is-focus {
+          .el-input__wrapper {
+            box-shadow: none !important;
+            border: none;
+
+            &.is-focus {
+              box-shadow: none !important;
+              border: none;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &__drawer {
+    .mk-data-table-search-item {
+      &__label {
+        padding: 0 15px;
+      }
+
+      + .mk-data-table-search-item {
+        margin-top: 10px;
+      }
+    }
+  }
+
+  &__current {
+    border: none;
+  }
+
+  &__search,
+  &__more {
+    height: 30px;
+    margin: 0 !important;
+    border: none;
+  }
+  &__more {
+    background: transparent;
+  }
+  &__search {
+    border-left: 1px solid var(--el-input-border-color, var(--el-border-color));
+    border-right: 1px solid var(--el-input-border-color, var(--el-border-color));
+  }
+}

package/dist/style/src/components/data-table-select-dialog.scss

@@ -0,0 +1,25 @@
+.mk-data-table-select-dialog {
+  height: 60%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  .el-dialog__body {
+    flex: 1;
+    height: 0;
+    .mk-data-table-select-dialog__main {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .mk-data-table {
+        height: 0;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        .el-table {
+          height: 100%;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,17 @@
+.mk-data-table-select {
+  width: 100%;
+  .el-select {
+    width: 100%;
+    .el-tag {
+      padding: 0 9px;
+
+      &__close {
+        display: none;
+      }
+    }
+  }
+
+  &__popper {
+    display: none;
+  }
+}

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

@@ -0,0 +1,3 @@
+.mk-data-table {
+  // height: 100%;
+}

package/dist/style/src/components/data-tree-page.scss

@@ -0,0 +1,3 @@
+.mk-data-tree-page {
+  height: 100%;
+}

package/dist/style/src/components/data-tree.scss

@@ -0,0 +1,11 @@
+.mk-data-tree {
+  .mk-data-tree-node {
+    flex: 1;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .el-tree-node__content {
+    height: 40px;
+  }
+}

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

@@ -0,0 +1,28 @@
+.mk-file-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-file-view__tools {
+      display: flex;
+    }
+  }
+
+  .el-icon {
+    height: 100%;
+  }
+}

package/dist/style/src/components/form/form-detail.scss

@@ -0,0 +1,24 @@
+.mk-form-detail {
+  width: 100%;
+  height: 450px;
+
+  .mk-data-table-search {
+    display: none;
+  }
+
+  .el-table {
+    flex: 1;
+  }
+
+  @at-root {
+    &__drawer {
+      .el-card {
+        border: none;
+
+        &__body {
+          --el-card-padding: 0px;
+        }
+      }
+    }
+  }
+}

package/dist/style/src/components/form/form-icon-select.scss

@@ -0,0 +1,22 @@
+.mk-form-icon-select {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  padding: 3px;
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color))
+    inset;
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  height: 208px;
+
+  &__icon-item {
+    display: inline-block;
+    height: 26px;
+    line-height: 26px;
+    padding: 0 10px;
+    cursor: pointer;
+
+    &.is-active {
+      box-shadow: 0 0 0 1px #2e8cf0 inset;
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+@use "./form-icon-select.scss";
+@use "./form-detail.scss";

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

@@ -0,0 +1,26 @@
+.mk-form-view {
+  height: 100%;
+
+  &.el-card {
+    > .el-card__body {
+      display: flex;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      box-sizing: border-box;
+    }
+  }
+
+  &__main {
+    position: relative;
+    flex: 1 0 0px;
+
+    height: 0;
+  }
+
+  &__footer {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 15px;
+  }
+}

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

@@ -0,0 +1,4 @@
+.mk-image-view {
+  width: 100%;
+  height: 100%;
+}

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

@@ -6,4 +6,50 @@
 @use "./material-select.scss";
 @use "./image-select.scss";
 @use "./verify-dialog.scss";
-@use "./member-table.scss";
+@use "./member-table.scss";
+@use "./form/index.scss" as *;
+@use "./table/index.scss" as *;
+@use "./data-filter/index.scss" as *;
+@use "./data-filter.scss";
+@use "./data-filter-popover.scss";
+@use "./data-table.scss";
+@use "./data-table-page.scss";
+@use "./data-form.scss";
+@use "./form-view.scss";
+@use "./data-form-page.scss";
+@use "./data-tree.scss";
+@use "./data-tree-page.scss";
+@use "./svg-icon.scss";
+@use "./image-view.scss";
+@use "./video-view.scss";
+@use "./file-view.scss";
+@use "./upload-file.scss";
+@use "./data-table-select-dialog.scss";
+@use "./data-table-select.scss";
+@use "./data-select.scss";
+@use "./button.scss";
+@use "./classify-search.scss";
+@use "./upload-image.scss";
+@use "./table-view.scss";
+@use "./pagination.scss";
+@use "./markdown-editor.scss";
+
+:root {
+  --el-aside-width: auto;
+  --mk-line-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+    0 0 3px 0 rgba(0, 0, 0, 0.04);
+
+  --mk-sidebar-collpase-width: calc(
+    var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2
+  );
+
+  --mk-menu-font-size: 14px;
+  --mk-menu-bg-color: var(--mk-sidebar-bg-color);
+  --mk-menu-sub-menu-bg-color: #001529;
+  --mk-menu-hover-text-color: #ffffff;
+  --mk-menu-text-color: #ffffff;
+  --mk-menu-hover-bg-color: #2e8cf0;
+  --mk-menu-active-color: #ffffff;
+  --mk-menu-active-bg-color: var(--mk-menu-hover-bg-color);
+  --mk-menu-icon-width: var(--mk-menu-font-size);
+}

package/dist/style/src/components/markdown-editor.scss

@@ -0,0 +1 @@
+@use "vditor/dist/index.css";