@minilo/ui 0.0.4 → 0.0.6

package/minilo/theme-chalk/src/mixins/mixin.scss

@@ -1,273 +1,273 @@
-@use '../default/variable.scss' as *;
-
-@mixin bem($block) {
-  $block-selector: '.#{$library-prefix}#{$block}';
-
-  #{$block-selector} {
-    @content;
-  }
-}
-
-@mixin flex(
-  $display: flex,
-  // 显示类型：flex 或 inline-flex
-  $justify: flex-start,
-  // 主轴对齐：flex-start | center | flex-end | space-between | space-around | space-evenly
-  $align-items: stretch,
-  // 交叉轴对齐：stretch | flex-start | center | flex-end | baseline
-  $direction: row,
-  // 主轴方向：row | column | row-reverse | column-reverse
-  $wrap: nowrap,
-  // 换行方式：nowrap | wrap | wrap-reverse
-  $align-content: stretch,
-  // 多行对齐：stretch | flex-start | center | flex-end | space-between | space-around
-  $gap: 0 // 项目间距
-) {
-  display: $display;
-  justify-content: $justify;
-  align-items: $align-items;
-  flex-direction: $direction;
-  flex-wrap: $wrap;
-  align-content: $align-content;
-  gap: $gap;
-}
-
-// 水平方向：左对齐 + 顶部对齐
-@mixin flex-start-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：左对齐 + 垂直居中
-@mixin flex-start-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：左对齐 + 底部对齐
-@mixin flex-start-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：居中对齐 + 顶部对齐
-@mixin flex-center-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：居中对齐 + 垂直居中（最常用）
-@mixin flex-center-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：居中对齐 + 底部对齐
-@mixin flex-center-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：右对齐 + 顶部对齐
-@mixin flex-end-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：右对齐 + 垂直居中
-@mixin flex-end-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：右对齐 + 底部对齐
-@mixin flex-end-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：两端对齐 + 顶部对齐
-@mixin flex-between-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：两端对齐 + 垂直居中（常用于导航栏）
-@mixin flex-between-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 水平方向：两端对齐 + 底部对齐
-@mixin flex-between-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：顶部对齐 + 左对齐
-@mixin flex-col-start-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：顶部对齐 + 水平居中
-@mixin flex-col-start-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：顶部对齐 + 右对齐
-@mixin flex-col-start-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：垂直居中 + 左对齐
-@mixin flex-col-center-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：垂直居中 + 水平居中（常用于模态框）
-@mixin flex-col-center-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：垂直居中 + 右对齐
-@mixin flex-col-center-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：底部对齐 + 左对齐
-@mixin flex-col-end-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：底部对齐 + 水平居中
-@mixin flex-col-end-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：底部对齐 + 右对齐
-@mixin flex-col-end-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：均匀分布 + 左对齐
-@mixin flex-col-between-start($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-start;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：均匀分布 + 水平居中（常用于卡片）
-@mixin flex-col-between-center($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
-
-// 垂直方向：均匀分布 + 右对齐
-@mixin flex-col-between-end($wrap: nowrap, $gap: 0) {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: flex-end;
-  flex-wrap: $wrap;
-  gap: $gap;
-}
+@use '../default/variable.scss' as *;
+
+@mixin bem($block) {
+  $block-selector: '.#{$library-prefix}#{$block}';
+
+  #{$block-selector} {
+    @content;
+  }
+}
+
+@mixin flex(
+  $display: flex,
+  // 显示类型：flex 或 inline-flex
+  $justify: flex-start,
+  // 主轴对齐：flex-start | center | flex-end | space-between | space-around | space-evenly
+  $align-items: stretch,
+  // 交叉轴对齐：stretch | flex-start | center | flex-end | baseline
+  $direction: row,
+  // 主轴方向：row | column | row-reverse | column-reverse
+  $wrap: nowrap,
+  // 换行方式：nowrap | wrap | wrap-reverse
+  $align-content: stretch,
+  // 多行对齐：stretch | flex-start | center | flex-end | space-between | space-around
+  $gap: 0 // 项目间距
+) {
+  display: $display;
+  justify-content: $justify;
+  align-items: $align-items;
+  flex-direction: $direction;
+  flex-wrap: $wrap;
+  align-content: $align-content;
+  gap: $gap;
+}
+
+// 水平方向：左对齐 + 顶部对齐
+@mixin flex-start-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：左对齐 + 垂直居中
+@mixin flex-start-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：左对齐 + 底部对齐
+@mixin flex-start-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：居中对齐 + 顶部对齐
+@mixin flex-center-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：居中对齐 + 垂直居中（最常用）
+@mixin flex-center-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：居中对齐 + 底部对齐
+@mixin flex-center-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：右对齐 + 顶部对齐
+@mixin flex-end-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：右对齐 + 垂直居中
+@mixin flex-end-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：右对齐 + 底部对齐
+@mixin flex-end-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：两端对齐 + 顶部对齐
+@mixin flex-between-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：两端对齐 + 垂直居中（常用于导航栏）
+@mixin flex-between-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 水平方向：两端对齐 + 底部对齐
+@mixin flex-between-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：顶部对齐 + 左对齐
+@mixin flex-col-start-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：顶部对齐 + 水平居中
+@mixin flex-col-start-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：顶部对齐 + 右对齐
+@mixin flex-col-start-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：垂直居中 + 左对齐
+@mixin flex-col-center-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：垂直居中 + 水平居中（常用于模态框）
+@mixin flex-col-center-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：垂直居中 + 右对齐
+@mixin flex-col-center-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：底部对齐 + 左对齐
+@mixin flex-col-end-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：底部对齐 + 水平居中
+@mixin flex-col-end-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：底部对齐 + 右对齐
+@mixin flex-col-end-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：均匀分布 + 左对齐
+@mixin flex-col-between-start($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：均匀分布 + 水平居中（常用于卡片）
+@mixin flex-col-between-center($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: $wrap;
+  gap: $gap;
+}
+
+// 垂直方向：均匀分布 + 右对齐
+@mixin flex-col-between-end($wrap: nowrap, $gap: 0) {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-end;
+  flex-wrap: $wrap;
+  gap: $gap;
+}

package/minilo/theme-chalk/src/search-table.scss

@@ -1,47 +1,47 @@
-@use './mixins/mixin.scss' as *;
-@use './search.scss' as *;
-
-@include bem('search-table') {
-  height: 100%;
-  @include flex-col-start-start;
-  :deep(.el-table) {
-    border-radius: 8px 8px 0 0;
-    th {
-      background-color: #f3f3f3;
-    }
-  }
-  &__content {
-    width: 100%;
-    margin-top: 10px;
-    flex: 1;
-  }
-  &__pagination {
-    width: 100%;
-    @include flex-end-center;
-    .el-pagination {
-      @include flex-end-center;
-    }
-  }
-}
-// .search-table {
-//   height: 100%;
-//   @include flex-col-start-start;
-//   :deep(.el-table) {
-//     border-radius: 8px 8px 0 0;
-//     th {
-//       background-color: #f3f3f3;
-//     }
-//   }
-//   &__content {
-//     width: 100%;
-//     margin-top: 10px;
-//     flex: 1;
-//   }
-//   &__pagination {
-//     width: 100%;
-//     @include flex-end-center;
-//     .el-pagination {
-//       @include flex-end-center;
-//     }
-//   }
-// }
+@use './mixins/mixin.scss' as *;
+@use './search.scss' as *;
+
+@include bem('search-table') {
+  height: 100%;
+  @include flex-col-start-start;
+  :deep(.el-table) {
+    border-radius: 8px 8px 0 0;
+    th {
+      background-color: #f3f3f3;
+    }
+  }
+  &__content {
+    width: 100%;
+    margin-top: 10px;
+    flex: 1;
+  }
+  &__pagination {
+    width: 100%;
+    @include flex-end-center;
+    .el-pagination {
+      @include flex-end-center;
+    }
+  }
+}
+// .search-table {
+//   height: 100%;
+//   @include flex-col-start-start;
+//   :deep(.el-table) {
+//     border-radius: 8px 8px 0 0;
+//     th {
+//       background-color: #f3f3f3;
+//     }
+//   }
+//   &__content {
+//     width: 100%;
+//     margin-top: 10px;
+//     flex: 1;
+//   }
+//   &__pagination {
+//     width: 100%;
+//     @include flex-end-center;
+//     .el-pagination {
+//       @include flex-end-center;
+//     }
+//   }
+// }

package/minilo/theme-chalk/src/search.scss

@@ -1,20 +1,20 @@
-@use './mixins/mixin.scss' as *;
-
-@include bem('search') {
-  width: 100%;
-  &__content {
-    @include flex-between-start;
-    .el-form-item {
-      margin-bottom: 6px;
-    }
-    &__left {
-      flex: 1;
-    }
-    &__right {
-      margin-left: 12px;
-    }
-  }
-  &__collapse {
-    margin-bottom: 10px;
-  }
-}
+@use './mixins/mixin.scss' as *;
+
+@include bem('search') {
+  width: 100%;
+  &__content {
+    @include flex-between-start;
+    .el-form-item {
+      margin-bottom: 6px;
+    }
+    &__left {
+      flex: 1;
+    }
+    &__right {
+      margin-left: 12px;
+    }
+  }
+  &__collapse {
+    margin-bottom: 10px;
+  }
+}