@maketribe/ms-app 3.0.57 → 3.0.59

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

@@ -0,0 +1,13 @@
+.img-select {
+  display: flex;
+  &-content {
+    width: 200px;
+    cursor: pointer;
+  }
+  &-icon {
+    border: 1px dashed var(--el-input-border-color, var(--el-border-color));
+    cursor: pointer;
+    width: 200px;
+    height: 200px;
+  }
+}

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

@@ -0,0 +1,59 @@
+@use "./material-group.scss";
+@use "./material-item.scss";
+@use "./material-list.scss";
+@use "./role-permission-config.scss";
+@use "./material-select.scss";
+@use "./image-select.scss";
+@use "./verify-dialog.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 "./page-container.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";
+@use "./code-mirror.scss";
+@use "./json-editor.scss";
+@use "./part-list.scss";
+@use "./part-page.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/json-editor.scss

@@ -0,0 +1,7 @@
+.mk-json-editor {
+  --mk-json-editor-height: 400px;
+  .cm-editor {
+    width: 100%;
+    height: var(--mk-json-editor-height);
+  }
+}

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

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

package/dist/style/src/components/material-group.scss

@@ -0,0 +1,38 @@
+.mk-material-group {
+  display: flex;
+  flex-direction: column;
+  width: 200px;
+  height: 100%;
+
+  &__header {
+    height: 46px;
+    padding: 0 10px;
+    border-bottom: var(--mk-material-list-border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    &-title{
+      line-height: 46px;
+    }
+  }
+
+  &__main {
+    flex: 1;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  &__footer {
+    text-align: center;
+  }
+
+  &__tools {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    &-item {
+      margin-right: 5px;
+    }
+  }
+}

package/dist/style/src/components/material-item.scss

@@ -0,0 +1,23 @@
+.mk-material-item {
+  --el-card-padding: 0;
+
+  position: relative;
+  display: inline-block;
+  width: 200px;
+  border: 1px solid #e4e7ed;
+  border-radius: 0;
+
+  &__preview {
+    position: relative;
+    height: 150px;
+    background: #f5f7fa;
+  }
+
+  &__title {
+    font-size: 12px;
+    padding: 5px 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/dist/style/src/components/material-list.scss

@@ -0,0 +1,67 @@
+
+
+
+.mk-material-list {
+  --mk-material-list-border: 1px solid #f6f6f6;
+  background-color: #fff;
+
+  display: flex;
+  height: 100%;
+  border: var(--mk-material-list-border);
+
+  &__main {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    border-left: var(--mk-material-list-border);
+  }
+
+  &__header {
+    display: flex;
+    justify-content: space-between;
+    height: 46px;
+    line-height: 46px;
+    padding: 0 10px;
+    border-bottom: var(--mk-material-list-border);
+  }
+
+  &__body {
+    height: 0;
+    flex: 1 0 0px;
+    .el-scrollbar {
+      height: calc(100% - 47px);
+    }
+  }
+
+  &__footer {
+   display: flex;
+   justify-content: flex-end;
+   padding-right: 10px;
+  }
+
+  &__wrapper {
+    padding: 10px;
+  }
+
+  &__types {
+    display: flex;
+    height: 100%;
+  }
+
+  &__type {
+    height: 100%;
+    padding: 0 5px;
+    cursor: pointer;
+    &.is-active {
+      border-bottom: 1px solid #40a9ff;
+    }
+  }
+
+  &__item {
+    margin: 5px;
+
+    &.is-current {
+      border-color: #40a9ff;
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+.mk-material-select {
+  &__list {
+    height: 500px !important;
+  }
+
+  .mk-material-list {
+    &__item {
+      cursor: pointer;
+    }
+  }
+
+  .el-dialog__header {
+    display: none;
+  }
+
+  .el-dialog__body {
+    padding: 0;
+  }
+
+  .el-dialog__footer {
+    padding: 10px;
+  }
+}

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

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

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

@@ -0,0 +1,43 @@
+.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

@@ -0,0 +1,20 @@
+.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%;
+  }
+}

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

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

package/dist/style/src/components/part-list.scss

@@ -0,0 +1,43 @@
+.cms-part {
+	background-color: #fff;
+	height: 100%;
+	--mk-material-list-border: 1px solid #f6f6f6;
+
+	&-list {
+		height: 100%;
+		display: flex;
+
+		&__left {
+			width: 200px;
+			display: flex;
+			flex-direction: column;
+			border-right: var(--mk-material-list-border);
+
+			&-header {
+				height: 46px;
+				padding: 0 10px;
+				border-bottom: var(--mk-material-list-border);
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
+
+			&-body {
+				flex: 1;
+				height: 0;
+				overflow: hidden;
+			}
+		}
+
+		&__right {
+			flex: 1;
+			display: flex;
+			> .mk-data-table {
+				flex: 1;
+			}
+			>.el-empty{
+				width: 100%;
+			}
+		}
+	}
+}

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

@@ -0,0 +1,58 @@
+.mk-data-form {
+	height: 100%;
+	box-sizing: border-box;
+
+	.el-scrollbar__view {
+		height: 100%;
+		.el-form {
+			height: 100%;
+		}
+	}
+	.part-page {
+		height: 99.5%;
+		box-sizing: border-box;
+
+		display: flex;
+		&__main {
+			width: 0;
+			flex: 1;
+			.el-scrollbar {
+				padding-right: 10px;
+			}
+		}
+		&__sub {
+			width: 35%;
+			margin-left: 12px;
+			border-radius: 8px;
+			.el-card__body {
+				height: 99.5%;
+				display: flex;
+				flex-direction: column;
+				padding-right: 10px;
+			}
+			.hide-label{
+				>.el-form-item__label{
+					display: none;
+				}
+			}
+		}
+		&__optional {
+			height: 100%;
+			margin-right: 10px;
+			box-sizing: border-box;
+			.el-collapse-item__content {
+				padding-left: 20px;
+				.el-form-item {
+					flex-direction: column;
+					.el-form-item__label {
+						justify-content: flex-start;
+					}
+				}
+			}
+		}
+		&__title {
+			margin-bottom: 12px;
+			font-weight: bold;
+		}
+	}
+}

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

@@ -0,0 +1,18 @@
+.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

@@ -0,0 +1,15 @@
+.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

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

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

@@ -0,0 +1,41 @@
+.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-text.scss

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

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

@@ -0,0 +1,4 @@
+@use "./column-select.scss";
+@use "./record-column.scss";
+@use "./column-text.scss";
+@use "./column-json.scss";

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

@@ -0,0 +1,33 @@
+.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-view.scss

@@ -0,0 +1,60 @@
+.mk-table-view {
+  &__header {
+    padding: 10px;
+    width: 100%;
+    box-sizing: border-box;
+    justify-content: space-between !important;
+  }
+
+  &__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.scss

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