@fmdeui/fmui 1.0.1

package/theme-chalk/src/layout-page-item.scss

@@ -0,0 +1,10 @@
+.f_layout_page_item {
+  // margin: 8px;
+  padding: 16px;
+  background: var(--el-bg-color);
+  border-radius: 4px;
+}
+.page_item_no_margin {
+  margin: 0;
+  padding: 0;
+}

package/theme-chalk/src/layout-page.scss

@@ -0,0 +1,37 @@
+.f_layout_page {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  .back_to_top {
+    position: absolute;
+    right: 10px;
+    bottom: 100px;
+    z-index: 100;
+    box-shadow: 0 5px 6px 2px rgba(0, 0, 0, 0.5);
+    background: #fff;
+    border-radius: 5px;
+    opacity: 0.6;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    > div {
+      cursor: pointer;
+      height: 40px;
+      width: 40px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .el-icon {
+        color: #9b59b6;
+      }
+    }
+  }
+}
+.layout_page_no_margin {
+  padding: 0;
+}

package/theme-chalk/src/loading.scss

@@ -0,0 +1,51 @@
+.loading-next {
+	width: 100%;
+	height: 100%;
+}
+.loading-next .loading-next-box {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.loading-next .loading-next-box-warp {
+	width: 80px;
+	height: 80px;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item {
+	width: 33.333333%;
+	height: 33.333333%;
+	background: var(--el-color-primary);
+	float: left;
+	animation: loading-next-animation 1.2s infinite ease;
+	border-radius: 1px;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(7) {
+	animation-delay: 0s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(4),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(8) {
+	animation-delay: 0.1s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(1),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(5),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(9) {
+	animation-delay: 0.2s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(2),
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(6) {
+	animation-delay: 0.3s;
+}
+.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(3) {
+	animation-delay: 0.4s;
+}
+@keyframes loading-next-animation {
+	0%,
+	70%,
+	100% {
+		transform: scale3D(1, 1, 1);
+	}
+	35% {
+		transform: scale3D(0, 0, 1);
+	}
+}

package/theme-chalk/src/query-condition.scss

@@ -0,0 +1,132 @@
+.f-query-condition.el-form {
+  position: relative;
+  display: grid;
+  gap: 2px 8px;
+  margin-bottom: -7px;
+  text-align: left;
+
+  .el-select,
+  .el-date-editor,
+  .ant-calendar-picker {
+    width: 100%;
+  }
+
+  .flex_end {
+    grid-area: submit_btn;
+    margin-top: 2px;
+
+    .el-form-item__content {
+      display: flex;
+      // justify-content: flex-end;
+      align-items: center;
+      overflow: visible !important;
+    }
+  }
+
+  .btn {
+    .el-form-item__content {
+      display: flex;
+      // justify-content: flex-end;
+    }
+
+    .more_dropdown_icon {
+      margin-left: 10px;
+      cursor: pointer;
+    }
+  }
+
+  .btn_flex_end {
+
+
+    .el-form-item__content {
+      justify-content: flex-end;
+    }
+  }
+
+  .btn_label_position_top {
+    display: flex;
+    align-items: flex-end;
+  }
+
+  .el-form-item {
+    // display: flex;
+    margin-bottom: 10px;
+
+    .el-form-item__label {
+      flex-shrink: 0;
+      min-width: 60px;
+      padding-left: 8px;
+    }
+
+    .el-form-item__content {
+      flex-grow: 1;
+      // overflow: hidden;
+      margin-left: 0 !important;
+    }
+  }
+
+  .render_label {
+    .el-form-item__label {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+
+      &::before {
+        margin-top: 1px;
+      }
+    }
+  }
+
+  .render_label_position_top,
+  .render_label_position_left {
+    .el-form-item__label {
+      justify-content: flex-start;
+    }
+  }
+
+  .btn_check {
+    position: relative;
+    top: -1px;
+  }
+
+  .btn_reset {
+    position: relative;
+    top: -1px;
+    margin-left: 8px;
+  }
+}
+
+.f_query_condition_more.el-popover {
+  padding: 15px;
+
+  .inside_box {
+    display: flex;
+    flex-direction: column;
+
+    .inside_box_title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .inside_box_main {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(100px, 50%));
+
+      .el-checkbox {
+        display: flex;
+        align-items: center;
+
+        .el-checkbox__label {
+          -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          word-break: break-all;
+          min-width: 90px;
+        }
+      }
+    }
+  }
+}

package/theme-chalk/src/select-table.scss

@@ -0,0 +1,70 @@
+.f-select-table {
+  // 单选样式
+  .radioStyle {
+    .el-radio {
+      .el-radio__label {
+        display: none;
+      }
+      &:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
+        box-shadow: none;
+      }
+    }
+    .el-table__row {
+      cursor: pointer;
+    }
+  }
+  // 键盘事件开启选择高亮
+  .keyUpStyle {
+    .el-table__body {
+      tbody {
+        .current-row {
+          color: var(--el-color-primary) !important;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+  // 键盘事件开启选中行样式
+  .selected_row_style {
+    color: var(--el-color-primary);
+    cursor: pointer;
+  }
+  // 选中行样式
+  .highlightCurrentRow {
+    .current-row {
+      color: var(--el-color-primary);
+      cursor: pointer;
+    }
+  }
+  .f-table-select__table {
+    padding: 10px;
+
+    .el-table__body,
+    .el-table__header {
+      margin: 0;
+    }
+    .table_query_condition {
+      width: 100%;
+      overflow-x: auto;
+      overflow-y: hidden;
+      padding: 10px;
+    }
+    .header_wrap {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+
+  .f-table-select__page {
+    padding-top: 5px;
+    padding-right: 10px;
+    .el-pagination {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      margin-right: calc(2% - 20px);
+      background-color: var(--el-table-tr-bg-color);
+    }
+  }
+}

package/theme-chalk/src/select.scss

@@ -0,0 +1,7 @@
+.f_select {
+  .el-select-dropdown {
+    .all_checkbox {
+      margin-left: 20px;
+    }
+  }
+}