@minilo/ui 0.0.6 → 0.0.8

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

@@ -1,273 +0,0 @@
-@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/number-range-input.scss

@@ -1,9 +0,0 @@
-@use './mixins/mixin.scss' as *;
-
-@include bem('number-range-input') {
-  @include flex-start-center($gap: 8px);
-
-  &__separator {
-    color: #666;
-  }
-}

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

@@ -1,47 +0,0 @@
-@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 +0,0 @@
-@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;
-  }
-}

package/minilo/theme-chalk/src/tree-select.scss

@@ -1,47 +0,0 @@
-@use './mixins/mixin.scss' as *;
-@use './default/variable.scss' as *;
-
-// 核心树形选择组件
-@include bem('tree-select') {
-  height: 100%;
-  @include flex($direction: column, $justify: flex-start, $align-items: stretch);
-
-  &__search {
-    margin-bottom: 16px;
-  }
-
-  &__tree {
-    flex: 1;
-    overflow: auto;
-    min-height: 200px;
-  }
-
-  &__footer {
-    @include flex($justify: flex-end, $align-items: center);
-    padding-top: 16px;
-    border-top: 1px solid var(--el-border-color-light);
-    margin-top: 16px;
-  }
-}
-
-// 弹窗版本
-@include bem('tree-select-dialog') {
-  .el-dialog__header {
-    margin-bottom: 0;
-  }
-  .el-dialog__body {
-    padding-top: 10px;
-  }
-}
-
-// 抽屉版本
-@include bem('tree-select-drawer') {
-  .el-drawer__header {
-    margin-bottom: 0;
-  }
-  .el-drawer__body {
-    padding: 16px;
-    display: flex;
-    flex-direction: column;
-  }
-}

package/minilo/theme-chalk/src/virtual-list.scss

@@ -1,49 +0,0 @@
-@use './mixins/mixin.scss' as *;
-@use './default/variable.scss' as *;
-
-@include bem('virtual-list') {
-  &__container {
-    position: relative;
-    overflow: auto;
-    border: 1px solid #e4e7ed;
-    border-radius: 4px;
-    .loading-spinner {
-      display: inline-block;
-      width: 16px;
-      height: 16px;
-      margin-right: 8px;
-      border: 2px solid #e4e7ed;
-      border-top-color: #409eff;
-      border-radius: 50%;
-      animation: spin 0.6s linear infinite;
-    }
-    @keyframes spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-  }
-  &__loading-tip,
-  &__finished-tip {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 20px;
-    color: #909399;
-    font-size: 14px;
-    background-color: #fff;
-  }
-  &__phantom {
-    position: relative;
-    width: 100%;
-  }
-  &__content {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-  }
-  &__item {
-    box-sizing: border-box;
-  }
-}